样式修改
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
import axios from 'axios'
|
||||
import { Dialog } from './mUtils.js'
|
||||
import store from '../vuex/store.js'
|
||||
import router from '@/router'
|
||||
|
||||
@@ -23,7 +22,7 @@ axios.interceptors.request.use(
|
||||
return config
|
||||
},
|
||||
error => {
|
||||
Dialog('错误的传参')
|
||||
// Dialog('错误的传参')
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
1499
src/config/mork2.js
1499
src/config/mork2.js
File diff suppressed because it is too large
Load Diff
@@ -3,18 +3,16 @@ import Vue from 'vue'
|
||||
import App from './App'
|
||||
import router from './router'
|
||||
import store from './vuex/store'
|
||||
import './config/rem.js'
|
||||
// import './config/rem.js'
|
||||
import './style/reset.css'
|
||||
import './style/layout.styl'
|
||||
import './style/iconfont.styl'
|
||||
import * as echarts from 'echarts'
|
||||
import 'default-passive-events'
|
||||
import scroll from 'vue-seamless-scroll'
|
||||
import {Message, Select, Option} from 'element-ui'
|
||||
import {Message} from 'element-ui'
|
||||
|
||||
Vue.prototype.$echarts = echarts
|
||||
Vue.use(scroll)
|
||||
Vue.use(Select)
|
||||
Vue.use(Option)
|
||||
Vue.prototype.$message = Message
|
||||
Vue.config.productionTip = false
|
||||
/* eslint-disable no-new */
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
<div class="login_wrap">
|
||||
<h2>系统配置</h2>
|
||||
<div class="zd-row item_wrap">
|
||||
<div class="zd-col-8 label">域名地址</div>
|
||||
<div class="zd-col-10 label">域名地址</div>
|
||||
<input type="text" class="input" v-model="baseUrl">
|
||||
</div>
|
||||
<div class="zd-row item_wrap">
|
||||
<div class="zd-col-8 label">刷新时间（秒）</div>
|
||||
<div class="zd-col-10 label">刷新时间（秒）</div>
|
||||
<input type="number" class="input" v-model="setTime">
|
||||
</div>
|
||||
<!-- <div class="zd-row item_wrap">
|
||||
@@ -139,11 +139,12 @@ h2
|
||||
padding 2% 2%
|
||||
margin-bottom 3%
|
||||
.label
|
||||
_font(12px, 25px, #fff,,left)
|
||||
_font(14px, 25px, #fff,,left)
|
||||
.input
|
||||
width 100%
|
||||
_font(12px, 25px, #fff,,left)
|
||||
_font(14px, 25px, #fff,,left)
|
||||
background-color transparent
|
||||
border 0
|
||||
.btn
|
||||
background-color #2778f3
|
||||
border-radius 6px
|
||||
|
||||
@@ -9,9 +9,6 @@
|
||||
<div class="l-wrap"><v-left></v-left></div>
|
||||
<div class="r-wrap"><v-right></v-right></div>
|
||||
</div>
|
||||
<div class="left_bg"></div>
|
||||
<div class="right_bg"></div>
|
||||
<div class="bottom_bg"></div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
@@ -43,75 +40,5 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.container
|
||||
position relative
|
||||
width 100%
|
||||
height 100%
|
||||
// background center / 100% 100% url('../../../images/bg.jpg') no-repeat
|
||||
padding-top 60px
|
||||
overflow hidden
|
||||
.header
|
||||
position absolute
|
||||
top 0
|
||||
width 100%
|
||||
height 88px
|
||||
background center / 100% 100% url('../../../images/bg-top.png') no-repeat
|
||||
h1
|
||||
font-size: 18px;
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
font-weight: 700;
|
||||
color: transparent;
|
||||
line-height 1
|
||||
opacity: 0.89;
|
||||
letter-spacing 1px
|
||||
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
|
||||
filter: drop-shadow(#092F6D 1px 4px 1px);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
text-align center
|
||||
margin-top 16px
|
||||
.exit_btn
|
||||
position absolute
|
||||
left 3%
|
||||
top 11%
|
||||
z-index 100
|
||||
height 16px
|
||||
width 16px
|
||||
line-height 16px
|
||||
font-size 16px
|
||||
color #AECAF5
|
||||
text-align: center;
|
||||
.content
|
||||
width 98%
|
||||
height 100%
|
||||
margin 0 auto
|
||||
padding-bottom 2%
|
||||
.l-wrap
|
||||
width 64%
|
||||
height 100%
|
||||
.r-wrap
|
||||
width 34.5%
|
||||
height 100%
|
||||
.left_bg
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
width 2%
|
||||
height 100%
|
||||
// background center / 100% auto url('../../../images/bg-left.png') no-repeat
|
||||
.right_bg
|
||||
position absolute
|
||||
right 0
|
||||
top 0
|
||||
width 2%
|
||||
height 100%
|
||||
// background center / 100% auto url('../../../images/bg-right.png') no-repeat
|
||||
.bottom_bg
|
||||
position absolute
|
||||
bottom 0
|
||||
width 100%
|
||||
height 4%
|
||||
// background center / auto 100% url('../../../images/bg-bottom.png') no-repeat
|
||||
.zd-col-8
|
||||
width 35%
|
||||
@import './style.stylus'
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="n_container">
|
||||
<div class="n_container_l">
|
||||
<div class="zd-row allHeight">
|
||||
<div class="hwpl_wrap_1">
|
||||
<div class="zd-row jcflexstart state_wrap">
|
||||
@@ -156,123 +156,5 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@import '~@style/mixin'
|
||||
.n_container
|
||||
_wh(100%, 100%)
|
||||
background-color #08225f
|
||||
border 1px solid #43b3fa
|
||||
// background center / 100% 100% url('../../../images/bg-center.png') no-repeat
|
||||
padding 2.2% 0 2.2% 2.2%
|
||||
.hwpl_wrap_1
|
||||
width calc(43.9% - 20px)
|
||||
height 100%
|
||||
.hwpl_wrap_2
|
||||
width calc(56.1% - 20px)
|
||||
height 100%
|
||||
.gd_wrap
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width 20px
|
||||
height 100%
|
||||
.state_wrap
|
||||
margin-bottom 10px
|
||||
.state_icon
|
||||
_wh(10px, 10px)
|
||||
.state_title
|
||||
_font(12px, 12px, #fff,,)
|
||||
margin 0 20px 0 5px
|
||||
.bg_col_1
|
||||
border-radius 4px
|
||||
box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
|
||||
border 1px solid #B55F4E
|
||||
background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||
.bg_col_2
|
||||
border-radius 4px
|
||||
box-shadow 0px 0px 12px 4px rgba(142, 181, 229, .5)
|
||||
border 1px solid rgba(42, 189, 251, 50%)
|
||||
background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||
.pie_num_wrap
|
||||
margin-bottom 10px
|
||||
.pie_wrap
|
||||
width 50px
|
||||
.pie_item
|
||||
position relative
|
||||
_wh(50px, 50px)
|
||||
background center / 100% auto url('../../../images/pie-bg_1.png') no-repeat
|
||||
p
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
padding-top: 25px;
|
||||
.pie_name
|
||||
_font(12px, 20px, #fff,,center)
|
||||
transform: scale(0.5);
|
||||
.num_wrap
|
||||
width 100%
|
||||
padding 0 2px
|
||||
margin-bottom 5px
|
||||
.num_wrap_1
|
||||
background center / 100% 100% url('../../../images/gl-bg_1.png') no-repeat
|
||||
.num_wrap_2
|
||||
background center / 100% 100% url('../../../images/gl-bg_2.png') no-repeat
|
||||
.num_wrap_3
|
||||
background center / 100% 100% url('../../../images/gl-bg_3.png') no-repeat
|
||||
.num_label
|
||||
_font(12px, 12px, #fff,,left)
|
||||
transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.num_value
|
||||
_font(12px, 12px, #fff,,right)
|
||||
transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.hwpl_wrap_i
|
||||
_wh(100%, calc(100% - 102px))
|
||||
.hw_wrap
|
||||
align-content: flex-start;
|
||||
height 23.4%
|
||||
margin-bottom 5%
|
||||
&:last-child
|
||||
margin-bottom 0
|
||||
.hw_item
|
||||
_wh(13.6%, 26.6%)
|
||||
padding 2px
|
||||
margin-bottom 1%
|
||||
border-radius 4px
|
||||
background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||
border 1px solid rgba(42, 189, 251, 50%)
|
||||
overflow hidden
|
||||
.hw_item_2
|
||||
width: 10.5%;
|
||||
height: 4.92%;
|
||||
.hw_item_i
|
||||
_wh(100%, 100%)
|
||||
background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
|
||||
background-size 12px 12px
|
||||
background-repeat repeat
|
||||
.hw_item_active
|
||||
background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||
border 1px solid #B55F4E
|
||||
.hw_item_i
|
||||
background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
|
||||
.hw_p1
|
||||
_font(12px, 1,#EFF2FF,,)
|
||||
font-family: "SourceHanSansCN-Bold";
|
||||
height 50%
|
||||
text-shadow: 0px 1px 1px #A0D4FF;
|
||||
transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.hw_p2
|
||||
_font(12px, 1, #EFF2FF,,center)
|
||||
font-family: "SourceHanSansCN-Bold";
|
||||
height 50%
|
||||
transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.txt
|
||||
_font(12px, 16px, #fff,,center)
|
||||
font-family: "YouSheBiaoTiHei"
|
||||
transform: scale(0.8);
|
||||
@import './style.stylus'
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="n_container">
|
||||
<div class="n_container_r">
|
||||
<div class="right_item">
|
||||
<div class="title_wrap"><p>库存分析</p></div>
|
||||
<div class="data_wrap data_wrap_1">
|
||||
@@ -54,9 +54,6 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import symbol3 from '@img/symbol_3.png'
|
||||
import symbol4 from '@img/symbol_4.png'
|
||||
import lineSelected from '@img/line_selected.png'
|
||||
import { boardKc } from '@js/getData2.js'
|
||||
export default {
|
||||
data () {
|
||||
@@ -139,11 +136,6 @@ export default {
|
||||
this.setEchart1()
|
||||
},
|
||||
setEchart1 () {
|
||||
let img = {
|
||||
imgSrc1: symbol3,
|
||||
imgSrc2: symbol4,
|
||||
imgSrc3: lineSelected
|
||||
}
|
||||
let total = 0
|
||||
this.qs.map(el => {
|
||||
total = Math.max(total, Number(el.innum), Number(el.outnum))
|
||||
@@ -151,7 +143,6 @@ export default {
|
||||
let barName = []
|
||||
let barData1 = []
|
||||
let barData2 = []
|
||||
// let totalDate = []
|
||||
this.qs.map(el => {
|
||||
barName.push(el.date)
|
||||
barData1.push(el.innum)
|
||||
@@ -229,9 +220,6 @@ export default {
|
||||
{
|
||||
name: '入库',
|
||||
type: 'line',
|
||||
symbol: 'image://' + img.imgSrc1,
|
||||
symbolSize: [20, 20],
|
||||
legendHoverLink: true,
|
||||
showSymbol: false,
|
||||
itemStyle: {
|
||||
color: '#67D470',
|
||||
@@ -257,9 +245,6 @@ export default {
|
||||
{
|
||||
name: '出库',
|
||||
type: 'line',
|
||||
symbol: 'image://' + img.imgSrc2,
|
||||
symbolSize: [20, 20],
|
||||
legendHoverLink: true,
|
||||
showSymbol: false,
|
||||
itemStyle: {
|
||||
color: '#58A2E3',
|
||||
@@ -296,90 +281,5 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@import '~@style/mixin'
|
||||
.n_container
|
||||
_wh(100%, 100%)
|
||||
.right_item
|
||||
height calc((100% - 20px) / 3)
|
||||
margin-bottom 10px
|
||||
&:last-child
|
||||
margin-bottom 0
|
||||
.title_wrap
|
||||
height 20px
|
||||
background center / 100% 100% url('../../../images/bg-title_1.png') no-repeat
|
||||
padding 0 10px 0 15px
|
||||
p
|
||||
font-size 12px
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
font-weight: 400;
|
||||
color: transparent;
|
||||
line-height 14px
|
||||
background: linear-gradient(0deg, #F9FEFF 0%, #F5FCFF 53.3154296875%, #BAE9FF 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
// transform: scale(0.7);
|
||||
// transform-origin: left;
|
||||
.data_wrap
|
||||
height calc(100% - 20px)
|
||||
background center / 100% 100% url('../../../images/bg-m_1.png') no-repeat
|
||||
padding 10px 12px
|
||||
.data_wrap_1
|
||||
padding 5px 12px 10px 12px
|
||||
.scroll_tab
|
||||
_wh(100%, 30px)
|
||||
background center / 100% 100% url('../../../images/table-bg_1.png') no-repeat
|
||||
li
|
||||
float left
|
||||
width 15%
|
||||
_font(12px,30px,#AFBED8,,center)
|
||||
font-family: 'SourceHanSansCN-Regular';
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
white-space nowrap
|
||||
padding 0 2px
|
||||
overflow hidden
|
||||
box-sizing border-box
|
||||
&:nth-child(1)
|
||||
width 30%
|
||||
&:nth-child(2)
|
||||
width 25%
|
||||
.scroll_tab_1
|
||||
li
|
||||
&:nth-child(1), &:nth-child(2)
|
||||
width 50%
|
||||
.scroll_container
|
||||
width 100%
|
||||
height calc(100% - 30px)
|
||||
overflow hidden
|
||||
.scroll-ul
|
||||
li
|
||||
_wh(100%, 30px)
|
||||
border-bottom 1px solid rgba(122,159,224,0.17)
|
||||
&:nth-child(even)
|
||||
background rgba(31,46,73,0.7)
|
||||
&:nth-child(odd)
|
||||
background rgba(31,46,73,0.55)
|
||||
.scroll-item
|
||||
float left
|
||||
_wh(15%, 30px)
|
||||
_fj(row, center)
|
||||
_font(12px, 12px, #B2BBD7,,center)
|
||||
font-family: 'SourceHanSansCN-Regular';
|
||||
font-style: italic;
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
// white-space nowrap
|
||||
padding 0 2px
|
||||
overflow hidden
|
||||
&:nth-child(1)
|
||||
width 30%
|
||||
&:nth-child(2)
|
||||
width 25%
|
||||
.scroll-ul_1
|
||||
li
|
||||
.scroll-item
|
||||
&:nth-child(1), &:nth-child(2)
|
||||
width 50%
|
||||
@import './style.stylus'
|
||||
</style>
|
||||
|
||||
259
src/pages/modules/home_960/style.stylus
Normal file
259
src/pages/modules/home_960/style.stylus
Normal file
@@ -0,0 +1,259 @@
|
||||
@import '~@style/mixin'
|
||||
.container
|
||||
position relative
|
||||
width 100%
|
||||
height 100%
|
||||
// background center / 100% 100% url('../../../images/bg.jpg') no-repeat
|
||||
padding-top 60px
|
||||
overflow hidden
|
||||
.header
|
||||
position absolute
|
||||
top 0
|
||||
width 100%
|
||||
height 88px
|
||||
background center / 100% 100% url('../../../images/bg-top.png') no-repeat
|
||||
h1
|
||||
font-size: 18px;
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
font-weight: 700;
|
||||
color: transparent;
|
||||
line-height 1
|
||||
opacity: 0.89;
|
||||
letter-spacing 1px
|
||||
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
|
||||
filter: drop-shadow(#092F6D 1px 4px 1px);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
text-align center
|
||||
margin-top 16px
|
||||
.exit_btn
|
||||
position absolute
|
||||
left 3%
|
||||
top 11%
|
||||
z-index 100
|
||||
height 16px
|
||||
width 16px
|
||||
line-height 16px
|
||||
font-size 16px
|
||||
color #AECAF5
|
||||
text-align: center;
|
||||
.content
|
||||
width 98%
|
||||
height 100%
|
||||
margin 0 auto
|
||||
padding-bottom 2%
|
||||
.l-wrap
|
||||
width 64%
|
||||
height 100%
|
||||
.r-wrap
|
||||
width 34.5%
|
||||
height 100%
|
||||
.zd-col-8
|
||||
width 35%
|
||||
.n_container_l
|
||||
_wh(100%, 100%)
|
||||
background-color #08225f
|
||||
border 1px solid #43b3fa
|
||||
// background center / 100% 100% url('../../../images/bg-center.png') no-repeat
|
||||
padding 2.2% 0 2.2% 2.2%
|
||||
.hwpl_wrap_1
|
||||
width calc(43.9% - 20px)
|
||||
height 100%
|
||||
.hwpl_wrap_2
|
||||
width calc(56.1% - 20px)
|
||||
height 100%
|
||||
.gd_wrap
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width 20px
|
||||
height 100%
|
||||
.state_wrap
|
||||
margin-bottom 10px
|
||||
.state_icon
|
||||
_wh(10px, 10px)
|
||||
.state_title
|
||||
_font(12px, 12px, #fff,,)
|
||||
margin 0 20px 0 5px
|
||||
.bg_col_1
|
||||
border-radius 4px
|
||||
// box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
|
||||
border 1px solid #B55F4E
|
||||
// background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||
background-color #77200F
|
||||
.bg_col_2
|
||||
border-radius 4px
|
||||
// box-shadow 0px 0px 12px 4px rgba(142, 181, 229, .5)
|
||||
border 1px solid rgba(42, 189, 251, 50%)
|
||||
// background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||
background-color rgba(14, 82, 140, 50%)
|
||||
.pie_num_wrap
|
||||
margin-bottom 10px
|
||||
.pie_wrap
|
||||
width 50px
|
||||
.pie_item
|
||||
position relative
|
||||
_wh(50px, 50px)
|
||||
background center / 100% auto url('../../../images/pie-bg_1.png') no-repeat
|
||||
p
|
||||
font-size: 6px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
// transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
padding-top: 22px;
|
||||
.pie_name
|
||||
_font(10px, 20px, #fff,,center)
|
||||
// transform: scale(0.5);
|
||||
.num_wrap
|
||||
width 100%
|
||||
padding 0 2px
|
||||
margin-bottom 5px
|
||||
.num_wrap_1
|
||||
background center / 100% 100% url('../../../images/gl-bg_1.png') no-repeat
|
||||
.num_wrap_2
|
||||
background center / 100% 100% url('../../../images/gl-bg_2.png') no-repeat
|
||||
.num_wrap_3
|
||||
background center / 100% 100% url('../../../images/gl-bg_3.png') no-repeat
|
||||
.num_label
|
||||
_font(6px, 12px, #fff,,left)
|
||||
// transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.num_value
|
||||
_font(6px, 12px, #fff,,right)
|
||||
// transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.hwpl_wrap_i
|
||||
_wh(100%, calc(100% - 102px))
|
||||
.hw_wrap
|
||||
align-content: flex-start;
|
||||
height 23.4%
|
||||
margin-bottom 5%
|
||||
&:last-child
|
||||
margin-bottom 0
|
||||
.hw_item
|
||||
_wh(13.6%, 26.6%)
|
||||
padding 2px
|
||||
margin-bottom 1%
|
||||
border-radius 4px
|
||||
//background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
|
||||
background-color rgba(14, 82, 140, 50%)
|
||||
border 1px solid rgba(42, 189, 251, 50%)
|
||||
overflow hidden
|
||||
.hw_item_2
|
||||
width: 10.5%;
|
||||
height: 4.92%;
|
||||
.hw_item_i
|
||||
_wh(100%, 100%)
|
||||
// background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
|
||||
// background-size 12px 12px
|
||||
// background-repeat repeat
|
||||
.hw_item_active
|
||||
// background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
|
||||
background-color #77200F
|
||||
border 1px solid #B55F4E
|
||||
.hw_item_i
|
||||
// background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
|
||||
.hw_p1
|
||||
_font(6px, 1,#EFF2FF,,)
|
||||
font-family: "SourceHanSansCN-Bold";
|
||||
height 50%
|
||||
text-shadow: 0px 1px 1px #A0D4FF;
|
||||
// transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.hw_p2
|
||||
_font(6px, 1, #EFF2FF,,center)
|
||||
font-family: "SourceHanSansCN-Bold";
|
||||
height 50%
|
||||
// transform: scale(0.5);
|
||||
white-space: nowrap;
|
||||
.txt
|
||||
_font(12px, 16px, #fff,,center)
|
||||
font-family: "YouSheBiaoTiHei"
|
||||
// transform: scale(0.8);
|
||||
.n_container_r
|
||||
_wh(100%, 100%)
|
||||
.right_item
|
||||
height calc((100% - 20px) / 3)
|
||||
margin-bottom 10px
|
||||
&:last-child
|
||||
margin-bottom 0
|
||||
.title_wrap
|
||||
height 20px
|
||||
background center / 100% 100% url('../../../images/bg-title_1.png') no-repeat
|
||||
padding 0 10px 0 15px
|
||||
p
|
||||
font-size 12px
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
font-weight: 400;
|
||||
color: transparent;
|
||||
line-height 14px
|
||||
background: linear-gradient(0deg, #F9FEFF 0%, #F5FCFF 53.3154296875%, #BAE9FF 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
// // transform: scale(0.7);
|
||||
// // transform-origin: left;
|
||||
.data_wrap
|
||||
height calc(100% - 20px)
|
||||
background center / 100% 100% url('../../../images/bg-m_1.png') no-repeat
|
||||
padding 10px 12px
|
||||
.data_wrap_1
|
||||
padding 5px 12px 10px 12px
|
||||
.scroll_tab
|
||||
_wh(100%, 30px)
|
||||
background center / 100% 100% url('../../../images/table-bg_1.png') no-repeat
|
||||
li
|
||||
float left
|
||||
width 15%
|
||||
_font(12px,30px,#AFBED8,,center)
|
||||
font-family: 'SourceHanSansCN-Regular';
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
white-space nowrap
|
||||
padding 0 2px
|
||||
overflow hidden
|
||||
box-sizing border-box
|
||||
&:nth-child(1)
|
||||
width 30%
|
||||
&:nth-child(2)
|
||||
width 25%
|
||||
.scroll_tab_1
|
||||
li
|
||||
&:nth-child(1), &:nth-child(2)
|
||||
width 50%
|
||||
.scroll_container
|
||||
width 100%
|
||||
height calc(100% - 30px)
|
||||
overflow hidden
|
||||
.scroll-ul
|
||||
li
|
||||
_wh(100%, 30px)
|
||||
border-bottom 1px solid rgba(122,159,224,0.17)
|
||||
&:nth-child(even)
|
||||
background rgba(31,46,73,0.7)
|
||||
&:nth-child(odd)
|
||||
background rgba(31,46,73,0.55)
|
||||
.scroll-item
|
||||
float left
|
||||
_wh(15%, 30px)
|
||||
_fj(row, center)
|
||||
_font(12px, 12px, #B2BBD7,,center)
|
||||
font-family: 'SourceHanSansCN-Regular';
|
||||
font-style: italic;
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
// white-space nowrap
|
||||
padding 0 2px
|
||||
overflow hidden
|
||||
&:nth-child(1)
|
||||
width 30%
|
||||
&:nth-child(2)
|
||||
width 25%
|
||||
.scroll-ul_1
|
||||
li
|
||||
.scroll-item
|
||||
&:nth-child(1), &:nth-child(2)
|
||||
width 50%
|
||||
@@ -1,11 +1 @@
|
||||
@import 'mixin.styl'
|
||||
@import 'iconfont.styl'
|
||||
|
||||
.state_0
|
||||
background center / 100% 100% url('../images/state_2.png') no-repeat
|
||||
.state_1
|
||||
background center / 100% 100% url('../images/state_1.png') no-repeat
|
||||
.state_2
|
||||
background center / 100% 100% url('../images/state_2.png') no-repeat
|
||||
.state_3
|
||||
background center / 100% 100% url('../images/state_3.png') no-repeat
|
||||
@@ -9,7 +9,7 @@ const baseUrl = process.env.NODE_ENV === 'development' ? 'http://10.44.101.112:8
|
||||
const state = {
|
||||
baseUrl: getStore('baseUrl') || baseUrl,
|
||||
// baseUrl: baseUrl,
|
||||
setTime: getStore('setTime') || 30000,
|
||||
setTime: getStore('setTime') || 50000,
|
||||
// setTime: 30000,
|
||||
equipId: getStore('equipId') || '1'
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user