web端新增快捷导航入口
parent
6ae66167a8
commit
d6fececc04
|
|
@ -15,7 +15,7 @@
|
|||
{{$data.content|raw}}
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<dd>{{$data.seo_desc}}</dd>
|
||||
</dl>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<dd>{{$data.seo_desc}}</dd>
|
||||
</dl>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
{{$data.content|raw}}
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
your browser does not support the video tag
|
||||
</video>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -89,7 +89,7 @@
|
|||
</table>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
</table>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -163,7 +163,7 @@
|
|||
{{$data.content_web|raw}}
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -192,7 +192,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -206,7 +206,7 @@
|
|||
{{$data.fictitious_goods_value|raw}}
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -227,7 +227,7 @@
|
|||
<dd>{{$data.seo_desc}}</dd>
|
||||
</dl>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -620,7 +620,7 @@
|
|||
{{/if}}
|
||||
{{/foreach}}
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有扩展数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
<!-- 插件扩展数据 end -->
|
||||
</div>
|
||||
|
|
@ -781,7 +781,7 @@
|
|||
<button type="submit" class="am-btn am-btn-primary am-radius btn-loading-example am-btn-sm am-btn-block">确认</button>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有扩展数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
{{if !empty($data['items'])}}
|
||||
{{:ModuleInclude('order/module/goods', $data)}}
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<span>{{$data.address_data.address}}</span>
|
||||
</p>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<!-- 取货码 -->
|
||||
{{:ModuleInclude('order/module/take', $data)}}
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
{{/foreach}}
|
||||
</ul>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
</ul>
|
||||
{{/if}}
|
||||
{{if empty($express_list)}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有快递方式</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
</ul>
|
||||
{{/if}}
|
||||
{{if empty($buy_payment_list)}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有支付方式</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="am-margin-top-sm">
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@
|
|||
{{/block}}
|
||||
{{else /}}
|
||||
{{block name="detail_not_data"}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/block}}
|
||||
{{/if}}
|
||||
|
||||
|
|
|
|||
|
|
@ -280,6 +280,6 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{if empty($data_list)}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -1 +1 @@
|
|||
<div class="table-no"><i class="am-icon-warning cr-999"></i> 没有相关数据</div>
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
{{/foreach}}
|
||||
<ul>
|
||||
{{else /}}
|
||||
<div class="table-no">没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
<!-- lis end -->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 无规格库存数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
</div>
|
||||
</article>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -121,27 +121,4 @@
|
|||
{{/if}}
|
||||
|
||||
<!-- 快捷导航 -->
|
||||
{{if !empty($nav_quick) and is_array($nav_quick)}}
|
||||
<a href="javascript:;" class="am-icon-btn am-icon-sliders common-main-quick-menu" data-am-modal="{target: '#common-main-quick-popup'}"></a>
|
||||
<div class="am-popup popup-not-title" id="common-main-quick-popup">
|
||||
<div class="am-popup-inner">
|
||||
<span data-am-modal-close class="am-close am-close-alt am-icon-times"></span>
|
||||
<div class="am-popup-bd">
|
||||
<ul class="am-avg-sm-3 am-avg-md-4 am-avg-lg-4 common-main-quick-content">
|
||||
{{foreach $nav_quick as $nav}}
|
||||
{{if !empty($nav['images_url']) and !empty($nav['name'])}}
|
||||
<li class="am-text-center am-padding-sm {{if isset($nav['class_name'])}}{{$nav.class_name}}{{/if}}">
|
||||
<a href="{{if !empty($nav['event_value'])}}{{$nav.event_value}}{{else /}}javascript:;{{/if}}">
|
||||
<p class="nav-icon" style="{{if !empty($nav['bg_color'])}}background:{{$nav.bg_color}};{{/if}}">
|
||||
<img src="{{$nav.images_url}}" alt="{{$nav.name}}" />
|
||||
</p>
|
||||
<p class="am-margin-top-xs am-text-truncate">{{$nav.name}}</p>
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{include file="public/quick" /}}
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -64,14 +64,15 @@
|
|||
</ul>
|
||||
{{/if}}
|
||||
|
||||
<!-- 右侧快捷导航 -->
|
||||
<!-- 右侧导航 -->
|
||||
<div class="am-topbar-right am-hide-sm-only">
|
||||
<div class="navigation-user {{if empty($user)}}login-event{{/if}}">
|
||||
<a href="{{if empty($user)}}javascript:;{{else /}}{{:MyUrl('index/user/index')}}{{/if}}">
|
||||
<img src="{{if !empty($user['avatar'])}}{{$user.avatar}}{{else /}}{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/default-user-avatar.jpg{{/if}}" class="nav-user" />
|
||||
<b></b>
|
||||
<span>我的商城</span>
|
||||
<i class="am-icon-angle-right"></i>
|
||||
<!-- 快捷百宝箱 -->
|
||||
<div class="navigation-main-quick">
|
||||
<a href="javascript:;" class="am-block" data-am-modal="{target: '#left-main-quick-popup'}">
|
||||
<span class="am-icon-sliders icon"></span>
|
||||
<b class="am-block"></b>
|
||||
<p class="am-text-truncate name">百宝箱</p>
|
||||
<i class="am-icon-angle-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@
|
|||
{{/block}}
|
||||
{{else /}}
|
||||
{{block name="detail_not_data"}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/block}}
|
||||
{{/if}}
|
||||
|
||||
|
|
|
|||
|
|
@ -280,6 +280,6 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{{if empty($data_list)}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -16,7 +16,10 @@
|
|||
<form action="{{:MyUrl('index/search/index')}}" method="POST">
|
||||
<div class="search-group">
|
||||
<input id="search-input" name="wd" type="text" placeholder="其实搜索很简单^_^ !" value="{{if !empty($params['wd'])}}{{$params.wd}}{{/if}}" autocomplete="off" />
|
||||
<input id="ai-topsearch" class="submit am-btn" index="1" type="submit" value="搜索" />
|
||||
<button type="submit" id="ai-topsearch" class="submit am-btn">
|
||||
<i class="am-icon-search"></i>
|
||||
<span>搜索</span>
|
||||
</button>
|
||||
</div>
|
||||
{{if !empty($home_search_keywords)}}
|
||||
<ul class="search-hot-keywords">
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<div class="table-no"><i class="am-icon-warning cr-999"></i> 没有相关数据</div>
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<a href="javascript:;" class="am-icon-btn am-icon-sliders am-show-sm-only left-main-quick-menu" data-am-modal="{target: '#left-main-quick-popup'}"></a>
|
||||
<div class="am-popup popup-not-title" id="left-main-quick-popup">
|
||||
<div class="am-popup-inner">
|
||||
<span data-am-modal-close class="am-close am-close-alt am-icon-times"></span>
|
||||
<div class="am-popup-bd">
|
||||
{{if !empty($nav_quick) and is_array($nav_quick)}}
|
||||
<ul class="am-avg-sm-3 am-avg-md-4 am-avg-lg-4 left-main-quick-content">
|
||||
{{foreach $nav_quick as $nav}}
|
||||
{{if !empty($nav['images_url']) and !empty($nav['name'])}}
|
||||
<li class="am-text-center am-padding-sm {{if isset($nav['class_name'])}}{{$nav.class_name}}{{/if}}">
|
||||
<a href="{{if !empty($nav['event_value'])}}{{$nav.event_value}}{{else /}}javascript:;{{/if}}">
|
||||
<p class="nav-icon" style="{{if !empty($nav['bg_color'])}}background:{{$nav.bg_color}};{{/if}}">
|
||||
<img src="{{$nav.images_url}}" alt="{{$nav.name}}" />
|
||||
</p>
|
||||
<p class="am-margin-top-xs am-text-truncate">{{$nav.name}}</p>
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{else /}}
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
</ul>
|
||||
{{/if}}
|
||||
{{if empty($user_address_list)}}
|
||||
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
|
||||
{{include file="public/not_data" /}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,8 +76,9 @@ input.add,input.min{width:15px}
|
|||
.search-bar form .search-group{border:2px solid #d2364c; width:100%;position: relative;}
|
||||
.search-bar input{height:26px;width:79%;outline:none; font-size:12px; border:none}
|
||||
#search-input { padding-left: 8px; }
|
||||
#ai-topsearch { width:27%;height:26px;border:none;background: #d2364c none repeat scroll 0% 0%;
|
||||
color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: absolute;top: 0;right: 0;}
|
||||
#ai-topsearch { width:27%;height:26px;border:none;background: #d2364c none repeat scroll 0% 0%; color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: absolute;top: 0;right: 0;}
|
||||
.search-group:hover {border: 2px solid #ea304b !important;}
|
||||
.search-group:hover #ai-topsearch {background: #ea304b;}
|
||||
.search-hot-keywords { margin-top: 5px; height: 16px; overflow: hidden; display: none; }
|
||||
.search-hot-keywords li { float: left; }
|
||||
.search-hot-keywords li:not(:last-child) { margin-right: 10px; }
|
||||
|
|
@ -109,23 +110,15 @@ color: #F5F5F2;font-size: 12px;cursor:pointer;border-radius:0px 0px; position: a
|
|||
.nav-search .logo-big{ float:left;height:40px;width:135px; margin:0px auto; margin-left:5px; margin-right: 5px;}
|
||||
.nav-search .logo-big img{width:100%;}
|
||||
.search-bar {height: 34px; margin:auto; width: 50%; padding-left: 10%;}
|
||||
.search-bar input {width: 79%;height:30px;}
|
||||
.classified{display:none;}
|
||||
.search-bar input {width: 74%;}
|
||||
.search-bar input, #ai-topsearch { height:30px; }
|
||||
.mobile-navigation{display:none;}
|
||||
#ai-topsearch{ font-size:14px;height: 30px;line-height: 18px; font-weight: 500; width: 20%; }
|
||||
#ai-topsearch{ width: 25%; }
|
||||
#ai-topsearch * { font-size:14px; line-height: 18px; font-weight: 500; }
|
||||
|
||||
/*底部*/
|
||||
.am-footer {text-align:center; display:block;position: relative;margin: 0px auto; padding: 10px 0px; }
|
||||
|
||||
/* 导航上用户 */
|
||||
.navigation-user {display: block; position: absolute;right:0px;bottom:6px;font-size: 12px;line-height:26px;height:25px ;width:85px;text-align:center;background: #d2364c;cursor: pointer;}
|
||||
.navigation-user .nav-user{background:#d2364c; width: 25px;height: 25px;border-radius: 25px;position: absolute;left:-22px;z-index: 2;padding: 1px;overflow: hidden;}
|
||||
.navigation-user b{display:block;position: absolute;width: 25px;height: 27px;border-radius:45px;z-index: 1;left: -19px;top: -1px;background: #fff;}
|
||||
.navigation-user .am-icon-angle-right { margin-left: 5px; }
|
||||
.navigation-user * { color:#fcff00; text-decoration: none; }
|
||||
.navigation-user b.line{display: block;width:100%;height:2px ;border-bottom:2px solid #d2364c;position: absolute;top:180px;z-index:5;}
|
||||
|
||||
|
||||
/*分类*/
|
||||
.goods-category-s {display:block;position: absolute;z-index: 100;}
|
||||
.goods-category-s .all-goods, .goods-category-title .all-goods {font-size: 16px;}
|
||||
|
|
@ -970,9 +963,9 @@ legend a.am-fr {
|
|||
}
|
||||
|
||||
/**
|
||||
* 手机端快捷入口
|
||||
* 左侧快捷入口
|
||||
*/
|
||||
.common-main-quick-menu {
|
||||
.left-main-quick-menu {
|
||||
background: #d2354c;
|
||||
color: #fff;
|
||||
position: fixed;
|
||||
|
|
@ -983,11 +976,11 @@ legend a.am-fr {
|
|||
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.common-main-quick-menu:hover, .common-main-quick-menu:focus {
|
||||
.left-main-quick-menu:hover, .left-main-quick-menu:focus {
|
||||
background: #ea304b;
|
||||
color: #fff;
|
||||
}
|
||||
.common-main-quick-content li .nav-icon {
|
||||
.left-main-quick-content li .nav-icon {
|
||||
background: #e4e4e4;
|
||||
border-radius: 50%;
|
||||
width: 50px;
|
||||
|
|
@ -995,7 +988,7 @@ legend a.am-fr {
|
|||
line-height: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
.common-main-quick-content li .nav-icon img {
|
||||
.left-main-quick-content li .nav-icon img {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
-webkit-transition: transform .3s ease-in;
|
||||
|
|
@ -1004,15 +997,78 @@ legend a.am-fr {
|
|||
-o-transition: transform .3s ease-in;
|
||||
transition: transform .3s ease-in;
|
||||
}
|
||||
.common-main-quick-content li a {
|
||||
.left-main-quick-content li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (min-width:641px){
|
||||
.common-main-quick-content li:hover .nav-icon img {
|
||||
@media only screen and (min-width:641px) {
|
||||
.left-main-quick-content li:hover .nav-icon img {
|
||||
transform: scale(1.2);
|
||||
-moz-transform: scale(1.2);
|
||||
-webkit-transform: scale(1.2);
|
||||
-o-transform: scale(1.2);
|
||||
-ms-transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 中间大导航快捷入口
|
||||
*/
|
||||
.navigation-main-quick {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 25px;
|
||||
height: 25px ;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
background: #d2364c;
|
||||
cursor: pointer;
|
||||
}
|
||||
.navigation-main-quick .icon {
|
||||
background: #feffde;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
line-height: 18px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left:-21px;
|
||||
z-index: 2;
|
||||
padding: 1px;
|
||||
overflow: hidden;
|
||||
color: #d3364c;
|
||||
font-size: 14px;
|
||||
border: 2px solid #d3364c;
|
||||
}
|
||||
.navigation-main-quick .name {
|
||||
width: 60px;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.navigation-main-quick b {
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 27px;
|
||||
border-radius: 50%;
|
||||
z-index: 1;
|
||||
left: -19px;
|
||||
top: -1px;
|
||||
background: #fff;
|
||||
}
|
||||
.navigation-main-quick .am-icon-angle-right {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.navigation-main-quick * {
|
||||
color: #fcff00;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (min-width:641px) {
|
||||
.navigation-main-quick:hover {
|
||||
background: #ea304b;
|
||||
}
|
||||
.navigation-main-quick:hover .icon {
|
||||
border: 2px solid #ea304b;
|
||||
color: #ea304b;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue