首页+兑换记录

pages/homepage/homepage.scss

@@ -0,0 +1,100 @@
+	.app {
+		height: 100vh;
+		background-color: #F7F5F5;
+
+		.contentbottom {
+			width: 95%;
+			height: 446rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 5rpx;
+			margin: 0 auto;
+			transform: translateY(-16%);
+
+
+			.item {
+				display: flex;
+
+				.signmyself {
+					display: inline-block;
+					width: 48%;
+					padding: 30rpx 10rpx 0 20rpx;
+
+					image {
+						width: 100%;
+						height: 278rpx;
+					}
+				}
+
+				.sign {
+					display: inline-block;
+					padding: 30rpx 0 0 0;
+					width: 48%;
+
+					image {
+						display: block;
+						width: 100%;
+						height: 132rpx;
+						margin-bottom: 10rpx;
+					}
+
+				}
+			}
+
+
+			.health {
+				padding: 30rpx 30rpx 0 30rpx;
+				font-size: 28rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #333333;
+				line-height: 38rpx;
+			}
+		}
+
+		.contentcenter {
+			width: 96%;
+			height: 446rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 5rpx;
+			margin: 0 auto;
+			transform: translateY(-20%);
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-around;
+			padding: 38rpx 2% 8rpx 88rpx;
+
+			.home {
+				width: 32%;
+
+				image {
+					width: 102rpx;
+					height: 102rpx;
+				}
+			}
+		}
+
+		.content {
+			position: relative;
+
+			image {
+				width: 100%;
+				height: 562rpx;
+			}
+			.loginmount {
+				position: absolute;
+				top: 12%;
+				left: 7%;
+				font-size: 28rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #717070;
+
+				image {
+					width: 22rpx;
+					height: 12rpx;
+				}
+			}
+		}
+	}

pages/homepage/homepage.vue

@@ -1,13 +1,70 @@
 <template>
-	<view class="content">
-		<view class="text-area">
-			<text class="title">{{title}}</text>
+	<view class="app">
+		<view class="content">
+			<image src="/static/pageC/homepage.png" mode=""></image>
+			<view class="loginmount">
+				<image src="/static/pageC/TAB.png" mode=""></image>
+				你好，请登录
+			</view>
+		</view>
+		<view class="contentcenter">
+			<view class="home">
+				<image src="/static/pageC/qianyue.png" mode=""></image>
+				<view class="">
+					家医签约
+				</view>
+			</view>
+			<view class="home">
+				<image src="/static/pageC/health.png" mode=""></image>
+				<view class="">
+					健康档案
+				</view>
+			</view>
+			<view class="home">
+				<image src="/static/pageC/SERVERECOD.png" mode=""></image>
+				<view class="">
+					服务预约
+				</view>
+			</view>
+			<view class="home">
+				<image src="/static/pageC/exchange.png" mode=""></image>
+				<view class="">
+					积分兑换
+				</view>
+			</view>
+
+			<view class="home">
+				<image src="/static/pageC/appointmen.png" mode=""></image>
+				<view class="">
+					我的预约
+				</view>
+			</view>
+			<view class="home">
+				<image src="/static/pageC/SERVERECOD.png" mode=""></image>
+				<view class="">
+					服务记录
+				</view>
+			</view>
+		</view>
+		<view class="contentbottom">
+			<view class="health">
+				健康管理
+			</view>
+			<view class="item">
+				<view class="signmyself">
+					<image src="/static/pageC/tizheng.png" mode=""></image>
+				</view>
+				<view class="sign">
+					<image src="/static/pageC/healthmyself.png" mode=""></image>
+					<image src="/static/pageC/records.png" mode=""></image>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
+	// import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
 	export default {
 		data() {
 			return {
@@ -23,7 +80,7 @@
 				uni.login({
 					success(res) {
 						getOpenId(res.code).then(Res => {
-							if(Res.code == 200) {
+							if (Res.code == 200) {
 								_this.isWxBing(Res.msg, '1')
 							}
 						})
@@ -33,7 +90,7 @@
 			isWxBing(openid, cityCode) {
 				getCurrentUser(openid, cityCode).then(res => {
 					console.log(res);
-					if(!res.data) {
+					if (!res.data) {
 						// 注册
 					}
 				})
@@ -42,30 +99,6 @@
 	}
 </script>
 
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
-</style>
+<style lang="scss">
+	@import "./homepage.scss";
+</style>

pagesB/Behaviorpoints/Behaviorpoints.vue

@@ -10,7 +10,7 @@
 				<view class="PointsMall" @tap='gointegral'>
 					积分商城
 				</view>
-				<view class="Exchangerecords">
+				<view class="Exchangerecords" @tap="goexchange">
 					兑换记录
 				</view>
 			</view>
@@ -27,7 +27,7 @@
 				<view class="timeone">
 					2023-03-09 13:23:12
 				</view>
-				<view class="Establishingarchives">
+				<view class="Establishingarchives" >
 					兑换商品
 				</view>
 				<view class="integraltwo">
@@ -52,6 +52,11 @@
 			};
 		},
 		methods: {
+			goexchange(){
+				uni.navigateTo({
+					url: '/pagesB/exchangerecords/exchangerecords'
+				})
+			},
 			//积分页面
 			...mapActions(["integralopenPopup"]),
 			gointegral() {

pagesB/PointsMall/PointsMall.vue

@@ -14,7 +14,20 @@
 				兑换
 			</view>
 		</view>
-	
+	<view class="content">
+		<view class="imageitem">
+			<image src="/static/pagesB/Behave.png" mode=""></image>
+		</view>
+		<view class="servename">
+			服务名称
+		</view>
+		<view class="PointsRecord">
+			200000
+		</view>
+		<view class="button" @tap="goexchange">
+			兑换
+		</view>
+	</view>
 
 
 
@@ -87,6 +100,9 @@
 			.servename {
 				// width: 102px;
 				// height: 24px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 				font-size: 26rpx;
 				font-family: Source Han Sans CN;
 				font-weight: 400;

pagesB/exchangerecords/exchangerecords.vue

@@ -3,18 +3,18 @@
 		<view class="content">
 			<view class="time">
 				2023-08-13 23:43:49
-				<span class="">
+				<span>
 					2000积分
 				</span>
 			</view>
 			<view class="imageitem">
-				<image src="../../static/pagesB/ynph.png" mode=""></image>
+				<image src="../../static/pagesB/Behave.png" mode=""></image>
 			</view>
 			<view class="servename">
 				服务名称
 			</view>
 			<view class="servetime">
-				服务时间：2023-12-12  08:30
+				服务时间：2023-12-12 08:30
 			</view>
 		</view>
 	</view>
@@ -55,7 +55,7 @@
 				color: #959595;
 				line-height: 38rpx;
 				position: absolute;
-			bottom: 23%;
+				bottom: 23%;
 				left: 35%;
 			}
 
@@ -69,6 +69,9 @@
 				position: absolute;
 				top: 38%;
 				left: 35%;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 			}
 
 			.imageitem {
@@ -92,6 +95,9 @@
 				position: relative;
 
 				span {
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 					font-size: 28rpx;
 					position: absolute;
 					font-family: Source Han Sans CN;
@@ -104,4 +110,4 @@
 
 		}
 	}
-</style>
+</style>