Browse Source

```
feat(charging): 优化充电页面样式和UI布局

- 调整主机图表样式,移除固定高度设置,修改图片尺寸为750rpx宽320rpx高
- 新增计时器样式组件.timer-father,包含数值和名称的样式定义
- 移除主机图表的flex居中类,优化布局结构
- 恢复充电图片显示并调整图片模式属性
```

zouzexu 4 ngày trước cách đây
mục cha
commit
e0bd138e48

+ 15 - 3
subPackages/charging/charging/charging.css

@@ -156,11 +156,10 @@
 /* 主图 */
 .host-graph {
   margin-top: 20px;
-  height: 800rpx;
 }
 .host-graph .image {
-  margin-left: -180rpx;
-  width: 80vw;
+  width: 750rpx;
+  height: 320rpx;
 }
 
 /* 主参数 */
@@ -174,6 +173,19 @@
   border-radius: 32rpx;
   margin: 20rpx;
 }
+.timer-father {
+  text-align: center;
+}
+.timer-father .item-value {
+  font-weight: 800;
+  font-size: 60rpx;
+  color: #3eb6f8;
+}
+.timer-father .item-name {
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #2b303a;
+}
 .parameter {
   display: flex;
   align-items: center;

+ 4 - 4
subPackages/charging/charging/charging.vue

@@ -32,11 +32,11 @@
 			</view>
 			<!-- 主图 -->
 			<!-- v-if="deviceInfo.status == '1'" -->
-			<view class="app-flex c-center host-graph">
+			<view class="host-graph">
 				<half-ring-progress :progress="80" tipText="充电枪正在" :theme-color="'#00bfff'"></half-ring-progress>
-<!--				<image-->
-<!--					src="https://national-motion.oss-cn-beijing.aliyuncs.com/20260108/2bf62776bec44e3ab43ac3df02d8deac.gif"-->
-<!--					mode="widthFix" class="image"></image>-->
+				<image
+					src="https://national-motion.oss-cn-beijing.aliyuncs.com/20260108/2bf62776bec44e3ab43ac3df02d8deac.gif"
+					mode="" class="image"></image>
 			</view>
 			<!-- 主参数 -->
 			<view class="parameter-info-box">

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/subPackages/charging/charging/charging.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
unpackage/dist/dev/mp-weixin/subPackages/charging/charging/charging.wxml


+ 15 - 3
unpackage/dist/dev/mp-weixin/subPackages/charging/charging/charging.wxss

@@ -205,11 +205,10 @@
 /* 主图 */
 .host-graph.data-v-442e69c1 {
   margin-top: 20px;
-  height: 800rpx;
 }
 .host-graph .image.data-v-442e69c1 {
-  margin-left: -180rpx;
-  width: 80vw;
+  width: 750rpx;
+  height: 320rpx;
 }
 /* 主参数 */
 .parameter-info-box.data-v-442e69c1 {
@@ -222,6 +221,19 @@
   border-radius: 32rpx;
   margin: 20rpx;
 }
+.timer-father.data-v-442e69c1 {
+  text-align: center;
+}
+.timer-father .item-value.data-v-442e69c1 {
+  font-weight: 800;
+  font-size: 60rpx;
+  color: #3eb6f8;
+}
+.timer-father .item-name.data-v-442e69c1 {
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #2b303a;
+}
 .parameter.data-v-442e69c1 {
   display: flex;
   align-items: center;

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác