From 3df17a883d0ae63804827fbb5d9c16d9dd0a97d4 Mon Sep 17 00:00:00 2001
From: "CHINAMI-3V5PQ9A\\Administrator" <2284846261@qq.com>
Date: Thu, 14 Dec 2023 17:31:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/manifest.json                          |   2 +-
 src/pages.json                             |   8 +
 src/pages/circle/circle.vue                | 126 ++++----
 src/pages/circle/components/discover.vue   |   9 +-
 src/pages/circle/hook/userData.ts          |  18 +-
 src/pages/circle/views/details/details.vue | 319 +++++++++++++++++++++
 src/pages/mine/mine.vue                    | 122 ++++----
 src/static/common/back.png                 | Bin 0 -> 289 bytes
 src/static/common/giveGifts.png            | Bin 0 -> 7443 bytes
 src/static/common/review.png               | Bin 0 -> 9177 bytes
 src/utils/common.js                        |  12 +
 11 files changed, 491 insertions(+), 125 deletions(-)
 create mode 100644 src/pages/circle/views/details/details.vue
 create mode 100644 src/static/common/back.png
 create mode 100644 src/static/common/giveGifts.png
 create mode 100644 src/static/common/review.png
 create mode 100644 src/utils/common.js

diff --git a/src/manifest.json b/src/manifest.json
index 193fdbb..f58a5a6 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,6 +1,6 @@
 {
 	"name": "报修",
-	"appid": "__UNI__2C329A7",
+	"appid": "__UNI__EB98651",
 	"description": "",
 	"versionName": "1.0.0",
 	"versionCode": "100",
diff --git a/src/pages.json b/src/pages.json
index 823b1f6..bba3895 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -59,6 +59,14 @@
 				"navigationStyle": "custom"
 			}
 
+		}, {
+			"path": "pages/circle/views/details/details",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
 		}
 	],
 	"tabBar": {
diff --git a/src/pages/circle/circle.vue b/src/pages/circle/circle.vue
index 7d316d9..34b3dca 100644
--- a/src/pages/circle/circle.vue
+++ b/src/pages/circle/circle.vue
@@ -1,5 +1,5 @@
 <template>
-	<view style="height: 100%;">
+	<view class="container">
 		<view class="circle-title">
 			<view class="circle-title-nav">
 				<view class="circle-title-nav-list">
@@ -36,87 +36,93 @@
 	} = userData()
 </script>
 
-<style lang="scss">
+<style>
 	page {
 		width: 100%;
 		height: 100%;
-		background: #F8F8FA;
-		overflow: hidden;
+
 	}
+</style>
+<style lang="scss" scoped>
+	.container {
+		height: 100%;
+		background: #F8F8FA;
 
-	.circle-title {
-		width: 100%;
-		height: 137rpx;
-		background-image: url(../../static/common/top-bg.png);
-		background-color: #fff;
-		background-size: 100% 100%;
-		// background-position: 100rpx;
-		padding-top: 118rpx;
-		position: sticky;
-		top: 0;
-		left: 0;
-		z-index: 9999;
 
-		.circle-title-nav {
+		.circle-title {
 			width: 100%;
-			padding: 28rpx;
-			box-sizing: border-box;
+			height: 137rpx;
+			background-image: url(../../static/common/top-bg.png);
+			background-color: #fff;
+			background-size: 100% 100%;
+			// background-position: 100rpx;
+			padding-top: 118rpx;
+			position: sticky;
+			top: 0;
+			left: 0;
+			z-index: 9;
 
-			.circle-title-nav-list {
-				width: 80%;
-				display: flex;
-				font-size: 32rpx;
-				color: rgba(43, 43, 53, 0.6);
+			.circle-title-nav {
+				width: 100%;
+				padding: 28rpx;
+				box-sizing: border-box;
 
-				.nav-item {
-					width: 20%;
+				.circle-title-nav-list {
+					width: 80%;
+					display: flex;
+					font-size: 32rpx;
 					color: rgba(43, 43, 53, 0.6);
 
-				}
+					.nav-item {
+						width: 20%;
+						color: rgba(43, 43, 53, 0.6);
 
-				.nav-item:last-child {
-					width: 25%;
-				}
+					}
 
-				.nav-select {
-					font-size: 36rpx;
-					font-weight: 600;
-					color: #08080D;
+					.nav-item:last-child {
+						width: 25%;
+					}
 
-					padding-right: 15rpx;
-				}
+					.nav-select {
+						font-size: 36rpx;
+						font-weight: 600;
+						color: #08080D;
 
-				.nav-select::after {
-					display: inline-block;
-					width: 15rpx;
-					height: 30rpx;
-					content: '';
-					background-image: url(../../static/common/icon-halving.png);
-					background-size: 100% 100%;
+						padding-right: 15rpx;
+					}
 
+					.nav-select::after {
+						display: inline-block;
+						width: 15rpx;
+						height: 30rpx;
+						content: '';
+						background-image: url(../../static/common/icon-halving.png);
+						background-size: 100% 100%;
+
+					}
 				}
 			}
 		}
-	}
 
-	.circle-edit {
-		display: inline-block;
-		position: fixed;
-		right: 32rpx;
-		bottom: 188rpx;
-		z-index: 9999;
+		.circle-edit {
+			display: inline-block;
+			position: fixed;
+			right: 32rpx;
+			bottom: 188rpx;
+			z-index: 9999;
 
-		.image {
-			width: 144rpx;
-			height: 144rpx;
+			.image {
+				width: 144rpx;
+				height: 144rpx;
+
+			}
+		}
+
+		.circle-discover {
+			height: calc(100% - 255rpx);
+			overflow-y: scroll;
+			// padding-bottom: -255rpx;
 
 		}
 	}
-
-	.circle-discover {
-		height: calc(100% - 255rpx);
-		overflow-y: scroll;
-		// padding-bottom: -255rpx;
-
-	}
 </style>
\ No newline at end of file
diff --git a/src/pages/circle/components/discover.vue b/src/pages/circle/components/discover.vue
index 58f4403..7a976fc 100644
--- a/src/pages/circle/components/discover.vue
+++ b/src/pages/circle/components/discover.vue
@@ -70,7 +70,8 @@
 				</view>
 				<view :class="`grid-container${item.url.length<=9?item.url.length:9}`">
 					<view class="grid-item" v-for="(itemchild,indexchild) in item.url" :key="indexchild">
-						<image :src="itemchild" mode="aspectFill" class="grid-item-iamge">
+						<image :src="itemchild" @click="handPreviewImage(item.url)" mode="aspectFill"
+							class="grid-item-iamge">
 						</image>
 					</view>
 				</view>
@@ -108,8 +109,14 @@
 
 <script lang="ts" setup>
 	import { ref, defineComponent, getCurrentInstance, toRefs } from "vue"
+	import {
+		userData
+	} from '../hook/userData'
 	const { proxy } = getCurrentInstance();
 	const dataResource = ref<string[]>()
+	const {
+		handPreviewImage
+	} = userData()
 	interface Props {
 		resource : string[]
 	}
diff --git a/src/pages/circle/hook/userData.ts b/src/pages/circle/hook/userData.ts
index 59fefbe..32505e8 100644
--- a/src/pages/circle/hook/userData.ts
+++ b/src/pages/circle/hook/userData.ts
@@ -16,11 +16,27 @@ export function userData() {
 		console.log(333)
 	}
 	const topicList = ref<any>([{ url: [getAssetsImages('../../../static/common/112.webp')] }, { url: [getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp')] }, { url: [getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp')] }, { url: [getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp')] }, { url: [getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp'), getAssetsImages('../../../static/common/112.webp')] }])
+	// 预览话题图片
+	const handPreviewImage = function (urls) {
+		uni.previewImage({
+			urls: urls,
+			// longPressActions: {
+			// 	itemList: ['发送给朋友', '保存图片', '收藏'],
+			// 	success: function (data) {
+			// 		console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+			// 	},
+			// 	fail: function (err) {
+			// 		console.log(err.errMsg);
+			// 	}
+			// }
+		});
+	}
 	return {
 		selectNav,
 		navItem,
 		handSelectNav,
 		refresherrestore,
-		topicList
+		topicList,
+		handPreviewImage
 	}
 }
\ No newline at end of file
diff --git a/src/pages/circle/views/details/details.vue b/src/pages/circle/views/details/details.vue
new file mode 100644
index 0000000..746bf8b
--- /dev/null
+++ b/src/pages/circle/views/details/details.vue
@@ -0,0 +1,319 @@
+<template>
+	<view class="container" :style="{paddingTop:menuButtonTop+'rpx'}">
+		<uni-nav-bar class="nav-bar">
+			<view class="text">动态详情</view>
+			<template v-slot:left>
+				<image src="../../../../static/common/back.png" mode="aspectFit" class="image"></image>
+			</template>
+			<!-- 	<template v-slot:right>
+				<image src="../../../../static/common/icon-more.png" mode="aspectFit" class="image"></image>
+			</template> -->
+		</uni-nav-bar>
+		<view class="details-main">
+			<scroll-view scroll-y="true" class="scroll-Y" refresher-enabled scroll-with-animation
+				refresher-background="#F8F8FA">
+				<view class="article-content">
+					<view class="article-item-head">
+						<image src="../../../../static/mine/lv1.png" mode="" class="avatar"></image>
+						<view class="article-item-head-center">
+							<view class="center-head">
+								<text class="center-head-name">金卡纳练习会</text>
+								<image src="../../../../static/common/vip.png" class="vip-img" mode=""></image>
+							</view>
+							<view class="center-foot">
+								<text style="padding-right: 22rpx;">12-31</text>
+								<text>豪爵铃木 DL250车主发布</text>
+							</view>
+						</view>
+						<view class="article-item-head-right">
+							<text>关注</text>
+						</view>
+					</view>
+					<swiper :indicator-dots="true" circular current="1" :autoplay="false" :interval="3000"
+						:duration="1000" class="details-swiper">
+						<swiper-item>
+							<image src="../../../../static/logo.png" mode="scaleToFill" class="image"></image>
+						</swiper-item>
+						<swiper-item>
+							<image src="../../../../static/common/112.webp" mode="scaleToFill" class="image"></image>
+						</swiper-item>
+						<swiper-item>
+							<image
+								src="https://ts1.cn.mm.bing.net/th?id=OIP-C.7pldmOaHsIlsAGsWmA4SawHaE8&w=306&h=204&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"
+								mode="scaleToFill" class="image"></image>
+						</swiper-item>
+					</swiper>
+					<view class="article-item-content">
+						<view class="topicList-item">
+							<image src="../../../../static/common/topic.png" mode="aspectFill"
+								class="topicList-item-iamge">
+							</image>
+							<text class="topicList-item-text">如何有效防止摔车</text>
+						</view>
+						<view class="article-item-content-title">
+							<text>朋友上周推荐的这个骑行软件，数据记录好精准，感觉很不错！</text>
+						</view>
+						<view class="article-item-content-text">
+							1.低速时不要猛捏前刹，避震回弹会使车身重心不稳，女孩子体力小，这种清空很容易摔倒
+							2.过弯时眼睛不要到处乱看，一定要盯着你要去的方向，用户余光快速观察环境，已备随机应对，并且一定要减速！
+							2.过弯时眼睛不要到处乱看，一定要盯着你要去的方向，用户余光快速观察环境，已备随机应对，并且一定要减速!
+						</view>
+						<view class="article-item-address">
+							<image src="../../../../static/common/icon-address.png" mode="aspectFill" class="image">
+							</image>
+							<text>四川省成都市青龙湖湿地公园</text>
+						</view>
+					</view>
+
+				</view>
+				<view class="details-main-gift">
+					<view class="details-main-gift-left">
+						<text class="details-main-gift-left-top">送礼</text>
+						<text class="details-main-gift-left-bottom">送礼榜虚位以待，你即将坐上送礼榜首哦！</text>
+					</view>
+					<view class="details-main-gift-right">
+						<image src="../../../../static/common/giveGifts.png" mode="aspectFit" class="image"></image>
+					</view>
+				</view>
+				<view class="details-main-gift">
+					<view class="details-main-gift-left">
+						<text class="details-main-gift-left-top">评论</text>
+						<text class="details-main-gift-left-bottom">送这里还没人评论哦，点击评论</text>
+					</view>
+					<view class="details-main-gift-right">
+						<image src="../../../../static/common/review.png" mode="aspectFit" class="image"></image>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script lang="ts" setup>
+	import { getMenuButton, rpxTopx } from "@/utils/common.js"
+	// let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+	// #ifdef MP-WEIXIN
+	let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+	let menuButtonTop = rpxTopx(menuButtonInfo.top)
+	// #endif
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		width: 100%;
+
+		.nav-bar {
+			.text {
+				display: flex;
+				align-items: center;
+				width: 100%;
+				justify-content: center;
+				font-size: 32rpx;
+				color: #08080D;
+				font-weight: 600;
+			}
+
+			text-align: center;
+
+			.image {
+				width: 48rpx;
+				height: 48rpx;
+			}
+
+			::v-deep .uni-navbar__content {
+				border: none;
+			}
+
+		}
+
+		.details-main {
+			width: 100%;
+			background: #F8F8FA;
+
+			.article-content {
+				background-color: #FFFFFF;
+
+				.article-item-head {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding: 38rpx 34rpx;
+					box-sizing: border-box;
+
+					.avatar {
+						width: 76rpx;
+						height: 76rpx;
+					}
+
+					.article-item-head-center {
+						margin-left: -100rpx;
+
+						.center-head-name {
+							font-weight: 600;
+							font-size: 32rpx;
+							color: #08080D;
+						}
+
+						.vip-img {
+							width: 48rpx;
+							height: 48rpx;
+							vertical-align: middle;
+							margin-left: 8rpx;
+						}
+
+						.center-foot {
+							font-size: 24rpx;
+							font-family: AlibabaPuHuiTi_2_55_Regular;
+							color: rgba(43, 43, 53, 0.4);
+							line-height: 36rpx;
+						}
+					}
+
+					.article-item-head-right {
+						width: 104rpx;
+						height: 48rpx;
+						background: linear-gradient(270deg, #5B8FF0 0%, #1E5099 100%);
+						border-radius: 8rpx;
+						text-align: center;
+
+
+						text {
+							height: 44rpx;
+							font-size: 26rpx;
+							font-family: AlibabaPuHuiTi_2_55_Regular;
+							color: #FFFFFF;
+							line-height: 44rpx;
+						}
+					}
+
+				}
+
+				.article-item-content {
+					width: 100%;
+					padding: 32rpx;
+					box-sizing: border-box;
+
+					.article-item-content-title {
+						padding: 32rpx 0 16rpx;
+						font-weight: 600;
+						color: #08080D;
+						font-size: 32rpx;
+					}
+
+					.article-item-content-text {
+						width: 100%;
+						max-height: 234rpx;
+						font-size: 28rpx;
+						color: #08080D;
+						user-select: text;
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						overflow: hidden;
+						-webkit-line-clamp: 5;
+						text-overflow: ellipsis;
+					}
+
+					.topicList-item {
+						// height: 48rpx;
+						background: rgba(54, 103, 189, 0.12);
+						border-radius: 8rpx;
+						padding: 8rpx 16rpx;
+						display: inline-block;
+						box-sizing: border-box;
+
+
+						.topicList-item-iamge {
+							width: 48rpx;
+							height: 48rpx;
+							vertical-align: middle;
+							padding-right: 16rpx;
+						}
+
+						.topicList-item-text {
+							height: 36rpx;
+							font-size: 24rpx;
+							font-family: AlibabaPuHuiTi_2_55_Regular;
+							color: #08080D;
+							line-height: 36rpx;
+						}
+
+					}
+
+					// img {
+					// 	max-width: 100%;
+					// 	height: auto;
+					// }
+				}
+
+				.article-item-address {
+					color: rgba(43, 43, 53, 0.6);
+					font-size: 24rpx;
+					padding-top: 32rpx;
+
+					.image {
+						width: 32rpx;
+						height: 32rpx;
+						vertical-align: bottom;
+						padding: 0 2rpx;
+					}
+				}
+			}
+
+			.details-swiper {
+				height: 532rpx;
+
+				.image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.details-main-gift {
+				height: 164rpx;
+				margin-top: 16rpx;
+				background-color: #FFFFFF;
+				padding: 32rpx;
+				display: flex;
+				width: 100%;
+				align-items: center;
+				justify-content: space-between;
+				box-sizing: border-box;
+
+				.details-main-gift-left {
+					display: flex;
+					flex-direction: column;
+
+					.details-main-gift-left-top {
+						font-weight: 600;
+						padding-bottom: 16rpx;
+						color: #08080D;
+					}
+
+					.details-main-gift-left-bottom {
+						font-size: 24rpx;
+						color: rgba(168, 172, 185, 1);
+					}
+				}
+
+				.details-main-gift-left-top {
+					font-weight: 600;
+					padding-bottom: 16rpx;
+					color: #08080D;
+				}
+
+				.details-main-gift-left-bottom {
+					font-size: 24rpx;
+					color: rgba(168, 172, 185, 1);
+				}
+
+				.details-main-gift-right {
+					.image {
+						width: 160rpx;
+						height: 48rpx;
+					}
+				}
+			}
+		}
+
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/mine/mine.vue b/src/pages/mine/mine.vue
index 47a16ba..f7a1e1a 100644
--- a/src/pages/mine/mine.vue
+++ b/src/pages/mine/mine.vue
@@ -11,12 +11,14 @@
 						<span class="title-boundVehicle-icon"></span>
 					</view>
 					<view v-else class="title-car-info">
-						<view style="display: flex;align-items: center;">
-							<view class="image"></view>
+						<view class="title-car-info-item">
+							<image src="../../static/mine/mine-car-select.png" mode="aspectFit" class="image">
+							</image>
 							<span>阿普利亚 GPR 125</span>
 						</view>
-						<view style="display: flex;align-items: center;">
-							<view class="image2"></view>
+						<view class="title-car-info-item">
+							<image src="../../static/mine/lv1.png" mode="aspectFit" class="image">
+							</image>
 							<span>黑铁骑士</span>
 						</view>
 					</view>
@@ -24,8 +26,8 @@
 				<view class="title-right" v-if="false">
 					<span class="login">注册/登录</span>
 				</view>
-				<view v-else>
-					<view class="image" style="margin-top: 30rpx;"></view>
+				<view v-else class="title-right">
+					<image src="../../static/mine/icon-right-black.png" mode="aspectFit" class="image"></image>
 				</view>
 			</view>
 			<view class="mine-basicData">
@@ -35,21 +37,18 @@
 				</view>
 			</view>
 		</view>
-
 		<view class="mine-content">
 			<view class="equityCard">
-				<img src="../../static/mine/mine-bd.png" alt="" class="image">
+				<image src="../../static/mine/mine-bd.png" mode="aspectFit" class="image"></image>
 				<view class="equityCard-text">
 					<view class="equityCard-text-top">
-						<p>爱摩保VIP专属权益</p>
-						<view style="display: flex;width: 100rpx;">
-							<span>开通</span>
-							<!-- <img src="../../static/mine/icon-right.png" class="img" alt=""> -->
-							<view class="img">
-							</view>
+						<text>爱摩保VIP专属权益</text>
+						<view class="equityCard-text-right">
+							<text>开通</text>
+							<image src="../../static/mine/icon-right.png" mode="aspectFit" class="image"></image>
 						</view>
 					</view>
-					<span>保障齐全 10日赔付 智能精准定位 骑行低功耗自动记录</span>
+					<text>保障齐全 10日赔付 智能精准定位 骑行低功耗自动记录</text>
 				</view>
 			</view>
 			<view class="mine-carData">
@@ -105,15 +104,15 @@
 	const { feature, assist, basicData } = userDate()
 </script>
 
-<style lang="scss">
+<style>
 	page {
-		height: calc(100% - 176rpx);
-		width: 100%;
+		/* height: 100%; */
 	}
-
+</style>
+<style lang="scss" scoped>
 	.contenter {
 		width: 100%;
-		height: 100%;
+		// height: 100%;
 
 		.mine-title {
 			background-image: url(../../static/mine/mine-title.png);
@@ -121,7 +120,7 @@
 			width: 100%;
 			background-size: 100% 100%;
 			padding-top: 160rpx;
-			// box-sizing: border-box;
+			box-sizing: border-box;
 
 			.title-avatar {
 				display: flex;
@@ -129,14 +128,6 @@
 				justify-content: space-between;
 				padding: 0 32rpx;
 
-
-				// :first-child {
-				// 	width: 188rpx;
-				// 	height: 200rpx;
-				// 	margin-bottom: -50rpx;
-
-				// }
-
 				.title-center {
 					display: flex;
 					flex-direction: column;
@@ -192,7 +183,14 @@
 
 				.title-right {
 					height: 120rpx;
-					line-height: 120rpx;
+					// line-height: 120rpx;
+					display: flex;
+					align-items: center;
+
+					.image {
+						width: 48rpx;
+						height: 48rpx;
+					}
 
 					.login {
 						padding: 10rpx 26rpx;
@@ -222,21 +220,27 @@
 					display: flex;
 					justify-content: space-between;
 
-					.image,
-					.image2 {
-						background-image: url(../../static/mine/mine-car-select.png);
-						background-repeat: no-repeat;
-						width: 48rpx;
-						height: 48rpx;
-						background-size: 100% 100%;
-						// margin-top: 35rpx;
+					.title-car-info-item {
+						display: flex;
+						align-items: center;
+
+						.image {
+							width: 48rpx;
+							height: 48rpx;
+							vertical-align: middle;
+
+						}
+
+						&:last-child .image {
+							width: 32rpx;
+							height: 32rpx;
+							vertical-align: middle;
+							padding-right: 6rpx;
+						}
 					}
 
-					.image2 {
-						background-image: url(../../static/mine/lv1.png);
-						width: 36rpx;
-						height: 36rpx;
-					}
+
+
 				}
 			}
 
@@ -272,7 +276,6 @@
 		.equityCard {
 			position: relative;
 			width: 100%;
-			height: 162rpx;
 			background-image: url(../../static/mine/mine-bg.png);
 			background-repeat: no-repeat;
 			background-size: 100% 100%;
@@ -287,37 +290,31 @@
 					width: 100%;
 					justify-content: space-between;
 
-					:first-child {
-						width: 290rpx;
-						height: 32rpx;
+					&:first-child {
 						font-size: 30rpx;
-						font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
-						font-weight: bold;
 						color: #FDDCA1;
-						line-height: 32rpx;
 					}
 
-					.img {
-						width: 150rpx;
-						height: 30rpx;
-						background-image: url(../../static/mine/icon-right.png);
-						background-repeat: no-repeat;
-						background-size: 100% 100%;
-					}
+					.equityCard-text-right {
+						display: flex;
+						align-items: center;
 
+						.image {
+							width: 32rpx;
+							height: 32rpx;
+						}
+					}
 				}
 
-				:last-child {
-					height: 20rpx;
+				&:last-child {
 					font-size: 20rpx;
 					font-family: PingFangSC, PingFang SC;
 					font-weight: 400;
 					color: rgba(255, 255, 255, 0.8);
-					line-height: 20rpx;
 				}
 			}
 
-			.image {
+			&>.image {
 				position: absolute;
 				width: 100%;
 				height: 24rpx;
@@ -331,7 +328,8 @@
 			width: 100%;
 			padding: 0 32rpx;
 			background: #F8F8FA;
-			height: calc(100% - 270rpx);
+			// height: calc(100% - 140rpx);
+			padding-bottom: 160rpx;
 			position: relative;
 			box-sizing: border-box;
 
diff --git a/src/static/common/back.png b/src/static/common/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c3aa2e50bce1f3d625446888958d08732e99586
GIT binary patch
literal 289
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}w>@1PLo%G-
z-q^_3V!*?Ep)7evz1@#=wr$pihE7t}o~<*TpNf||d@=iZS^fNdmJ@jayek-=vz4^Y
z;V#*~j&0tWf=Ijj*M3#m|BmiYzW?s|I?gKQGauBOxf0r!GbtUq%n<lcv*E;t0*8_c
z4FzQzo(ZCIOec8Wv!%3`GitTSvxRWlv#b#LH@6`;c4h0s^%u1|5*?<h#WZknm@7y#
zGNvdcH0ZF1OlWLiUL+{upwh(F;S|6q$YIsc%fT4&uQV#1bweJH?RvHg(p%>(XImrf
ke10|K7q_*~eeWNTzZJj2urKHy2hf`gp00i_>zopr0HXkC&Hw-a

literal 0
HcmV?d00001

diff --git a/src/static/common/giveGifts.png b/src/static/common/giveGifts.png
new file mode 100644
index 0000000000000000000000000000000000000000..0534256e68f1f1a69e5e2c1f30c1c55617c39cdd
GIT binary patch
literal 7443
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
R{aye7002ovPDHLkV1gi!H^%?~

literal 0
HcmV?d00001

diff --git a/src/static/common/review.png b/src/static/common/review.png
new file mode 100644
index 0000000000000000000000000000000000000000..42ac5c2c6f37a30b47e71717b34d4289b9678b83
GIT binary patch
literal 9177
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

literal 0
HcmV?d00001

diff --git a/src/utils/common.js b/src/utils/common.js
new file mode 100644
index 0000000..1c939c4
--- /dev/null
+++ b/src/utils/common.js
@@ -0,0 +1,12 @@
+// 获取小程序胶囊位置
+export function getMenuButton() {
+	let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+	return menuButtonInfo
+}
+// px 转换为 rpx ，传参类型是数字（Number）
+
+export function rpxTopx(px) {
+	let deviceWidth = wx.getSystemInfoSync().windowWidth; //获取设备屏幕宽度
+	let rpx = (750 / deviceWidth) * Number(px)
+	return Math.floor(rpx);
+}
\ No newline at end of file