.

pages/fourmonitor/pest.vue

@@ -23,15 +23,11 @@
 					<view class="txt-list" @click="taskdetails">
 						<view class="list2">
 							<view>
-								<svg class="svg-icon" aria-hidden="true">
-									<use xlink:href="#icon-yu"></use>
-								</svg>
+								<image src="/static/images/head/worm_rain.png"></image>
 								<text>降雨：</text>{{itemProperty.rs ===null? "--": (itemProperty.rs === "0"?"无雨":"降雨") }}
 							</view>
 							<view>
-								<svg class="svg-icon" aria-hidden="true">
-									<use xlink:href="#icon-guangzhao"></use>
-								</svg>
+								<image src="/static/images/head/worm_illu.png"></image>
 								<text>光照度：</text>{{itemProperty.il===null?"--":itemProperty.il}}Lux
 							</view>
 						</view>
@@ -351,19 +347,11 @@
 		border: none;
 	}
 
-	.txt-list .left uni-text:first-child {
-		width: 60px;
-	}
-
-	.txt-list .left>view {
-		color: #000;
-		line-height: 2;
-	}
 .rowheadstyle {width: 80%; margin: 0 auto;
 		height: 40px;
 
 	}
-	
+	.txt-list .list2>view {line-height: 30px;}
 
 	// 弹窗
 	.dialog-container {

static/scss/app.css

@@ -144,14 +144,7 @@
 .bg-green {
 	background-color: #39ac4f !important;
 }
-/* 彩色图标 */
-.svg-icon {
-		width:24px;
-		height: 24px;
-		vertical-align: top;
-		fill: currentColor;
-		overflow: hidden;margin-right: 5px;
-	}
+
 /* 卡片 */
 .card .uni-collapse,
 .card .uni-list,
@@ -238,8 +231,9 @@
 	flex: 1 1 0%;display: flex;
 	flex-wrap: wrap;}
 .txt-list .list1>view {width: 100%;}
-.txt-list .list2>view {width: calc(100% / 2);}
+.txt-list .list2>view {width: calc(100% / 2);line-height: 30px;}
 .txt-list .list2 .icon{font-size: 24px; font-weight: normal; vertical-align: bottom;margin-right: 5px; color: #00baad;}
+.txt-list .list2 image{width: 27px;height: 27px;vertical-align: bottom;margin-right: 5px;}
 .txt-list .right {align-content: center;}
 .txt-list .right .iconfont {color: #bbb;}
 /* 灰色条 */