Browse Source

卡片样式

zhengkaixin 2 years ago
parent
commit
8d95ff5bbb
1 changed files with 12 additions and 0 deletions
  1. 12 0
      pages/index/index.vue

+ 12 - 0
pages/index/index.vue

@@ -454,10 +454,12 @@
 				</view>
 			</view>
 			<view class="img-box" style="height: 110px;">
+				<view class="img-view">点击查看-></view>
 				<img v-if="item.status == '0'" src="static/img/等待中-缺省页.png">
 				<img v-if="item.status == '1'" src="static/img/充电中-缺省页.png">
 				<img v-if="item.status == '2'" src="static/img/已充满-缺省页.png">
 				<img v-if="item.status == '4'" src="static/img/等待中-缺省页.png">
+				
 			</view>
 		</view>
 
@@ -1924,10 +1926,14 @@
 			width: 120px;
 			height: 120px;
 			margin-right: 20px;
+			
 		}
 	}
 
+	.state1{
+		box-shadow: 3px 3px 10px #888888;
 
+	}
 	.state {
 		width: 91.4%;
 		background-color: #ffffff;
@@ -1970,6 +1976,12 @@
 			width: 120px;
 			height: 120px;
 			margin-right: 20px;
+			.img-view{
+				color: #0293f0;
+				    float: right;
+						font-size: 10px;
+						margin-top: 3px;
+			}
 		}
 	}