Skip to content

ShopXO
ShopXO

纵之格 / ShopXO

通知 394
Star 16
Fork 11
ShopXO
ShopXO

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 e5f8f929 编写于 作者: G gongfuxiang
浏览文件
操作

右侧导航应用优化

上级 1160c804
隐藏空白更改
内联 并排
Showing with 271 addition and 137 deletion
application/index/view/default/public/footer.html
浏览文件 @ e5f8f929
......@@ -66,7 +66,7 @@
{{if !empty($plugins_js_data) and is_array($plugins_js_data) and (!isset($is_header) or $is_header eq 1)}}
{{foreach $plugins_js_data as $hook}}
{{if is_string($hook)}}
<link rel="stylesheet" type="text/css" href="{{$hook}}?v={{:MyC('home_static_cache_version')}}" />
<script type='text/javascript' src="{{$hook}}?v={{:MyC('home_static_cache_version')}}"></script>
{{/if}}
{{/foreach}}
{{/if}}
......
application/plugins/commonrightnavigation/Hook.php
浏览文件 @ e5f8f929
......@@ -48,16 +48,16 @@ class Hook
{
switch($params['hook_name'])
{
case 'plugins_view_common_bottom' :
$ret = $this->html($params);
case 'plugins_css' :
$ret = __MY_ROOT_PUBLIC__.'static/plugins/css/commonrightnavigation/style.css';
break;
case 'plugins_view_common_page_bottom' :
$ret = $this->js($params);
case 'plugins_js' :
$ret = __MY_ROOT_PUBLIC__.'static/plugins/js/commonrightnavigation/style.js';
break;
case 'plugins_view_common_header' :
$ret = $this->css($params);
case 'plugins_view_common_bottom' :
$ret = $this->html($params);
break;
default :
......@@ -70,68 +70,6 @@ class Hook
}
}
/**
* css
* @author Devil
* @blog http://gong.gg/
* @version 1.0.0
* @datetime 2019-02-06T16:16:34+0800
* @param [array] $params [输入参数]
*/
public function css($params = [])
{
return '<style type="text/css">
.commonrightnavigation-right-nav{width: 35px;height: 100vh;background: #000;position: fixed; top: 0; right: 0; font-size: 16px; z-index: 100;}
.commonrightnavigation-right-nav .base-nav{text-align: center; position: absolute; width: 100%; color: #ccc; cursor: pointer;}
.commonrightnavigation-right-nav .base-nav [class*="am-icon-"]:before{line-height: 35px;}
.commonrightnavigation-right-nav .mui-mbar-tab-tip{position: absolute; left: -90px; top: 0; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #fff; background-color: #494949; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); font-size: 12px; font-weight: 700; display: none;}
.mui-mbar-popup{height: auto; position: absolute; right: 36px; display: none; box-shadow: -5px 5px 15px 0px rgba(0,0,0,.4);}
.commonrightnavigation-right-nav .base-nav:hover{background: #d2364c; color: #fff;}
.commonrightnavigation-right-nav .base-nav:hover .mui-mbar-tab-tip, .commonrightnavigation-right-nav .base-nav:hover .mui-mbar-popup{display: block;}
.commonrightnavigation-right-nav .mui-mbar-tab-tip-arr{top: 10px; right: -8px; color: #494949;}
.commonrightnavigation-right-nav .mui-mbar-arr{position: absolute; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 16px; font-family: "\5b8b\4f53";}
.commonrightnavigation-right-nav .go-top{bottom: 0; left: 0; height: 35px; display: none;}
.commonrightnavigation-right-nav .qrcode{bottom: 35px; left: 0; height: 35px;}
.commonrightnavigation-right-nav .cart{bottom: 430px; left: 0; height: 140px; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 10px 0;}
.commonrightnavigation-right-nav .cart:hover{border-top: 1px solid #d2364c; border-bottom: 1px solid #d2364c;}
.commonrightnavigation-right-nav .favor{bottom: 585px; left: 0; height: 35px;}
.commonrightnavigation-right-nav .browse{bottom: 620px; left: 0; height: 35px;}
.commonrightnavigation-right-nav .user-center{bottom: 655px; left: 0; height: 35px;}
.commonrightnavigation-right-nav .cart .cart-text{width: 12px; font-size: 12px; margin-left: 11.5px;}
.commonrightnavigation-right-nav .cart .cart-text .cart-count{background: #d2364c; color: #fff; padding: 0 3px; min-width: 14px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 12px; margin-left: -4px; overflow: hidden;}
.commonrightnavigation-right-nav .qrcode-content{bottom: 0; width: 150px;}
.commonrightnavigation-right-nav .qrcode-content ul{padding: 0; border: 1px solid #eee; padding: 10px 20px; background: #f5f5f5;}
.commonrightnavigation-right-nav .qrcode-content li{list-style: none;}
.commonrightnavigation-right-nav .qrcode-content li:not(:first-child){margin-top: 10px;}
.commonrightnavigation-right-nav .qrcode-content p{font-size: 14px; font-weight: 700; color: #666; padding: 0; margin: 0; line-height: 24px;}
.commonrightnavigation-right-nav .qrcode-content img{width: 100px;}
</style>';
}
/**
* js
* @author Devil
* @blog http://gong.gg/
* @version 1.0.0
* @datetime 2019-02-06T16:16:34+0800
* @param [array] $params [输入参数]
*/
public function js($params = [])
{
return '<script type="text/javascript">
// 回顶部监测
$(window).scroll(function()
{
if($(window).scrollTop() > 100)
{
$("#plugins-commonrightnavigation").fadeIn(1000);
} else {
$("#plugins-commonrightnavigation").fadeOut(1000);
}
});
</script>';
}
/**
* 视图
* @author Devil
......@@ -171,11 +109,14 @@ class Hook
// 购物车总数
$cart_total = BuyService::UserCartTotal(['user'=>$params['user']]);
// 是否需要登录
$login_event = empty($params['user']) ? 'login-event' : '';
// 内容
$content .= '<!-- 用户中心 -->
<a href="'.MyUrl('index/user/index').'" '.$is_new_window_open.'>
<a href="'.(empty($params['user']) ? 'javascript:;' : MyUrl('index/user/index')).'" '.$is_new_window_open.' class="user-content '.$login_event.'">
<div class="base-nav user-center">
<i class="am-icon-user"></i>
<img src="'.(!empty($user['avatar']) ? $params['user']['avatar'] : config('shopxo.attachment_host').'/static/index/default/images/default-user-avatar.jpg').'" class="user-avatar" />
<div class="mui-mbar-tab-tip am-animation-slide-left">
用户中心
<div class="mui-mbar-arr mui-mbar-tab-tip-arr">◆</div>
......@@ -184,7 +125,7 @@ class Hook
</a>
<!-- 我的足迹 -->
<a href="'.MyUrl('index/usergoodsbrowse/index').'" '.$is_new_window_open.'>
<a href="'.(empty($params['user']) ? 'javascript:;' : MyUrl('index/usergoodsbrowse/index')).'" '.$is_new_window_open.' class="browse-content '.$login_event.'">
<div class="base-nav browse">
<i class="am-icon-lastfm"></i>
<div class="mui-mbar-tab-tip am-animation-slide-left">
......@@ -195,7 +136,7 @@ class Hook
</a>
<!-- 我的收藏 -->
<a href="'.MyUrl('index/userfavor/goods').'" '.$is_new_window_open.'>
<a href="'.(empty($params['user']) ? 'javascript:;' : MyUrl('index/userfavor/goods')).'" '.$is_new_window_open.' class="favor-content '.$login_event.'">
<div class="base-nav favor">
<i class="am-icon-star-o"></i>
<div class="mui-mbar-tab-tip am-animation-slide-left">
......@@ -206,7 +147,7 @@ class Hook
</a>
<!-- 购物车 -->
<a href="'.MyUrl('index/cart/index').'" '.$is_new_window_open.'>
<a href="'.(empty($params['user']) ? 'javascript:;' : MyUrl('index/cart/index')).'" '.$is_new_window_open.' class="cart-content '.$login_event.'">
<div class="base-nav cart">
<i class="am-icon-opencart"></i>
<div class="cart-text">
......@@ -248,9 +189,9 @@ class Hook
if(!empty($qrcode))
{
$content .= '<!-- 二维码 -->
<div class="base-nav qrcode">
<div class="base-nav qrcode-content">
<i class="am-icon-qrcode"></i>
<div class="mui-mbar-popup qrcode-content am-animation-slide-left">
<div class="mui-mbar-popup qrcode-items am-animation-slide-left">
<ul>'.$qrcode.'</ul>
</div>
</div>';
......
application/plugins/commonrightnavigation/config.json
浏览文件 @ e5f8f929
......@@ -17,13 +17,13 @@
"is_home":false
},
"hook":{
"plugins_view_common_bottom":[
"plugins_css":[
"app\\plugins\\commonrightnavigation\\Hook"
],
"plugins_view_common_page_bottom":[
"plugins_js":[
"app\\plugins\\commonrightnavigation\\Hook"
],
"plugins_view_common_header":[
"plugins_view_common_bottom":[
"app\\plugins\\commonrightnavigation\\Hook"
]
}
......
application/plugins/view/commonrightnavigation/admin/index.html
浏览文件 @ e5f8f929
......@@ -4,33 +4,41 @@
<div class="content-right">
<div class="content">
<legend>
<span class="fs-16">顶部大图</span>
<span class="fs-16">右侧导航</span>
<a href="{{:MyUrl('admin/pluginsadmin/index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> 返回</a>
</legend>
<div class="commonrightnavigation-content">
<div class="items">
<label>图片</label>
<label>支付宝小程序二维码</label>
<div class="immages-tag">
<img src="{{if !empty($data['images_old'])}}{{$data.images_old}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
<img src="{{if !empty($data['weixin_fuwu_qrcode_images'])}}{{$data.weixin_fuwu_qrcode_images}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
</div>
</div>
<div class="items">
<label>背景色</label>
<div class="bg-color-tag" {{if !empty($data['bg_color'])}}style="background:{{$data.bg_color}}"{{/if}}></div>
<label>支付宝生活号二维码</label>
<div class="immages-tag">
<img src="{{if !empty($data['alipay_fuwu_qrcode_images'])}}{{$data.alipay_fuwu_qrcode_images}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
</div>
</div>
<div class="items">
<label>链接地址</label>
<div>
{{if !empty($data['url'])}}
<a href="{{$data.url}}" target="_blank">{{$data.url}}</a>
{{else /}}
无
{{/if}}
<label>微信小程序二维码</label>
<div class="immages-tag">
<img src="{{if !empty($data['weixin_mini_qrcode_images'])}}{{$data.weixin_mini_qrcode_images}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
</div>
</div>
<div class="items">
<label>微信公众号二维码</label>
<div class="immages-tag">
<img src="{{if !empty($data['weixin_fuwu_qrcode_images'])}}{{$data.weixin_fuwu_qrcode_images}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
</div>
</div>
<div class="items">
<label>是否新窗口打开</label>
<label>背景色</label>
<div class="bg-color-tag" {{if !empty($data['bg_color'])}}style="background:{{$data.bg_color}}"{{/if}}></div>
</div>
<div class="items">
<label>链接是否新窗口打开</label>
<div>
{{if isset($data['is_new_window_open']) and $data['is_new_window_open'] eq 1}}
是
......@@ -49,20 +57,6 @@
{{/if}}
</div>
</div>
<div class="items">
<label>有效时间</label>
<div>
{{if !empty($data['time_start']) and !empty($data['time_end'])}}
{{$data.time_start}} ~ {{$data.time_end}}
{{elseif !empty($data['time_start']) and empty($data['time_end'])}}
{{$data.time_start}} ~ 长期有效
{{elseif empty($data['time_start']) and !empty($data['time_end'])}}
立即生效 ~ {{$data.time_end}}
{{else /}}
无限制
{{/if}}
</div>
</div>
<a href="{{:PluginsAdminUrl('commonrightnavigation', 'admin', 'saveinfo')}}" class="am-btn am-btn-secondary am-radius btn-loading-example am-btn-sm am-btn-block edit-submit">编辑</a>
</div>
</div>
......
application/plugins/view/commonrightnavigation/admin/saveinfo.html
浏览文件 @ e5f8f929
......@@ -6,18 +6,20 @@
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:PluginsAdminUrl('commonrightnavigation', 'admin', 'save')}}" method="POST" request-type="ajax-url" request-value="{{:PluginsAdminUrl('commonrightnavigation', 'admin', 'index')}}" enctype="multipart/form-data">
<legend>
<span class="fs-16">顶部大图</span>
<span class="fs-16">右侧导航</span>
<a href="{{:PluginsAdminUrl('commonrightnavigation', 'admin', 'index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> 返回</a>
</legend>
<div class="am-form-group am-form-file">
<label class="block">支付宝小程序二维码<span class="fs-12 fw-100 cr-999">（建议100像数X100像数）</span></label>
<ul class="plug-file-upload-view plugins-alipay_mini_qrcode_images-view" data-form-name="alipay_mini_qrcode_images" data-max-number="1" data-dialog-type="images">
<li>
<input type="text" name="alipay_mini_qrcode_images" value="{{if !empty($data['alipay_mini_qrcode_images'])}}{{$data.alipay_mini_qrcode_images}}{{/if}}" data-validation-message="请上传图片" />
<img src="{{if !empty($data['alipay_mini_qrcode_images_old'])}}{{$data.alipay_mini_qrcode_images_old}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
<i>×</i>
</li>
{{if !empty($data['alipay_mini_qrcode_images'])}}
<li>
<input type="text" name="alipay_mini_qrcode_images" value="{{$data.alipay_mini_qrcode_images_old}}" data-validation-message="请上传支付宝小程序二维码" />
<img src="{{$data.alipay_mini_qrcode_images}}" />
<i>×</i>
</li>
{{/if}}
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.plugins-alipay_mini_qrcode_images-view">+上传图片</div>
</div>
......@@ -25,11 +27,13 @@
<div class="am-form-group am-form-file">
<label class="block">支付宝生活号二维码<span class="fs-12 fw-100 cr-999">（建议100像数X100像数）</span></label>
<ul class="plug-file-upload-view plugins-alipay_fuwu_qrcode_images-view" data-form-name="alipay_fuwu_qrcode_images" data-max-number="1" data-dialog-type="images">
<li>
<input type="text" name="alipay_fuwu_qrcode_images" value="{{if !empty($data['alipay_fuwu_qrcode_images'])}}{{$data.alipay_fuwu_qrcode_images}}{{/if}}" data-validation-message="请上传图片" />
<img src="{{if !empty($data['alipay_fuwu_qrcode_images_old'])}}{{$data.alipay_fuwu_qrcode_images_old}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
<i>×</i>
</li>
{{if !empty($data['alipay_fuwu_qrcode_images'])}}
<li>
<input type="text" name="alipay_fuwu_qrcode_images" value="{{$data.alipay_fuwu_qrcode_images_old}}" data-validation-message="请上传支付宝生活号二维码" />
<img src="{{$data.alipay_fuwu_qrcode_images}}" />
<i>×</i>
</li>
{{/if}}
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.plugins-alipay_fuwu_qrcode_images-view">+上传图片</div>
</div>
......@@ -37,11 +41,13 @@
<div class="am-form-group am-form-file">
<label class="block">微信小程序二维码<span class="fs-12 fw-100 cr-999">（建议100像数X100像数）</span></label>
<ul class="plug-file-upload-view plugins-weixin_mini_qrcode_images-view" data-form-name="weixin_mini_qrcode_images" data-max-number="1" data-dialog-type="images">
<li>
<input type="text" name="weixin_mini_qrcode_images" value="{{if !empty($data['weixin_mini_qrcode_images'])}}{{$data.weixin_mini_qrcode_images}}{{/if}}" data-validation-message="请上传图片" />
<img src="{{if !empty($data['weixin_mini_qrcode_images_old'])}}{{$data.weixin_mini_qrcode_images_old}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
<i>×</i>
</li>
{{if !empty($data['weixin_mini_qrcode_images'])}}
<li>
<input type="text" name="weixin_mini_qrcode_images" value="{{$data.weixin_mini_qrcode_images_old}}" data-validation-message="请上传微信小程序二维码" />
<img src="{{$data.weixin_mini_qrcode_images}}" />
<i>×</i>
</li>
{{/if}}
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.plugins-weixin_mini_qrcode_images-view">+上传图片</div>
</div>
......@@ -49,11 +55,13 @@
<div class="am-form-group am-form-file">
<label class="block">微信公众号二维码<span class="fs-12 fw-100 cr-999">（建议100像数X100像数）</span></label>
<ul class="plug-file-upload-view plugins-weixin_fuwu_qrcode_images-view" data-form-name="weixin_fuwu_qrcode_images" data-max-number="1" data-dialog-type="images">
<li>
<input type="text" name="weixin_fuwu_qrcode_images" value="{{if !empty($data['weixin_fuwu_qrcode_images'])}}{{$data.weixin_fuwu_qrcode_images}}{{/if}}" data-validation-message="请上传图片" />
<img src="{{if !empty($data['weixin_fuwu_qrcode_images_old'])}}{{$data.weixin_fuwu_qrcode_images_old}}{{else /}}{{$attachment_host}}/static/plugins/images/commonrightnavigation/default-images.png{{/if}}" />
<i>×</i>
</li>
{{if !empty($data['weixin_fuwu_qrcode_images'])}}
<li>
<input type="text" name="weixin_fuwu_qrcode_images" value="{{$data.weixin_fuwu_qrcode_images_old}}" data-validation-message="请上传微信公众号二维码" />
<img src="{{$data.weixin_fuwu_qrcode_images}}" />
<i>×</i>
</li>
{{/if}}
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.plugins-weixin_fuwu_qrcode_images-view">+上传图片</div>
</div>
......
application/tags.php
浏览文件 @ e5f8f929
......@@ -45,15 +45,15 @@ return array (
array (
0 => 'app\\plugins\\userloginrewardintegral\\Hook',
),
'plugins_view_common_bottom' =>
'plugins_css' =>
array (
0 => 'app\\plugins\\commonrightnavigation\\Hook',
),
'plugins_view_common_page_bottom' =>
'plugins_js' =>
array (
0 => 'app\\plugins\\commonrightnavigation\\Hook',
),
'plugins_view_common_header' =>
'plugins_view_common_bottom' =>
array (
0 => 'app\\plugins\\commonrightnavigation\\Hook',
),
......
public/static/index/default/css/index.css
浏览文件 @ e5f8f929
......@@ -16,7 +16,7 @@ dt + dd {margin-top: 0;}
/*手机专享*/
.small-nav {padding:10px 0px; font-size:12px;}
.small-nav .am-u-sm-3 { text-align: center; margin: 5px 0; }
.small-nav .nav-icon {max-width: 48px; padding: 8px; margin: 0 auto; border-radius: 50px; background-color: #d2364c; }
.small-nav .nav-icon {max-width: 50px; max-height: 50px; padding: 12px; margin: 0 auto; border-radius: 50px; background-color: #d2364c; }
.small-nav .am-u-sm-3:last-child { float: left; }
.small-nav .mini-nav-title { margin-top: 5px; }
.small-nav .mini-nav-goods-category { background-color: #FB6E52; }
......@@ -130,7 +130,7 @@ text-align: center;float:none}
/*推荐*/
.flood li {width: 50%;float: left;text-align: center;}
@media only screen and (min-width: 480px) {
.small-nav img{max-width:60px;}
.small-nav img{max-width: 100%;max-height: 100%;}
.small-nav{ font-size:14px;}
.flood li{width:33.3%;}
......
public/static/plugins/css/commonrightnavigation/admin.css
浏览文件 @ e5f8f929
......@@ -9,15 +9,12 @@
.commonrightnavigation-content .items .immages-tag {
border: 1px solid #eee;
text-align: center;
width: 120px;
height: 120px;
}
.commonrightnavigation-content .items .immages-tag img {
max-width: 100%;
}
.commonrightnavigation-content .items .bg-color-tag {
width: 100%;
height: 50px;
border: 1px solid #eee;
}
.commonrightnavigation-content .edit-submit {
margin-bottom: 20px;
}
......
public/static/plugins/css/commonrightnavigation/style.css 0 → 100644
浏览文件 @ e5f8f929
@media only screen and (min-width:640px) {
.commonrightnavigation-right-nav {
width: 35px;
height: 100vh;
background: #000;
position: fixed;
top: 0;
right: 0;
font-size: 16px;
z-index: 1000;
}
.commonrightnavigation-right-nav .base-nav {
text-align: center;
position: absolute;
width: 100%;
color: #ccc;
cursor: pointer;
}
.commonrightnavigation-right-nav .base-nav [class*="am-icon-"]:before {
line-height: 35px;
}
.commonrightnavigation-right-nav .mui-mbar-tab-tip {
position: absolute;
left: -90px;
top: 0;
width: 90px;
height: 35px;
line-height: 35px;
text-align: center;
color: #fff;
background-color: #494949;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);
font-size: 12px;
font-weight: 700;
display: none;
}
.mui-mbar-popup {
height: auto;
position: absolute;
right: 36px;
display: none;
box-shadow: -5px 5px 15px 0px rgba(0,0,0,.4);
}
.commonrightnavigation-right-nav .base-nav:hover {
background: #d2364c;
color: #fff;
}
.commonrightnavigation-right-nav .base-nav:hover .mui-mbar-tab-tip, .commonrightnavigation-right-nav .base-nav:hover .mui-mbar-popup {
display: block;
}
.commonrightnavigation-right-nav .mui-mbar-tab-tip-arr {
top: 10px;
right: -8px;
color: #494949;
}
.commonrightnavigation-right-nav .mui-mbar-arr {
position: absolute;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px;
font-family: "\5b8b\4f53";
}
.commonrightnavigation-right-nav .go-top {
bottom: 0;
left: 0;
height: 35px;
display: none;
}
.commonrightnavigation-right-nav .qrcode-content {
bottom: 35px;
left: 0;
height: 35px;
}
.commonrightnavigation-right-nav .cart {
bottom: 45vh;
left: 0;
height: 140px;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
padding: 10px 0;
}
.commonrightnavigation-right-nav .cart:hover {
border-top: 1px solid #d2364c;
border-bottom: 1px solid #d2364c;
}
.commonrightnavigation-right-nav .favor {
bottom: calc(45vh + 150px);
left: 0;
height: 35px;
}
.commonrightnavigation-right-nav .browse {
bottom: calc(45vh + 185px);
left: 0;
height: 35px;
}
.commonrightnavigation-right-nav .user-center {
bottom: calc(45vh + 220px);
left: 0;
height: 35px;
padding: 5px;
}
.commonrightnavigation-right-nav .user-center img {
border-radius: 50px;
}
.commonrightnavigation-right-nav .cart .cart-text {
width: 12px;
font-size: 12px;
margin-left: 11.5px;
}
.commonrightnavigation-right-nav .cart .cart-text .cart-count {
background: #d2364c;
color: #fff;
padding: 0 3px;
min-width: 14px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
font-size: 12px;
margin-left: -4px;
overflow: hidden;
}
.commonrightnavigation-right-nav .qrcode-items {
bottom: 0;
width: 140px;
}
.commonrightnavigation-right-nav .qrcode-items ul {
padding: 0;
border: 1px solid #eee;
padding: 10px 10px;
background: #f5f5f5;
}
.commonrightnavigation-right-nav .qrcode-items li {
list-style: none;
}
.commonrightnavigation-right-nav .qrcode-items li:not(:first-child) {
margin-top: 10px;
}
.commonrightnavigation-right-nav .qrcode-items p {
font-size: 14px;
font-weight: 700;
color: #666;
padding: 0;
margin: 0;
line-height: 24px;
}
.commonrightnavigation-right-nav .qrcode-items img {
width: 120px;
}
}
@media only screen and (max-width:640px) {
.commonrightnavigation-right-nav .user-content,
.commonrightnavigation-right-nav .browse-content,
.commonrightnavigation-right-nav .favor-content,
.commonrightnavigation-right-nav .cart-content,
.commonrightnavigation-right-nav .qrcode-content,
.commonrightnavigation-right-nav .go-top .mui-mbar-tab-tip {
display: none;
}
.commonrightnavigation-right-nav .go-top {
position: fixed;
bottom: 130px;
right: 10px;
background: #eee;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #666;
font-size: 20px;
cursor: pointer;
border-radius: 50px;
border: 1px solid #e3e3e3;
z-index: 10000;
}
}
\ No newline at end of file
public/static/plugins/js/commonrightnavigation/style.js 0 → 100644
浏览文件 @ e5f8f929
$(function()
{
// 回顶部监测
$(window).scroll(function()
{
if($(window).scrollTop() > 100)
{
$("#plugins-commonrightnavigation").fadeIn(1000);
} else {
$("#plugins-commonrightnavigation").fadeOut(1000);
}
});
});
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或