Browse Source

交互样式

V1.0
dai 3 years ago
parent
commit
ef05a194c2
  1. 1
      src/assets/scss/modules/index.scss
  2. 10
      src/views/main-navbar.vue
  3. 21
      src/views/modules/shequ/chaxun.vue

1
src/assets/scss/modules/index.scss

@ -177,7 +177,6 @@
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
color: #ffffff;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: $c1_on; background: $c1_on;

10
src/views/main-navbar.vue

@ -33,7 +33,7 @@
</svg> </svg>
</el-menu-item> </el-menu-item>
<el-menu-item v-if="false" index="2" @click="refresh()"> <el-menu-item v-if="true" index="2" @click="refresh()">
<svg class="icon-svg aui-navbar__icon-menu" aria-hidden="true"> <svg class="icon-svg aui-navbar__icon-menu" aria-hidden="true">
<use xlink:href="#icon-sync"></use> <use xlink:href="#icon-sync"></use>
</svg> </svg>
@ -45,19 +45,19 @@
mode="horizontal" mode="horizontal"
style="min-width: 180px" style="min-width: 180px"
> >
<el-menu-item index="3" @click="fullscreenHandle()"> <el-menu-item index="3" @click="$router.push({ name: 'dataBoard' })">
<div class="nav-item"> <div class="nav-item">
<img src="~@/assets/images/main/nav-sjdb.png" /> <img src="~@/assets/images/main/nav-sjdb.png" />
<span>数据对比</span> <span>数据看板</span>
</div> </div>
</el-menu-item> </el-menu-item>
<el-menu-item index="3" @click="fullscreenHandle()"> <el-menu-item index="3" @click="$router.push({ name: 'dataBoard' })">
<div class="nav-item"> <div class="nav-item">
<img src="~@/assets/images/main/nav-zntb.png" /> <img src="~@/assets/images/main/nav-zntb.png" />
<span>智能填报</span> <span>智能填报</span>
</div> </div>
</el-menu-item> </el-menu-item>
<el-menu-item index="3" @click="fullscreenHandle()"> <el-menu-item index="3" @click="$router.push({ name: 'dataBoard' })">
<div class="nav-item"> <div class="nav-item">
<img src="~@/assets/images/main/nav-sjjy.png" /> <img src="~@/assets/images/main/nav-sjjy.png" />
<span>数据校验</span> <span>数据校验</span>

21
src/views/modules/shequ/chaxun.vue

@ -750,6 +750,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss"; @import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/c/function";
.m-box { .m-box {
position: relative; position: relative;
@ -814,9 +815,17 @@ export default {
color: #0056d6; color: #0056d6;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
&:hover {
color: $c1_on;
}
&.z-on { &.z-on {
color: #ffffff; color: #ffffff;
background: #0056d6; background: $c1;
&:hover {
color: #ffffff;
}
&::after { &::after {
content: ""; content: "";
display: block; display: block;
@ -828,7 +837,7 @@ export default {
width: 0; width: 0;
height: 0; height: 0;
border: 5px solid transparent; border: 5px solid transparent;
border-top: 5px solid #0056d6; border-top: 5px solid $c1;
} }
} }
} }
@ -901,6 +910,10 @@ export default {
color: #ffffff; color: #ffffff;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
&:hover {
background: $c1_on;
}
} }
} }
@ -921,6 +934,10 @@ export default {
height: 20px; height: 20px;
margin-right: 8px; margin-right: 8px;
} }
&:hover {
color: $c1_on;
}
} }
} }
} }

Loading…
Cancel
Save