change
This commit is contained in:
@@ -28,16 +28,16 @@
|
|||||||
<vue-seamless-scroll :data="dataList1" :class-option="defaultOption1">
|
<vue-seamless-scroll :data="dataList1" :class-option="defaultOption1">
|
||||||
<ul class="scroll-ul_1">
|
<ul class="scroll-ul_1">
|
||||||
<li v-for="(e, i) in dataList1" :key="i">
|
<li v-for="(e, i) in dataList1" :key="i">
|
||||||
<div class="scroll-ul_1_div">{{e.customer}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.customer}}</div>
|
||||||
<div class="scroll-ul_1_div">{{e.production_materials}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.production_materials}}</div>
|
||||||
<!-- <div class="scroll-ul_1_div">
|
<!-- <div class="scroll-ul_1_div">
|
||||||
<span class="state" :class="'state_' + e.status"></span>
|
<span class="state" :class="'state_' + e.status"></span>
|
||||||
<p class="state_name">{{['关机', '待机', '生产中', '故障'][Number(e.status)]}}</p>
|
<p class="state_name">{{['关机', '待机', '生产中', '故障'][Number(e.status)]}}</p>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="scroll-ul_1_div">{{e.large_model}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.large_model}}</div>
|
||||||
<div class="scroll-ul_1_div">{{e.small_model}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.small_model}}</div>
|
||||||
<div class="scroll-ul_1_div">{{e.batch_number}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.batch_number}}</div>
|
||||||
<div class="scroll-ul_1_div">{{e.weight}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.weight}}</div>
|
||||||
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.dd_status}}</div>
|
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.dd_status}}</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -506,7 +506,7 @@ export default {
|
|||||||
background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat
|
background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat
|
||||||
padding 2px 22px
|
padding 2px 22px
|
||||||
p
|
p
|
||||||
font-size 14px
|
font-size 15px
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height 12px
|
line-height 12px
|
||||||
@@ -546,7 +546,7 @@ export default {
|
|||||||
li
|
li
|
||||||
float left
|
float left
|
||||||
width 14%
|
width 14%
|
||||||
font-size 13px;
|
font-size 15px;
|
||||||
line-height 20px
|
line-height 20px
|
||||||
// color #AFBED8
|
// color #AFBED8
|
||||||
color #E2BB0E
|
color #E2BB0E
|
||||||
@@ -569,7 +569,7 @@ export default {
|
|||||||
width calc(100% - 20px)
|
width calc(100% - 20px)
|
||||||
.scroll_container_1
|
.scroll_container_1
|
||||||
width 100%
|
width 100%
|
||||||
height calc(100% - 20px)
|
height calc(100% - 30px)
|
||||||
overflow hidden
|
overflow hidden
|
||||||
.scroll-ul_1
|
.scroll-ul_1
|
||||||
li
|
li
|
||||||
@@ -579,7 +579,8 @@ export default {
|
|||||||
&:nth-child(even)
|
&:nth-child(even)
|
||||||
background rgba(31,46,73,0.7)
|
background rgba(31,46,73,0.7)
|
||||||
&:nth-child(odd)
|
&:nth-child(odd)
|
||||||
background rgba(31,46,73,0.55)
|
// background rgba(31,46,73,0.55)
|
||||||
|
background rgba(16, 38, 78, 0.55)
|
||||||
.scroll-ul_1_div
|
.scroll-ul_1_div
|
||||||
float left
|
float left
|
||||||
width 14%
|
width 14%
|
||||||
@@ -589,7 +590,7 @@ export default {
|
|||||||
justify-content center
|
justify-content center
|
||||||
align-items center
|
align-items center
|
||||||
flex-wrap nowrap
|
flex-wrap nowrap
|
||||||
font-size 8px
|
font-size 14px
|
||||||
line-height 8px
|
line-height 8px
|
||||||
color #B2BBD7
|
color #B2BBD7
|
||||||
text-align center
|
text-align center
|
||||||
@@ -614,7 +615,7 @@ export default {
|
|||||||
li
|
li
|
||||||
float left
|
float left
|
||||||
width 33%
|
width 33%
|
||||||
font-size 13px;
|
font-size 15px;
|
||||||
line-height 20px
|
line-height 20px
|
||||||
// color #AFBED8
|
// color #AFBED8
|
||||||
color #E2BB0E
|
color #E2BB0E
|
||||||
@@ -647,7 +648,8 @@ export default {
|
|||||||
&:nth-child(even)
|
&:nth-child(even)
|
||||||
background rgba(31,46,73,0.7)
|
background rgba(31,46,73,0.7)
|
||||||
&:nth-child(odd)
|
&:nth-child(odd)
|
||||||
background rgba(31,46,73,0.55)
|
// background rgba(31,46,73,0.55
|
||||||
|
background rgba(16, 38, 78, 0.55)
|
||||||
.scroll-ul_2_div
|
.scroll-ul_2_div
|
||||||
float left
|
float left
|
||||||
width 33%
|
width 33%
|
||||||
@@ -657,7 +659,7 @@ export default {
|
|||||||
justify-content center
|
justify-content center
|
||||||
align-items center
|
align-items center
|
||||||
flex-wrap nowrap
|
flex-wrap nowrap
|
||||||
font-size 8px
|
font-size 14px
|
||||||
line-height 8px
|
line-height 8px
|
||||||
color #B2BBD7
|
color #B2BBD7
|
||||||
text-align center
|
text-align center
|
||||||
|
|||||||
Reference in New Issue
Block a user