root/screenkb-tianneng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

排列

Browse Source
This commit is contained in:
caill
2024-06-20 13:33:08 +08:00
parent c7cc306d6f
commit a49a2ba1e9
1 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/modules/home/left.vue
View File

@@ -52,26 +52,34 @@
</div>
<div class="zd-row flexWrap hw_wrap">
<div class="hw_item" v-for="e in point2" :key="e.point_code">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div>
</div>
<div class="zd-row flexWrap hw_wrap">
<div class="hw_item" v-for="e in point3" :key="e.point_code">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div>
</div>
<div class="zd-row flexWrap hw_wrap">
<div class="hw_item" v-for="e in point4" :key="e.point_code">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div>
</div>
<div class="zd-row flexWrap hw_wrap">
<div class="hw_item" v-for="e in point5" :key="e.point_code">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div>
</div>
</div>
@@ -81,8 +89,10 @@
<div class="zd-col-12 hwpl_wrap_2">
<div class="zd-row flexWrap rowReverse">
<div class="hw_item" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div>
</div>
</div>
@@ -405,18 +415,24 @@ export default {
_wh(.58rem, .545rem)
padding 0.14rem 0.01rem 0 0.01rem
margin-bottom .04rem
// background center / 100% 100% url('../../../images/bg-hw.png') no-repeat
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 4px solid rgba(42, 189, 251, 50%)
overflow hidden
.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-image url('../../../images/bg-hw_active.png')
background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
border 4px 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(.09rem, .09rem,#EFF2FF,,)
font-family: 'YouSheBiaoTiHei'
// font-family: 'YouSheBiaoTiHei'
font-family: "SourceHanSansCN-Bold";
height .09rem
margin-bottom: 0.05rem
text-shadow: 0px 1px 1px #A0D4FF;