调整

pages/user/member/member.vue

@@ -1,7 +1,8 @@
 <template>
 	<view>
 		<ujp-navbar title="我的会员">
-			<view slot="right" style="margin-right: 10px;" @click="gotoUrl('pages/user/member/index')">
+			<view slot="right"  v-if="false"
+			style="margin-right: 10px;" @click="gotoUrl('pages/user/member/index')">
 
 				<view class="right-text">
 					规则说明
@@ -167,6 +168,140 @@
 
 			</u-grid>
 		</view>
+		<view class="grid-box grid-box-index">
+			<view class="textMain">
+				<view class="p pMain">会员等级：</view>
+				<view class="p">当您注册成为“51充电联盟”汽车充电会员以后，可享受如下权益：</view>
+				<view class="p">1、注册51充电联盟平台用户并完善信息即成为联盟会员。</view>
+				<view class="p">2、会员体系设置联盟会员、黄金会员及铂金会员三级；</view>
+				<view class="p">3、每月累计充电量达到不同等级的要求，下个月即可升级。</view>
+				<view class="p">a)联盟会员：完成注册</view>
+				<view class="p">b)黄金会员：248≤月充电量＜1000度</view>
+				<view class="p">c)铂金会员：月充电量≥1000度</view>
+				<view class="p">4、不同会员等级，享有不同会员等级权益</view>
+				<view class="p">5、联盟会员永久有效，黄金会员、铂金会员等级有效期为1个自然月。</view>
+				<view class="p"> 6、每月1号凌晨4点根据上个月累计充电量情况评定当月会员级别。</view>
+			
+				<view class="p pMain">会员权益：</view>
+				<view class="p">本次升级共上线8大会员权益：</view>
+				<view class="p">1、折扣卡 联盟及以上会员可购买充电服务费6折卡</view>
+				<view class="p">2、月卡 联盟及以上会员可购买充电服务费月卡</view>
+				<view class="p">3、荆鹏软件园 充电站院内可供新能源车主使用的共享职工之家</view>
+				<view class="p">4、小礼品 平台不定期为黄金及以上会员赠送小礼品</view>
+				<view class="p">5、工会福利 荆州市总工会不定期为黄金及以上会员赠送福利</view>
+				<view class="p">6、充电预约 铂金会员可在已开启预约功能的充电桩上预约充电服务</view>
+				<view class="p">7、生日问候 平台将为铂金会员提供生日问候服务（需在个人资料中填写出生信息）</view>
+				<view class="p">8、快捷充电 铂金会员可在平台体验插枪扫码快捷充电服务</view>
+				
+			
+			
+			
+			
+			
+			</view>
+			
+			<view class="table">
+						
+				<table>
+						
+					<tr class="th">
+						
+						
+						<td></td>
+						<td >联盟</td>
+						<td>黄金</td>
+						<td>铂金</td>
+					</tr>
+						
+					<tr>
+						<td class="td1">评级标准及月充电量</td>
+						<td>完成注册</td>
+						<td>248~999</td>
+						<td>≥1000</td>
+					</tr>
+					<tr>
+						<td class="td1">有效期</td>
+						<td>永久</td>
+						<td>1个月</td>
+						<td>1个月</td>
+					</tr>
+					<tr>
+						<td class="td1">
+							折扣卡
+						</td>
+						<td><span class="span1">●</span></td>
+						<td><span class="span1">●</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							月卡
+						</td>
+						<td><span class="span2">●</span></td>
+						<td><span class="span1">●</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							荆鹏软件园
+						</td>
+						<td><span class="span2">●</span></td>
+						<td><span class="span2">●</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+						
+					<tr>
+						<td class="td1">
+							小礼品
+						</td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span2">●</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							工会福利
+						</td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span2">●</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							充电预约
+						</td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							生日问候
+						</td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+					<tr>
+						<td class="td1">
+							快捷充电
+						</td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span2">○</span></td>
+						<td><span class="span1">●</span></td>
+					</tr>
+				</table>
+						
+			</view>
+			
+			<view class="textMain">
+				<view class="p pMain">政策变更说明：</view>
+				<view class="p">1.51充电联盟可以根据实际情况对权益规则和内容进行变动、调整或终止，具体以权益说明页面为准，公布即生效；</view>
+				<view class="p">2.如有其他疑问可拨打客服热线：400-8899-619。</view>
+							
+				</view>
+				
+				</view>
 	</view>
 	</view>
 </template>
@@ -526,7 +661,7 @@
 	.grid-box {
 
 		background-color: #fff;
-		margin: 70px 40rpx;
+		margin: 140rpx 40rpx 40rpx 40rpx;
 		border-radius: 16rpx;
 		overflow: hidden;
 		text-align: center;
@@ -612,4 +747,62 @@
 		
 		}
 	}
+	
+	
+	.textMain {
+		margin: 40rpx;
+		//padding-bottom: 80rpx;
+	
+		.p {
+			margin: 8rpx 0;
+		}
+	
+		.pMain {
+			font-size: 32rpx;
+			margin: 48rpx 0 16rpx 0;
+			color: #000;
+			font-weight: bold;
+		}
+	}
+	
+	.table {
+		table {
+			border-spacing:0;
+			font-size: 32rpx;
+			.th {
+				background-color: rgba(72, 83, 104, 1);
+				color: rgba(255, 255, 255, 1);
+				td{
+					border-right: 1px solid #fff;
+				}
+			}
+	
+			.td1 {
+				text-align: start;
+				background-color:#d5d5d6;
+				width: 200rpx;
+				padding: 0 16rpx;
+				border-bottom: 1px solid #fff;
+				
+	
+			}
+	
+			td {
+				text-align: center;
+				
+				width: 160rpx;
+			}
+		}
+	
+	
+	}
+	
+	.grid-box-index{
+		    background-color: #fff;
+		    margin: 20px 20px;
+			padding-bottom: 80rpx;
+		    border-radius: 8px;
+		    overflow: hidden;
+		    text-align: unset;
+	}
 </style>