代码优化,删除冗余代码
12
src/App.vue
@@ -1,26 +1,14 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<v-toast v-show="showToast"></v-toast>
|
||||
<v-dialog v-show="showAlert"></v-dialog>
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import toast from '@/components/toast'
|
||||
import dialog from '@/components/dialog'
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
'v-toast': toast,
|
||||
'v-dialog': dialog
|
||||
},
|
||||
data () {
|
||||
return {}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['showToast', 'showAlert'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 1255596 */
|
||||
src: url('iconfont/iconfont.woff2?t=1620977303191') format('woff2'),
|
||||
url('iconfont/iconfont.woff?t=1620977303191') format('woff'),
|
||||
url('iconfont/iconfont.ttf?t=1620977303191') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-guanbi:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "阿里妈妈数黑体";
|
||||
src: url("font/Alimama_ShuHeiTi_Bold.woff2") format("woff2"),
|
||||
url("font/Alimama_ShuHeiTi_Bold.woff") format("woff"),
|
||||
url('font/Alimama_ShuHeiTi_Bold.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -1,133 +0,0 @@
|
||||
@import 'mixin.styl'
|
||||
|
||||
// 样式测试
|
||||
.style_block
|
||||
display none
|
||||
position absolute
|
||||
_wh(calc(100% / 3), calc(100% / 3))
|
||||
background red
|
||||
// 页面跳转
|
||||
.tooltip_wrap
|
||||
position fixed
|
||||
bottom 10%
|
||||
z-index 10
|
||||
_wh(auto, 40px)
|
||||
padding 5px 5px
|
||||
background-color rgba(228,233,237,1)
|
||||
_fj(row)
|
||||
&:hover
|
||||
opacity 1 !important
|
||||
.left_tooltip_wrap
|
||||
right 0
|
||||
border-top-left-radius 12px
|
||||
border-bottom-left-radius 12px
|
||||
.right_tooltip_wrap
|
||||
left 0
|
||||
border-top-right-radius 12px
|
||||
border-bottom-right-radius 12px
|
||||
.tooltip_arrow
|
||||
_wh(40px, 100%)
|
||||
_font(14px, 30px, #999,,)
|
||||
.tooltip_pages
|
||||
height 100%
|
||||
_fj(row)
|
||||
transition width .3s ease
|
||||
overflow hidden
|
||||
.tooltip_page
|
||||
height 100%
|
||||
margin 0 5px
|
||||
_font(14px, 30px, #999,,)
|
||||
border 1px solid #999
|
||||
border-radius: 30px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 10px;
|
||||
&:hover
|
||||
background-color #03fcfd
|
||||
border-color #03fcfd
|
||||
color #fff
|
||||
.current_page
|
||||
background-color #02d0d0
|
||||
border-color #02d0d0
|
||||
color #fff
|
||||
|
||||
// 弹窗
|
||||
.popup_block_wraper
|
||||
position fixed
|
||||
top 0
|
||||
left 0
|
||||
z-index 100
|
||||
width 550px
|
||||
padding 20px 14px 30px 14px
|
||||
_bis('../../images/popup_bg.png')
|
||||
.foldline
|
||||
position absolute
|
||||
right -109px
|
||||
z-index 10
|
||||
_wh(127px,105px)
|
||||
_bis('../images/dot_line.png')
|
||||
.foldline_right
|
||||
right -109px
|
||||
.foldline_left
|
||||
left -109px
|
||||
transform rotateY(180deg)
|
||||
.popup_bg
|
||||
_wh(100%, 100%)
|
||||
background top center / 100% 18px url(../../images/popup_line.png) no-repeat
|
||||
overflow hidden
|
||||
.popup_block
|
||||
_wh(100%,100%)
|
||||
padding 15px 0 0 0
|
||||
.pop_header
|
||||
_wh(100%, 28px)
|
||||
padding 0 5px
|
||||
_fj(row)
|
||||
.pop_name
|
||||
width 50%
|
||||
_font(14px,28px,#32C5FF,,left)
|
||||
text-shadow 2px 2px 4px #A6E6FF
|
||||
margin-bottom 8px
|
||||
.pop_status
|
||||
_wh(50%, 28px)
|
||||
_fj(row,flex-end)
|
||||
.pop_status_dot
|
||||
_wh(15px, 15px)
|
||||
border-radius 50%
|
||||
margin-right 10px
|
||||
.pop_status_text
|
||||
_font(16px, 28px, #fff,,)
|
||||
.pop_content
|
||||
_wh(100%, calc(100% - 28px))
|
||||
padding 0 5px
|
||||
overflow-y auto
|
||||
_fj(row,flex-start)
|
||||
flex-wrap wrap
|
||||
.pop_item
|
||||
_wh(calc(50% - 2.5px), 30px)
|
||||
_fj(row,flex-start)
|
||||
background-color rgba(50,197,255,50%)
|
||||
border-left 3px solid #fdfd0f
|
||||
margin-bottom 5px
|
||||
padding 0 5px
|
||||
&:nth-child(2n+2)
|
||||
width calc(50% - 2.5px)
|
||||
margin-left 5px
|
||||
.pop_label
|
||||
width 100px
|
||||
_font(12px, 24px, #fff,,left)
|
||||
.pop_val
|
||||
width calc(100% - 100px)
|
||||
_font(13px, 24px, #0ff,,left)
|
||||
white-space nowrap
|
||||
.pop_val_s
|
||||
width calc(100% - 118px)
|
||||
.pop_unit
|
||||
width 18px
|
||||
_font(13px, 24px, #fff,,right)
|
||||
overflow hidden
|
||||
.icon-guanbi
|
||||
position absolute
|
||||
top 8px
|
||||
right 9px
|
||||
_wh(30px, 22px)
|
||||
_font(15px, 22px, #fff,,center)
|
||||
background-color #0a3679
|
||||
|
Before Width: | Height: | Size: 330 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 153 KiB |
|
Before Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 173 KiB |
|
Before Width: | Height: | Size: 173 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 153 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 139 KiB |
|
Before Width: | Height: | Size: 416 B |
|
Before Width: | Height: | Size: 561 B |
|
Before Width: | Height: | Size: 753 B |
|
Before Width: | Height: | Size: 521 B |
|
Before Width: | Height: | Size: 829 B |
|
Before Width: | Height: | Size: 801 B |
|
Before Width: | Height: | Size: 764 B |
|
Before Width: | Height: | Size: 815 B |
|
Before Width: | Height: | Size: 739 B |
|
Before Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 944 B |
|
Before Width: | Height: | Size: 955 B |
|
Before Width: | Height: | Size: 978 B |
|
Before Width: | Height: | Size: 1000 B |
|
Before Width: | Height: | Size: 928 B |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 751 B |
|
Before Width: | Height: | Size: 749 B |
|
Before Width: | Height: | Size: 778 B |
|
Before Width: | Height: | Size: 708 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 972 B |
|
Before Width: | Height: | Size: 771 B |
|
Before Width: | Height: | Size: 416 B |
|
Before Width: | Height: | Size: 561 B |
|
Before Width: | Height: | Size: 753 B |
|
Before Width: | Height: | Size: 937 B |
|
Before Width: | Height: | Size: 952 B |
|
Before Width: | Height: | Size: 936 B |
|
Before Width: | Height: | Size: 901 B |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 845 B |
|
Before Width: | Height: | Size: 867 B |
|
Before Width: | Height: | Size: 849 B |
|
Before Width: | Height: | Size: 824 B |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 307 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 945 B |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 321 B |