public/electricControl
public
/
electricControl
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交代码

This commit is contained in:
duxp 2023-08-10 10:41:05 +08:00
parent 10384e7022
commit b3ddc773f9
1 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
pages/main.stml
View File

@ -10,8 +10,8 @@
<text class="inline_item_text">{{item.circuitName}}路电流:</text> <text class="inline_item_text">{{item.circuitName}}路电流:</text>
<text class="inline_item_text_clu">{{item.current}}A</text> <text class="inline_item_text_clu">{{item.current}}A</text>
</view> </view>
<view class="inline_item"> <view class="inline_item_end">
<text class="inline_item_text">{{item.typeName}}:</text> <text class="inline_item_text_end">{{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_type">{{item.isTypeOpen === '1'?'开':'关'}}</text> <text class="inline_item_text_type">{{item.isTypeOpen === '1'?'开':'关'}}</text>
</view> </view>
@ -458,6 +458,17 @@ export default {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.inline_item_end{
margin: 0 5px;
display: flex;
flex-direction: row;
align-items: center;
border: 1px solid silver;
border-radius: 4px;
box-sizing: border-box;
padding: 0 5px;
background-color: rgba(106, 199, 253, 0.5);
}
.inline_item_text{ .inline_item_text{
font-size: 40px; font-size: 40px;
font-weight: bold; font-weight: bold;
@ -465,13 +476,31 @@ export default {
margin: 0 5px; margin: 0 5px;
width: 340px; width: 340px;
text-align: left; text-align: left;
border: 1px solid silver;
border-radius: 4px;
box-sizing: border-box;
padding: 0 5px;
background-color: rgba(106, 199, 253, 0.5);
} }
.inline_item_text_clu{ .inline_item_text_clu{
font-size: 40px; font-size: 40px;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
margin: 0 5px; margin: 0 5px;
width: 160px; width: 140px;
text-align: left;
border: 1px solid silver;
border-radius: 4px;
box-sizing: border-box;
padding: 0 5px;
background-color: rgba(106, 199, 253, 0.5);
}
.inline_item_text_end{
font-size: 40px;
font-weight: bold;
color: #ffffff;
margin: 0 5px;
width: 340px;
text-align: left; text-align: left;
} }
.inline_item_text_type{ .inline_item_text_type{
@ -479,7 +508,6 @@ export default {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
margin: 0 5px; margin: 0 5px;
width: 60px;
text-align: left; text-align: left;
} }
.inline_item_circle_open{ .inline_item_circle_open{