提交代码

This commit is contained in:
duxp 2023-08-10 10:25:15 +08:00
parent ce093a86cd
commit 10384e7022
2 changed files with 32 additions and 7 deletions

View File

@ -7,13 +7,13 @@
v-for="item in listData" v-for="item in listData"
> >
<view class="inline_item"> <view class="inline_item">
<text class="inline_item_text">{{item.circuitName}}路电流</text> <text class="inline_item_text">{{item.circuitName}}路电流:</text>
<text class="inline_item_text">{{item.current}}A</text> <text class="inline_item_text_clu">{{item.current}}A</text>
</view> </view>
<view class="inline_item"> <view class="inline_item">
<text class="inline_item_text">{{item.typeName}}</text> <text class="inline_item_text">{{item.typeName}}:</text>
<text :class="item.isTypeOpen=== '1'?'inline_item_circle_open':'inline_item_circle_close'"></text> <text :class="item.isTypeOpen=== '1'?'inline_item_circle_open':'inline_item_circle_close'"></text>
<text class="inline_item_text">{{item.isTypeOpen === '1'?'开':'关'}}</text> <text class="inline_item_text_type">{{item.isTypeOpen === '1'?'开':'关'}}</text>
</view> </view>
</view> </view>
</view> </view>
@ -453,7 +453,7 @@ export default {
margin: 10px 0; margin: 10px 0;
} }
.inline_item{ .inline_item{
margin: 0 40px; margin: 0 5px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -462,7 +462,25 @@ export default {
font-size: 40px; font-size: 40px;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
margin: 0 10px; margin: 0 5px;
width: 340px;
text-align: left;
}
.inline_item_text_clu{
font-size: 40px;
font-weight: bold;
color: #ffffff;
margin: 0 5px;
width: 160px;
text-align: left;
}
.inline_item_text_type{
font-size: 40px;
font-weight: bold;
color: #ffffff;
margin: 0 5px;
width: 60px;
text-align: left;
} }
.inline_item_circle_open{ .inline_item_circle_open{
width: 40px; width: 40px;

View File

@ -14,7 +14,7 @@
</view> </view>
</view> --> </view> -->
<view class="inline_item"> <view class="inline_item">
<text class="item_label">{{item.typeName}}</text> <text class="item_label_name">{{item.typeName}}</text>
<view class="item_content"> <view class="item_content">
<text class="item_label">{{item.circuitName}}路电流</text> <text class="item_label">{{item.circuitName}}路电流</text>
<!-- @click="handleSelectChange(index,item)" --> <!-- @click="handleSelectChange(index,item)" -->
@ -240,6 +240,13 @@ export default {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
} }
.item_label_name{
font-size: 40px;
font-weight: bold;
color: #ffffff;
width: 200px;
text-align: left;
}
.item_content{ .item_content{
display: flex; display: flex;
flex-direction: row; flex-direction: row;