|
|
@@ -9,12 +9,10 @@
|
|
|
<div class="sidebar-menu"><a @click="goCart" title="我的购物车" target="_blank">我的购物车<em><span>(<span v-text="cartCount.count || 0"></span>)</span></em></a></div>
|
|
|
</li>
|
|
|
<li class="right-bar-item">
|
|
|
- <el-button type="text" @click="dialogVisible = true">
|
|
|
- <a @click="onLeaveMessageClick()" class="title">
|
|
|
+ <a @click="dialogVisible = true" class="title">
|
|
|
<i class="iconfont icon-liuyan icon-xlg"></i>
|
|
|
+ <div class="sidebar-menu"><a title="留言板" target="_blank">留言板</a></div>
|
|
|
</a>
|
|
|
- <div class="sidebar-menu"><a title="留言板" target="_blank">留言板</a></div>
|
|
|
- </el-button>
|
|
|
</li>
|
|
|
<li class="right-bar-item contact-menu">
|
|
|
<a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" target="_blank" class="title">
|
|
|
@@ -211,6 +209,61 @@
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+ /*查看*/
|
|
|
+ #image-box .x-floating-wrap {
|
|
|
+ position: fixed;
|
|
|
+ z-index: 99998;
|
|
|
+ background: #000;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
+ #image-box .x-floating {
|
|
|
+ position: fixed;
|
|
|
+ z-index: 99999;
|
|
|
+ top: 60px;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ #image-box .x-floating img {
|
|
|
+ margin: auto auto;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 80%;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none
|
|
|
+ }
|
|
|
+
|
|
|
+ #image-box .x-close-wrap {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 100000;
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ margin: -60px -60px 0 0;
|
|
|
+ border-radius: 100%;
|
|
|
+ background: #000;
|
|
|
+ opacity: .3
|
|
|
+ }
|
|
|
+
|
|
|
+ #image-box .x-close-wrap a {
|
|
|
+ position: absolute;
|
|
|
+ left: 25px;
|
|
|
+ bottom: 25px;
|
|
|
+ font-size: 42px;
|
|
|
+ color: #fff
|
|
|
+ }
|
|
|
+ #image-box .x-close-wrap:hover {
|
|
|
+ opacity: .7
|
|
|
+ }
|
|
|
+
|
|
|
a[disabled] {
|
|
|
cursor: not-allowed;
|
|
|
}
|