9.22

gasStation-uni/pages/my/my.vue

@@ -9,7 +9,6 @@
 				<view class="dis-box" v-if="userinfo">
 					<view class="dis">
 						<view class="touxiang" @click="goSetup">
-
 							<image src="@/static/icon/icon/newmy.png" mode="aspectFit" style="margin-right: 10px;">
 							</image>
 						</view>
@@ -64,7 +63,7 @@
 			<view class="box-centenr">
 
 				<view class="wrap-box">
-					<view class="centenr-sx" @click="goPages">
+					<view class="centenr-sx" @click="goPagesmy(1)">
 						<view class="centenr-img">
 							<image src="@/static/icon/icon/newmy1.png"></image>
 						</view>
@@ -221,6 +220,13 @@
 			this.getAllOrderList();
 		},
 		methods: {
+			goPagesmy(num) {
+				if (num == 1) {
+					uni.navigateTo({
+						url: '/pagesMy/signIn/index'
+					})
+				}
+			},
 			// 查询全部充值订单
 			getAllOrderList() {
 				request({

gasStation-uni/pagesMy/signIn/index.vue

@@ -3,6 +3,22 @@
 		<view class="top_banner">
 			<image src="../../static/imgs/qdmr.png" mode=""></image>
 		</view>
+		<view class="cont-title">
+			<view class="or-size">已连续签到</view>
+			<view class="or-num">0</view>
+			<view class="or-num">5</view>
+			<view class="or-size">天</view>
+		</view>
+		<view class="wrap-box">
+			<view class="w_box" v-for="(item,index) in 30" :key="index" :class="{'acv_w' : wIndex ==  index }">
+				<view class="">第6天</view>
+				<image src="@/static/imgs/jinbi.png" style="width: 25px; height: 25px; "></image>
+				<view class="">5积分</view>
+			</view>
+		</view>
+		<view class="anniu">
+			签到
+		</view>
 	</view>
 </template>
 
@@ -50,9 +66,9 @@
 			},
 			// 分页——网络请求
 			async getList() {
-				uni.showLoading({
-					title: '加载中'
-				});
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });
 				let res = await request({
 					url: '网络请求',
 					method: 'get',
@@ -82,6 +98,7 @@
 	.container {
 		width: 100%;
 		box-sizing: border-box;
+		padding-bottom: 50px;
 
 	}
 
@@ -94,4 +111,68 @@
 			height: 100%;
 		}
 	}
+
+	.cont-title {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.or-size {
+		font-weight: 400;
+		font-size: 14px;
+		color: #333333;
+	}
+
+	.or-num {
+		box-sizing: border-box;
+		padding: 0px 5px;
+		background: #FF9655;
+		color: #fff;
+		font-weight: 600;
+		font-size: 32px;
+		color: #FFFFFF;
+		margin: 10px;
+	}
+
+	.wrap-box {
+		width: 100%;
+		display: flex;
+		flex-wrap: wrap;
+		box-sizing: border-box;
+		padding: 10px;
+	}
+
+	.w_box {
+		width: 19%;
+		box-sizing: border-box;
+		padding: 5px 15px;
+		background: #F7F7F7;
+		text-align: center;
+		font-size: 12px;
+		border-radius: 4px;
+		margin-right: 1%;
+		margin-bottom: 2%;
+
+		image {
+			margin: 5px auto;
+		}
+	}
+
+	.anniu {
+		width: 80%;
+		height: 40px;
+		background: #FF9655;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #fff;
+		border-radius: 50px;
+		margin: 25px auto;
+	}
+
+	.acv_w {
+		background: #FF9655 !important;
+	}
 </style>