Browse Source

详情页面样式修改

shilin 4 years ago
parent
commit
34fd3ea4e6
1 changed files with 17 additions and 13 deletions
  1. 17 13
      components/windStationCardDetail/WindStationCardDetail.vue

+ 17 - 13
components/windStationCardDetail/WindStationCardDetail.vue

@@ -52,43 +52,43 @@
 			<view class="frame" v-show="isFrameShow">
 				<view class="frameCardLeft">
 					mttr(h):
-					<a class="frameCardLeftValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.mttr}}</a>
+					<a class="frameCardLeftValue"><view style="font-size: 12px;position: absolute;transform: scale(0.8);margin-left: -12.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.mttr}}</view></a>
 				</view>
 				<view class="frameCardMiddle">
 					月利用小时(h):
-					<a class="frameCardMiddleValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.ylyxs}}</a>
+					<a class="frameCardMiddleValue"><view style="font-size: 12px;position: absolute;transform: scale(0.8);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.ylyxs}}</view></a>
 				</view>
 				<view class="frameCardRight">
 					综合场用电率(%):
-					<a class="frameCardRightValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.zhcydl}}</a>
+					<a class="frameCardRightValue"><view style="font-size: 12px;position: absolute;transform: scale(0.8);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.zhcydl}}</view></a>
 				</view>
 				<view class="frameCardLeft">
 					mtbf(h):
-					<a class="frameCardLeftValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.mtbf}}</a>
+					<a class="frameCardLeftValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -12.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.mtbf}}</view></a>
 				</view>
 				<view class="frameCardMiddle">
 					年利用小时(h):
-					<a class="frameCardMiddleValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.nlyxs}}</a>
+					<a class="frameCardMiddleValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.nlyxs}}</view></a>
 				</view>
 				<view class="frameCardRight">
 					设备可利用率(%):
-					<a class="frameCardRightValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.sbklyl}}</a>
+					<a class="frameCardRightValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.sbklyl}}</view></a>
 				</view>
 				<view class="frameCardLeft">
 					节约标煤(吨):
-					<a class="frameCardLeftValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jybm}}</a>
+					<a class="frameCardLeftValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jybm}}</view></a>
 				</view>
 				<view class="frameCardMiddle">
 					节约用水(吨):
-					<a class="frameCardMiddleValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jyys}}</a>
+					<a class="frameCardMiddleValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jyys}}</view></a>
 				</view>
 				<view class="frameCardRight">
 					减排二氧化碳(吨):
-					<a class="frameCardRightValue">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jpeyht}}</a>
+					<a class="frameCardRightValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jpeyht}}</view></a>
 				</view>
 				<view class="frameCardLeft">
 					减排二氧化硫(吨):
-					<a class="frameCardLeftValueSulfurdioxide">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jpeyhl}}</a>
+					<a class="frameCardRightValue"><view style="font-size: 12px;position: absolute;transform: scale(0.80);margin-left: -5.5%;margin-top: 0.3%;">{{windpowerstationdetail.windpowerstationdetail_springbox_target.jpeyhl}}</view></a>
 				</view>
 			</view>
 		</view>
@@ -723,6 +723,10 @@
 </script>
 
 <style>
+	.textSmail{
+		font-size: 12px;
+		transform: scale(0.80)
+	}
 	body {
 		font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', STHeiti, 'Microsoft Yahei', Tahoma, Simsun, sans-serif;
 		font-size: 20px;
@@ -1099,7 +1103,7 @@
 	.frameCardLeftValue {
 		float: right;
 		color: #ffffff;
-		margin-right: 18px;
+		margin-right: 25px;
 		/* margin-left: 20px; */
 	}
 	
@@ -1121,7 +1125,7 @@
 		height: 10px;
 		float: left;
 		/* margin-right: 1.5%; */
-		margin-left: 1.5%;
+		margin-left: -5.5%;
 		margin-bottom: 8px;
 		/* text-align: center; */
 		line-height: 30px;
@@ -1139,7 +1143,7 @@
 		margin-bottom: 8px;
 		font-size: 13px;
 		color: #a1a1a1;
-		margin-left: 1.5%;
+		margin-left: 5.5%;
 		margin-top: 15px;
 	}