Przeglądaj źródła

我的页面,新增企业用户标识及权限卡片;

常志远 2 lat temu
rodzic
commit
4dabaad5a1
2 zmienionych plików z 57 dodań i 0 usunięć
  1. BIN
      assets/img/riFill-building-fill@3x.png
  2. 57 0
      pages/user/index.vue

BIN
assets/img/riFill-building-fill@3x.png


+ 57 - 0
pages/user/index.vue

@@ -7,8 +7,18 @@
 			</view>
 			<view class="userHead-text">
 				<h3 :style="elderStatus ? 'font-size: 28px;' : ''">{{userId ? userPhone : '点击登录/注册'}}</h3>
+				<view class="tag">
+					<view class="tag-1">
+						<text>服务费包月卡</text><text class="iconfont iconfont-right" >&#xe600;</text>
+					</view>
+					<view class="tag-2">
+						免电费会员<text class="iconfont iconfont-right">&#xe600;</text>
+					</view>
+				</view>
 			</view>
+			
 		</view>
+		
 		<!-- 引导模块 -->
 		<view class="userLead" v-if="userId&&!userCardBool">
 			<view class="text">
@@ -37,6 +47,19 @@
 			</view>	
 			</view>
 		</view>
+		<!-- 企业会员 -->
+		<!-- <view class="monthly-card company-monthly-card"  >
+			<view class="img-box"><img class="svg-img" src="../../assets/img/riFill-building-fill@3x.png" alt="" ></view>
+			<view class="flex">
+			<view class="text">
+				
+				企业充电免电费会员
+			</view>
+			<view class="date">
+				查看<text class="iconfont">&#xe600;</text>
+			</view>	
+			</view>
+		</view> -->
 		<view class="userData">
 			<view class="userData-num" @click="toBalance">
 				<view class="userData-data oldTextjp" oldstyle="font-size: 28px;">{{personAccount.availableAmount != null ? personAccount.availableAmount.toFixed(2) : '0.00'}}元</view>
@@ -646,6 +669,39 @@
 		align-items: center;
 		align-items: center;
 		padding:40px 20px 0;
+		
+	.tag{
+		display: flex;
+		line-height: 20px;
+		font-size: 12px;
+		.iconfont-right{
+			font-size: 12px;
+			
+		}
+		.tag-1{
+			padding-left: 12px;
+			padding-right: 6px;
+			border-radius: 50px;
+			background: linear-gradient(to right,#D8C5A0,#F7EFDC);
+			text-align: center;
+			.iconfont{
+				color: #9F9E9D;
+			}
+		}
+		
+		.tag-2{
+			padding-left: 12px;
+			padding-right: 6px;
+			margin-left: 10px;
+			border-radius: 50px;
+			background-color: rgba(70, 255, 97, 100);
+			color: rgba(0, 62, 30, 100);
+			.iconfont{
+				color: #008D4B ;
+			}
+			
+		}
+	}
 		.userHead-img{
           position: relative;
 		  
@@ -724,6 +780,7 @@
 		  display: flex;
 		  justify-content: space-between;
 		  flex: 1;
+		  line-height: 22px;
 	  }
 	   .img-box{
 	   			   display: inline-block;