Commit aff4e72a by LJM

优化

parent 5191a164
Showing with 25 additions and 39 deletions
...@@ -4,13 +4,11 @@ ...@@ -4,13 +4,11 @@
<div class="con-box clr"> <div class="con-box clr">
<div class="logo fl">云芯系统</div> <div class="logo fl">云芯系统</div>
<div class="tab-box fl" ref="scrollbox"> <div class="tab-box fl" ref="scrollbox">
<div class="item-boxs" ref="scrollboxinner" :style="'width:'+(tabs.length*95+48)+'px'"> <div class="item-boxs row verCenter" ref="scrollboxinner">
<a class="item fl first" href="/#/" :class="{'act':$route.path=='/','scrollsg':rpcg}"> <a class="item first row rowCenter verCenter" href="/#/" :class="{'act':$route.path=='/','scrollsg':rpcg}">
<font class="fl">概况</font> <font class="fl">概况</font>
</a> </a>
<a class="item fl" <a class="item row rowCenter verCenter" :class="{'scrollsg':rpcg,'act':(JSON.stringify(item)==JSON.stringify({path: $route.path,title: $route.meta.title,query:$route.query}))}" @click="tabUrl(item)" v-for="item in tabs">
:class="{'scrollsg':rpcg,'act':(JSON.stringify(item)==JSON.stringify({path: $route.path,title: $route.meta.title,query:$route.query}))}"
@click="tabUrl(item)" v-for="item in tabs">
<font class="fl">{{ item.title }}</font> <font class="fl">{{ item.title }}</font>
<span class="icon iconfont fl" @click.stop="closetab(item.path)"></span> <span class="icon iconfont fl" @click.stop="closetab(item.path)"></span>
</a> </a>
...@@ -25,8 +23,7 @@ ...@@ -25,8 +23,7 @@
<a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a> <a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a>
<div class="line"></div> <div class="line"></div>
<div class="login-v fl"> <div class="login-v fl">
<img class="fl" :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'" <img class="fl" :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'" alt="">
alt="">
<div class="fl namex">{{ userinfo.contacts_name || '猎芯网用户' }}</div> <div class="fl namex">{{ userinfo.contacts_name || '猎芯网用户' }}</div>
<div class="fl lo-box-drop"> <div class="fl lo-box-drop">
<span class="icon iconfont"></span> <span class="icon iconfont"></span>
...@@ -179,7 +176,7 @@ ...@@ -179,7 +176,7 @@
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Util from "../tool"; import Util from "../tool";
import {Form, FormItem, Input, Menu, MenuItem, Submenu, MenuItemGroup, Message, Dialog, Button, Tooltip} from 'element-ui' import {Button, Dialog, Form, FormItem, Input, Menu, MenuItem, MenuItemGroup, Message, Submenu, Tooltip} from 'element-ui'
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input); Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input);
...@@ -472,21 +469,6 @@ export default { ...@@ -472,21 +469,6 @@ export default {
position: relative; position: relative;
width: calc(100vw - 584px); width: calc(100vw - 584px);
&::-webkit-scrollbar {
height: 5px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
&::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(0, 0, 0, 0);
}
.item-boxs { .item-boxs {
position: absolute; position: absolute;
left: 0px; left: 0px;
...@@ -494,34 +476,38 @@ export default { ...@@ -494,34 +476,38 @@ export default {
.item { .item {
color: #646B78; color: #646B78;
font-size: 14px; font-size: 13px;
margin-left: 20px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
cursor: pointer; cursor: pointer;
transition: all 0.4s ease;
padding: 0 17px;
&.act { &.act {
background-color: #F1F4FA;
position: relative; position: relative;
font { font {
color: #333; color: #1969f9;
} }
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
bottom: -8px; top: 0;
width: 32px; width: 100%;
height: 5px; height: 2px;
background: #1969F9; background: #1969F9;
left: 50%; left: 0;
margin-left: -22px; right: 0;
margin: 0 auto;
text-align: center;
} }
&.first { &.first {
background-color: transparent;
&::after { &::after {
display: none;
margin-left: -15px;
} }
} }
} }
...@@ -555,7 +541,7 @@ export default { ...@@ -555,7 +541,7 @@ export default {
} }
.icon { .icon {
font-size: 14px; font-size: 13px;
margin-left: 5px; margin-left: 5px;
} }
} }
......
...@@ -62,7 +62,7 @@ const routes = [ ...@@ -62,7 +62,7 @@ const routes = [
name: 'Brand', name: 'Brand',
meta: { meta: {
title: '品牌列表' title: '品牌列表'
}, },
component: Brand component: Brand
}, },
...@@ -71,7 +71,7 @@ const routes = [ ...@@ -71,7 +71,7 @@ const routes = [
name: 'List', name: 'List',
meta: { meta: {
title: '库存列表' title: '库存列表'
}, },
component: List component: List
}, },
...@@ -144,7 +144,7 @@ const routes = [ ...@@ -144,7 +144,7 @@ const routes = [
name: 'Login', name: 'Login',
meta: { meta: {
title: '猎芯云芯商家-登录', title: '猎芯云芯商家-登录',
}, },
component: Login component: Login
}, },
...@@ -153,7 +153,7 @@ const routes = [ ...@@ -153,7 +153,7 @@ const routes = [
name: 'notfound', name: 'notfound',
meta: { meta: {
title: '猎芯网', title: '猎芯网',
}, },
component: notfound component: notfound
}, },
...@@ -162,7 +162,7 @@ const routes = [ ...@@ -162,7 +162,7 @@ const routes = [
name: 'BindError', name: 'BindError',
meta: { meta: {
title: '微信重新绑定', title: '微信重新绑定',
}, },
component: BindError component: BindError
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment