页面切图

This commit is contained in:
仲么了
2023-02-10 13:38:19 +08:00
parent 8cf78ec3f5
commit 1e81b90b8f
15 changed files with 371 additions and 90 deletions

View File

@@ -3,10 +3,10 @@
<view class="grid-card">
<view class="grid-card-title">温度</view>
<view class="grid-card-content-4">
<view class="item">温度1(°C)</view>
<view class="item">温度2(°C)</view>
<view class="item">温度3(°C)</view>
<view class="item">温度4(°C)</view>
<view class="item item-title">温度1(°C)</view>
<view class="item item-title">温度2(°C)</view>
<view class="item item-title">温度3(°C)</view>
<view class="item item-title">温度4(°C)</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
<view class="item">20.0</view>
@@ -16,12 +16,14 @@
<view class="grid-card">
<view class="grid-card-title">干接点</view>
<view class="grid-card-content-4">
<view class="item">干接点1</view>
<view class="item">干接点2</view>
<view class="item"></view>
<view class="item"></view>
<view class="item item-title">干接点1</view>
<view class="item item-title">干接点2</view>
<view class="item item-title"></view>
<view class="item item-title"></view>
<view class="item">正常</view>
<view class="item">正常</view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
</view>

View File

@@ -3,10 +3,10 @@
<view class="grid-card">
<view class="grid-card-title">电网电流</view>
<view class="grid-card-content-4">
<view class="item">名称</view>
<view class="item">有效值(A)</view>
<view class="item">cosp</view>
<view class="item">THDI(%)</view>
<view class="item item-title">名称</view>
<view class="item item-title">有效值(A)</view>
<view class="item item-title">cosp</view>
<view class="item item-title">THDI(%)</view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
@@ -21,15 +21,17 @@
<view class="item">4.6</view>
<view class="item">N</view>
<view class="item">3.9</view>
<view class="item"></view>
<view class="item"></view>
</view>
</view>
<view class="grid-card">
<view class="grid-card-title">电网电压</view>
<view class="grid-card-content-4">
<view class="item">名称</view>
<view class="item">电压(V)</view>
<view class="item">频率(Hz)</view>
<view class="item">THDU(%)</view>
<view class="item item-title">名称</view>
<view class="item item-title">电压(V)</view>
<view class="item item-title">频率(Hz)</view>
<view class="item item-title">THDU(%)</view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
@@ -47,10 +49,10 @@
<view class="grid-card">
<view class="grid-card-title">负载电流</view>
<view class="grid-card-content-4">
<view class="item">名称</view>
<view class="item">有效值(A)</view>
<view class="item">cosp</view>
<view class="item">THDI(%)</view>
<view class="item item-title">名称</view>
<view class="item item-title">有效值(A)</view>
<view class="item item-title">cosp</view>
<view class="item item-title">THDI(%)</view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
@@ -68,10 +70,10 @@
<view class="grid-card">
<view class="grid-card-title">补偿电流</view>
<view class="grid-card-content-4">
<view class="item">名称</view>
<view class="item">有效值(A)</view>
<view class="item">负载率(%)</view>
<view class="item"></view>
<view class="item item-title">名称</view>
<view class="item item-title">有效值(A)</view>
<view class="item item-title">负载率(%)</view>
<view class="item item-title"></view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>

View File

@@ -3,11 +3,11 @@
<view class="grid-card">
<view class="grid-card-title">电网侧</view>
<view class="grid-card-content-5">
<view class="item">名称</view>
<view class="item">有功功率(kw)</view>
<view class="item">无功功率(kVar)</view>
<view class="item">视在功率(kVA)</view>
<view class="item">功率因数</view>
<view class="item item-title">名称</view>
<view class="item item-title">有功功率(kw)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">视在功率(kVA)</view>
<view class="item item-title">功率因数</view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>
@@ -28,11 +28,11 @@
<view class="grid-card">
<view class="grid-card-title">负载侧</view>
<view class="grid-card-content-5">
<view class="item">名称</view>
<view class="item">有功功率(kw)</view>
<view class="item">无功功率(kVar)</view>
<view class="item">视在功率(kVA)</view>
<view class="item">功率因数</view>
<view class="item item-title">名称</view>
<view class="item item-title">有功功率(kw)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">视在功率(kVA)</view>
<view class="item item-title">功率因数</view>
<view class="item">L1</view>
<view class="item">226.8</view>
<view class="item">50.0</view>