diff --git a/common/common.scss b/common/common.scss
index a575b86..ae1c8b7 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -57,6 +57,63 @@
 	height: 20rpx;
 }
 
+// 评价
+.reviews_item{
+	padding: 34rpx 0;
+	border-bottom: 1px solid #E2E2E2;
+	&:last-child{
+		border-bottom: none;
+	}
+	.reviews_item_title{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		
+		.reviews_title_user{
+			font-size: 32rpx;
+			display: flex;
+			align-items: center;
+			color: #3D3D3D;
+			text{
+				display: inline-block;
+				margin-right: 26rpx;
+			}
+		}
+		.reviews_title_time{
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #909090;
+		}
+	}
+	.reviews_item_color{
+		font-size: 24rpx;
+		color: #909090;
+		font-weight: 400;
+		margin-bottom: 21.33rpx;
+		margin-top: 10rpx;
+	}
+	.reviews_item_content{
+		font-size: 26.67rpx;
+		font-weight: 400;
+		margin-bottom: 34.67rpx;
+	}
+	.reviews_item_image{
+		display: flex;
+		align-items: center;
+		
+		.reviews_image_content{
+			width: 233.33rpx;
+			height: 233.33rpx;
+			margin-left: 16.67rpx;
+			background-color: #999999;
+			&:first-child{
+				margin-left: 0;
+			}
+		}
+	}
+}
+
+
 // 遮罩层
 .mask{
 	position: fixed;
diff --git a/pages.json b/pages.json
index 4e3e051..ddae902 100644
--- a/pages.json
+++ b/pages.json
@@ -191,6 +191,19 @@
 			"style": {
 				"titleNView":false
 			}
+		},
+		{
+			"path": "pages/account/myReview",
+			"style": {
+				"navigationBarTitleText": "My Review",
+				"navigationBarBackgroundColor":"#FFFFFF"
+			}
+		},
+		{
+			"path": "pages/productDetails/review",
+			"style": {
+				"titleNView":false
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/account/index.vue b/pages/account/index.vue
index 4067298..c3d86c9 100644
--- a/pages/account/index.vue
+++ b/pages/account/index.vue
@@ -64,10 +64,10 @@
 					<image src="../../static/img/msg.png" class="info_img" mode=""></image>
 					<text>Message</text>
 				</navigator>
-				<view class="order_info_item">
+				<navigator url="/pages/account/myReview" class="order_info_item">
 					<image src="../../static/img/My Review.png" class="info_img" mode=""></image>
 					<text>My Review</text>
-				</view>
+				</navigator>
 				<navigator url="/pages/account/address" class="order_info_item">
 					<image src="../../static/img/My Address.png" class="info_img" mode=""></image>
 					<text>My Address</text>
diff --git a/pages/account/myReview.vue b/pages/account/myReview.vue
new file mode 100644
index 0000000..8baef1b
--- /dev/null
+++ b/pages/account/myReview.vue
@@ -0,0 +1,74 @@
+<template>
+	<view class="body">
+		<navigator url="/pages/productDetails/review">
+			<view class="reviews_item" v-for="(item,index) in 2"  :key="index">
+				<view class="reviews_item_title">
+					<view class="reviews_title_user">
+						<text>e***8</text>
+						<uni-rate size="18" :disabled="true" disabledColor="red" :value="4"  active-color="red" :is-fill="false"/>
+					</view>
+					<view class="reviews_title_time">07/03/2022</view>
+				</view>
+				<view class="reviews_item_color">Color:Multicolor</view>
+				<view class="reviews_item_content">So unique! Can’t wait to wear these.</view>
+				<view class="reviews_item_image">
+					<view class="reviews_image_content" v-for="(item,index) in 3"  :key="index"></view>
+				</view>
+				<view class="more">
+					<image src="../../static/img/more.png" mode="" @click="isShwo=true"></image>
+					<view class="more_delete" v-show="isShwo">delete</view>
+				</view>
+			</view>
+		</navigator>
+		<view class="mask" v-show="isShwo" @click="isShwo=false"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isShwo:false
+			}
+		},
+		methods:{
+			
+		}
+	}
+</script>
+<style>
+	page{
+		border-top: 14.67rpx #F6F5FA solid;
+	}
+</style>
+<style lang="scss" scoped>
+	.body{
+		padding: 0 32rpx;
+	}
+	.more{
+		text-align: right;
+		position: relative;
+		// margin-top: 20rpx;
+		image{
+			width: 24rpx;
+			height: 6.67rpx;
+		}
+		.more_delete{
+			background-image: url(@/static/img/more_bf.png);
+			background-size: 100% 100%;
+			width: 102.67rpx;
+			height: 67.33rpx;
+			position: absolute;
+			right: 0;
+			bottom: 20rpx;
+			line-height: 50rpx;
+			text-align: center;
+			font-size: 24rpx;
+			z-index: 999;
+		}
+	}
+	.mask{
+		background-color: white;
+		opacity: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/order/paySuccess.vue b/pages/order/paySuccess.vue
index 02e038e..bb58185 100644
--- a/pages/order/paySuccess.vue
+++ b/pages/order/paySuccess.vue
@@ -39,10 +39,13 @@
 	}
 </script>
 
-<style lang="scss" scoped>
+<style>
 	page{
 		border-top: 14.67rpx #F7F7F7 solid;
 	}
+</style>
+<style lang="scss" scoped>
+	
 	.success{
 		display: flex;
 		align-items: center;
diff --git a/pages/productDetails/index.vue b/pages/productDetails/index.vue
index 3556fee..445cc9a 100644
--- a/pages/productDetails/index.vue
+++ b/pages/productDetails/index.vue
@@ -14,13 +14,26 @@
 			</block>
 		</uni-nav-bar>
 		<view class="uni-margin-wrap">
-			<uni-swiper-dot :info="info" :current="current" field="content" mode="nav" class="page_padding">
+			<uni-swiper-dot :info="info" :current="current" field="content" mode="nav" class="page_padding " :class="isVedio?'showVedio':''" >
 				<swiper class="swiper" @change="gridSwiper" :circular="true">
 					<swiper-item>
-						<view class="swiper-item uni-bg-red">A</view>
+						<view class="swiper-item uni-bg-red">
+							<image src="../../static/img/play.png" class="vedio_play" mode=""></image>
+						</view>
 					</swiper-item>
 					<swiper-item>
-						<view class="swiper-item uni-bg-green">B</view>
+						<view class="swiper-item uni-bg-green">
+							<view class="vedioControl">
+								<image src="/static/img/suspend.png" mode="" class="vedioControl_play"></image>
+								<view class="vedioControl_progress">
+									<progress :percent="50"  stroke-width="3" activeColor="#B22234" />
+									<image src="/static/img/vedio_progress.png" mode="" class="vedio_progress"></image>
+								</view>
+								<view>00:14</view>
+								<image src="/static/img/zoom.png" mode="" class="vedioControl_zoom"></image>
+							</view>
+							<image src="/static/img/mute.png" mode="" class="vedio_mute"></image>
+						</view>
 					</swiper-item>
 					<swiper-item>
 						<view class="swiper-item uni-bg-blue">C</view>
@@ -28,7 +41,17 @@
 				</swiper>
 			</uni-swiper-dot>
 		</view>
-		
+		<view class="special">
+			<view class="special_left">
+				<image src="../../static/img/naozhong.png" mode=""></image>
+				<text>Flash Sale</text>
+			</view>
+			<view class="special_right">
+				<text>End in</text>
+				<uni-countdown :showDay="false" :hour="23" :minute="0" :second="0" splitorColor="#FFFFFF" color="#FFFFFF" background-color="#B22234" class="countdown" />
+				<image src="../../static/img/right2.png" mode=""></image>
+			</view>
+		</view>
 		<view class="goods_info">
 			<view class="goods_info_price">
 				<text>US$314.00</text>
@@ -128,7 +151,7 @@
 			</view>
 			<view class="description goods_title">
 				<view class="goods_title_left">
-					<text>Shipping security</text>
+					<text>Description</text>
 				</view>
 				<view class="goods_title_right">
 					<view>#Iron #Pearls,Flowers #Fashionable</view>
@@ -200,10 +223,45 @@
 				<text>US$314.00</text>
 			</view>
 			<view class="footer_right">
+				<button @click="addCart">ADD TO CART</button>
+			</view>
+		</view>
+		<view class="mask" @click="isCart=false" v-show="isCart"></view>
+		<view class="addCard" v-show="isCart">
+			<image src="/static/img/close1.png" mode="" class="addCard_close"></image>
+			<scroll-view class="spike1 " scroll-x="true" :show-scrollbar="false">
+				<image src="../../static/img/logo.png" mode="" class="addCard_scroll" v-for="(item,index) in 3"  :key="index" ></image>
+			</scroll-view>
+			<view class="addCard_body">
+				<view >Adidas Yeezy Boost 350 V2  Dazzling Blue Black GY 7164 Men's Sizes </view>
+				<view class="addCard_price">US$314.00</view>
+				<view >Color Family</view>
+				<view class="color_select">
+					<view class="color_select_item" v-for="(item,index) in 3"  :key="index" :class="index==0?'active_color':''">
+						<view class="color_select_item_zoom">
+							<image src="../../static/img/zoom.png" mode=""></image>
+						</view>
+						<image src="../../static/img/logo.png" mode=""></image>
+						<view class="color_select_item_bottom">021【Blue】</view>
+					</view>
+				</view>
+				<view >Size</view>
+				<view class="variations_select_size">
+					<view class="select_size_item">34</view>
+					<view class="select_size_item">35</view>
+					<view class="select_size_item">36</view>
+					<view class="select_size_item">37</view>
+					<view class="select_size_item">38</view>
+					<view class="select_size_item">M</view>
+					<view class="select_size_item">L</view>
+				</view>
+				<view class="quantity">
+					<text>Quantity</text>
+					<uni-number-box background="#FFFFFF">1</uni-number-box>
+				</view>
 				<button>ADD TO CART</button>
 			</view>
 		</view>
-		
 	</view>
 </template>
 
@@ -213,6 +271,7 @@
 			return {
 				navWidth:'80rpx',
 				current:0,
+				isVedio:false,
 				info: [{
 						colorClass: 'uni-bg-red',
 						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
@@ -229,11 +288,20 @@
 						content: ''
 					}
 				],
-
+				isCart:false,
+				
 			}
 		},
 		methods:{
+			addCart(){
+				this.isCart=true
+			},
 			gridSwiper(e){
+				if(e.detail.current==1){
+					this.isVedio=true
+				}else{
+					this.isVedio=false
+				}
 				this.current = e.detail.current
 			},
 			confirm(){
@@ -254,15 +322,184 @@
 </style>
 <style lang="scss" scoped>
 	$nav-height: 30px;
+	.showVedio{
+		/deep/ .uni-swiper__dots-nav{
+			display: none;
+		}
+	}
 	/deep/ .uni-swiper__dots-nav{
 		background:none;
 		justify-content: center;
-		
 		.uni-swiper__dots-nav-item{
 			padding: 6rpx 24.67rpx;
 			background-color: rgba(0, 0, 0, 0.2);
 			border-radius: 25rpx;
 		}
+	}
+	.variations_select_size{
+		margin-left: 20.67rpx;
+		display: flex;
+		flex-wrap: wrap;
+		
+		.select_size_item{
+			background-color: #F8F8F8;
+			width: 121.33rpx;
+			height: 54.67rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-radius: 12.67rpx;
+			color: #666666;
+			font-size: 24rpx;
+			margin-right: 18.67rpx;
+			
+			&:nth-child(-n+2){
+				margin-bottom: 16.67rpx;
+			}
+		}
+	}
+	.addCard{
+		z-index: 999;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background-color: white;
+		padding-left: 29.33rpx;
+		box-sizing: border-box;
+		padding-top: 54.67rpx;
+		width: 100%;
+		font-size: 30.67rpx;
+		font-weight: 400;
+		padding-bottom: 44.67rpx;
+		
+		.addCard_close{
+			width: 21.33rpx;
+			height: 21.33rpx;
+			position: absolute;
+			right: 12.67rpx;
+			top: 12.67rpx;
+		}
+		.spike1{
+			margin-top: 0;
+			margin-bottom: 34rpx;
+			padding-bottom: 0;
+			border-bottom: none;
+			.addCard_scroll{
+				width: 286.67rpx;
+				height: 286.67rpx;
+				margin-left: 10.67rpx;
+				&:first-child{
+					margin-left: 0;
+				}
+				&:last-child{
+					margin-right: 15rpx;
+				}
+			}
+		}
+		.addCard_body{
+			padding-right: 31.33rpx;
+			
+			.addCard_price{
+				font-size: 44rpx;
+				font-weight: 500;
+				margin-top: 27.33rpx;
+				margin-bottom: 51.33rpx;
+			}
+			.color_select{
+				
+				display: flex;
+				font-size: 16.67rpx;
+				color: #666666;
+				flex-wrap: wrap;
+				margin-bottom: 59.33rpx;
+				.color_select_item{
+					margin-top: 22rpx;
+					position: relative;
+					background-color: #F9F7FA;
+					border-radius: 6.67rpx;
+					margin-right: 12.67rpx;
+					width: 134.67rpx;
+					image{
+						width: 134.67rpx;
+						height: 133.33rpx;
+						border-radius: 6.67rpx 6.67rpx 0 0; 
+					}
+					.color_select_item_zoom{
+						width: 15.33rpx;
+						height: 15.33rpx;
+						background-color: rgba(0, 0, 0, 0.3);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						position: absolute;
+						right: 12.67rpx;
+						top: 9.33rpx;
+						z-index: 99;
+						image{
+							width: 7.33rpx;
+							height: 7.33rpx;
+						}
+					}
+					.color_select_item_bottom{
+						padding: 12rpx 12rpx;
+						text-align: center;
+						
+					}
+				}
+				.active_color{
+					color: #B22234;
+					background-color: white;
+					border: 1px solid #B22234;
+				}
+			}
+			.variations_select_size{
+				margin-left: 0;
+				margin-top: 26.67rpx;
+				margin-bottom: 40.67rpx;
+				.select_size_item{
+					margin-bottom: 16.67rpx !important; 
+					&:nth-child(5n+5){
+						margin-right: 0;
+					}
+				}
+			}
+			.quantity{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				margin-bottom: 43.33rpx;
+				.uni-numbox{
+					border: 1px solid #999999;
+					border-radius: 14rpx;
+					height: 42.67rpx;
+					
+					/deep/ .uni-numbox__minus{
+						border-radius: 14rpx;
+					}
+					/deep/.uni-numbox__plus{
+						border-radius: 14rpx;
+					}
+					/deep/.uni-numbox__value{
+						border-left: 1px solid #999999;
+						border-right: 1px solid #999999;
+						height: 100%;
+						width: 63.33rpx;
+						font-size: 21.33rpx;
+					}
+				}
+			}
+			button{
+				width: 100%;
+				height: 73.33rpx;
+				line-height: 73.33rpx;
+				background-color: #191919;
+				color: white;
+				font-weight: bold;
+				font-size: 26.67rpx;
+			}
+		}
+		
+		
 	}
 	.spike1{
 		white-space: nowrap;
@@ -390,9 +627,67 @@
 			.swiper-item {
 				display: block;
 				height: 750rpx;
-				line-height: 750rpx;
+				// line-height: 750rpx;
 				text-align: center;
 				color: white;
+				position: relative;
+				
+				.vedioControl{
+					position: absolute;
+					bottom: 18.67rpx;
+					width: 100%;
+					box-sizing: border-box;
+					padding-left: 36rpx;
+					padding-right: 31.33rpx;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					font-size: 24rpx;
+					color: white;
+					
+					.vedioControl_progress{
+						position: relative;
+						width: 476rpx;
+						
+						progress{
+							width: 100%;
+						}
+						.vedio_progress{
+							width: 30rpx;
+							height: 30rpx;
+							position: absolute;
+							left: 50%;
+							margin-left: -15rpx;
+							top: 50%;
+							margin-top: -15rpx;
+						}
+					}
+					.vedioControl_play{
+						width: 52rpx;
+						height: 52rpx;
+					}
+					.vedioControl_zoom{
+						width: 30.67rpx;
+						height: 30.67rpx;
+					}
+					
+				}
+			}
+			.vedio_mute{
+				width: 56rpx;
+				height: 56rpx;
+				position: absolute;
+				right: 22.67rpx;
+				bottom: 94.67rpx;
+			}
+			.vedio_play{
+				width: 100rpx;
+				height: 100rpx;
+				position: absolute;
+				top: 50%;
+				margin-top: -50rpx;
+				left: 50%;
+				margin-left: -50rpx;
 			}
 			.uni-bg-red{
 				background-color: red;
@@ -522,28 +817,7 @@
 						}
 					}
 				}
-				.variations_select_size{
-					margin-left: 20.67rpx;
-					display: flex;
-					flex-wrap: wrap;
-					
-					.select_size_item{
-						background-color: #F8F8F8;
-						width: 121.33rpx;
-						height: 54.67rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						border-radius: 12.67rpx;
-						color: #666666;
-						font-size: 24rpx;
-						margin-right: 18.67rpx;
-						
-						&:nth-child(-n+2){
-							margin-bottom: 16.67rpx;
-						}
-					}
-				}
+				
 			}
 		}
 		
@@ -647,60 +921,7 @@
 				margin-right: 42rpx;
 			}
 		}
-		.reviews_item{
-			padding: 34rpx 0;
-			border-bottom: 1px solid #E2E2E2;
-			&:last-child{
-				border-bottom: none;
-			}
-			.reviews_item_title{
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				
-				.reviews_title_user{
-					font-size: 32rpx;
-					display: flex;
-					align-items: center;
-					color: #3D3D3D;
-					text{
-						display: inline-block;
-						margin-right: 26rpx;
-					}
-				}
-				.reviews_title_time{
-					font-size: 24rpx;
-					font-weight: 400;
-					color: #909090;
-				}
-			}
-			.reviews_item_color{
-				font-size: 24rpx;
-				color: #909090;
-				font-weight: 400;
-				margin-bottom: 21.33rpx;
-				margin-top: 10rpx;
-			}
-			.reviews_item_content{
-				font-size: 26.67rpx;
-				font-weight: 400;
-				margin-bottom: 34.67rpx;
-			}
-			.reviews_item_image{
-				display: flex;
-				align-items: center;
-				
-				.reviews_image_content{
-					width: 233.33rpx;
-					height: 233.33rpx;
-					margin-left: 16.67rpx;
-					background-color: #999999;
-					&:first-child{
-						margin-left: 0;
-					}
-				}
-			}
-		}
+		
 	}
 	.productImage{
 		.productImage_title{
@@ -765,5 +986,41 @@
 			}
 		}
 	}
-	
+	.special{
+		background-image: url('@/static/img/special_bg.png');
+		background-size: 100% 100%;
+		width: 100%;
+		height: 72rpx;
+		display: flex;
+		align-items: center;
+		font-size: 32rpx;
+		color: white;
+		padding-left: 29.33rpx;
+		padding-right: 22rpx;
+		justify-content: space-between;
+		font-weight: bold;
+		box-sizing: border-box;
+		.special_left{
+			display: flex;
+			align-items: center;
+			font-family: Source Han Sans CN;
+			
+			image{
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 16rpx;
+			}
+		}
+		.special_right{
+			display: flex;
+			align-items: center;
+			image{
+				width: 24rpx;
+				height: 24rpx;
+			}
+			.countdown{
+				margin: 0 12.67rpx;
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/productDetails/review.vue b/pages/productDetails/review.vue
new file mode 100644
index 0000000..7f097da
--- /dev/null
+++ b/pages/productDetails/review.vue
@@ -0,0 +1,194 @@
+<template>
+	<view>
+		<uni-nav-bar  :statusBar="true" left-icon="left"   title="Review" color="#000000"   :fixed="true" @clickLeft="back">
+			<block slot="right">
+				<view class="nav_right">
+					<button>Submit</button>
+				</view>
+			</block>
+		</uni-nav-bar>
+		<view class="body">
+			<view class="order_popup_commodity">
+				<view class="good_info" v-for="(item,index) in 1 " :key="index">
+					<view class="good_info_left ">
+						<view class="good_info_image" v-for="(item,index) in 1" :key="index"></view>
+						<view class="left_info">
+							<view class="info_name">Adidas Yeezy Boost 350 V2  DazzlingBlue Black GY7164 Men's</view>
+							<view class="left_info_bottom">
+								<view class="info_lable">
+									<text>Multicolor;41</text>
+									<image src="/static/img/bottom.png" mode=""></image>
+								</view>
+							</view>
+							<view class="info_price">
+								<text>US$314.00</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+			</view>
+			
+			<view class="review">
+				<view class="review_title">
+					<text>Score</text>
+					<uni-rate size="22"  disabledColor="red" :value="0"  active-color="red" :is-fill="false" class="rate"/>
+				</view>
+				<view class="review_content">
+					<image src="../../static/img/write.png" mode=""></image>
+					<textarea placeholder="Write reviews"></textarea>
+				</view>
+				<view class="reason_upload">
+					<view class="reason_upload_item">
+						<image src="/static/img/vedio.png" class="upload_item_camera1" mode=""></image>
+						<view>Upload the video</view>
+					</view>
+					<view class="reason_upload_item">
+						<image src="/static/img/camera.png" class="upload_item_camera" mode=""></image>
+						<view>Upload pictures</view>
+					</view>
+					
+					<view class="reason_upload_item reason_upload_item1">
+						<image src="/static/img/logo.png" class="upload_item_image" mode=""></image>
+					</view>
+					
+				</view>
+				<view class="reason_upload_tips">Upload JPG, PNG format, within 3M</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods:{
+			back(){
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+
+<style lang="scss" scoped>
+	.review{
+		padding: 0 26rpx;
+		padding-top: 35.33rpx;
+		
+		.review_title{
+			display: flex;
+			align-items: center;
+			font-weight: bold;
+			font-size: 32rpx;
+			margin-bottom: 44rpx;
+			.rate{
+				margin-left: 24.67rpx;
+			}
+		}
+		.review_content{
+			display: flex;
+			image{
+				width: 29.33rpx;
+				height: 29.33rpx;
+			}
+			textarea{
+				font-size: 28rpx;
+				font-weight: 400;
+				width: 100%;
+				height: 113.33rpx;
+				margin-left: 4rpx;
+			}
+		}
+		.reason_upload{
+			display: flex;
+			flex-wrap: wrap;
+			margin-bottom: 34.67rpx;
+			.reason_upload_item{
+				border: 1px dashed #D2D2D2;
+				border-radius: 15rpx;
+				width: 156rpx;
+				height: 156rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				font-size: 12rpx;
+				color: #BFBCBC;
+				margin-right: 23.33rpx;
+				
+				&:nth-child(3n+3){
+					margin-right: 0;
+				}
+				.upload_item_camera{
+					width: 72rpx;
+					height: 54.67rpx;
+					margin-bottom: 14rpx;
+				}
+				.upload_item_camera1{
+					width: 72rpx;
+					height: 72rpx;
+					// margin-bottom: 14rpx;
+					
+				}
+				.upload_item_image{
+					width: 100%;
+					height: 100%;
+					border-radius: 15rpx;
+				}
+			}
+			.reason_upload_item1{
+				position: relative;
+				&::after{
+					content: "";
+					width: 30.67rpx;
+					height: 30.67rpx;
+					position: absolute;
+					right: -12rpx;
+					top: -12rpx;
+					z-index: 99;
+					background-image: url("@/static/img/close3.png");
+					background-size: 100% 100%;
+				}
+			}
+		}
+		.reason_upload_tips{
+			font-size: 20rpx;
+			color: #666666;
+		}
+	}
+	.uni-navbar{
+		font-size: 32rpx;
+		font-weight: bold;
+	}
+	.nav_right{
+		
+		
+		button{
+			width: 116.67rpx;
+			height: 48rpx;
+			background-color: black;
+			margin: 0;
+			line-height: 48rpx;
+			border-radius: 24rpx;
+			font-size: 24rpx;
+			font-weight: bold;
+			color: white;
+			padding-left: 0;
+			padding-right: 0;
+		}
+	}
+	.body{
+		border-top: 14.67rpx #F6F5FA solid;
+	}
+	.order_popup_commodity{
+		padding: 0 33.33rpx;
+		border-bottom: 14.67rpx #F6F5FA solid;
+	}
+	
+</style>
\ No newline at end of file
diff --git a/static/img/more.png b/static/img/more.png
new file mode 100644
index 0000000..973e18f
Binary files /dev/null and b/static/img/more.png differ
diff --git a/static/img/more_bf.png b/static/img/more_bf.png
new file mode 100644
index 0000000..d25f777
Binary files /dev/null and b/static/img/more_bf.png differ
diff --git a/static/img/mute.png b/static/img/mute.png
new file mode 100644
index 0000000..dfb00e9
Binary files /dev/null and b/static/img/mute.png differ
diff --git a/static/img/naozhong.png b/static/img/naozhong.png
new file mode 100644
index 0000000..62958be
Binary files /dev/null and b/static/img/naozhong.png differ
diff --git a/static/img/play.png b/static/img/play.png
new file mode 100644
index 0000000..f76693e
Binary files /dev/null and b/static/img/play.png differ
diff --git a/static/img/special_bg.png b/static/img/special_bg.png
new file mode 100644
index 0000000..79f8c61
Binary files /dev/null and b/static/img/special_bg.png differ
diff --git a/static/img/suspend.png b/static/img/suspend.png
new file mode 100644
index 0000000..67411cc
Binary files /dev/null and b/static/img/suspend.png differ
diff --git a/static/img/vedio.png b/static/img/vedio.png
new file mode 100644
index 0000000..26d8ce3
Binary files /dev/null and b/static/img/vedio.png differ
diff --git a/static/img/vedio_progress.png b/static/img/vedio_progress.png
new file mode 100644
index 0000000..48a85b0
Binary files /dev/null and b/static/img/vedio_progress.png differ
diff --git a/static/img/write.png b/static/img/write.png
new file mode 100644
index 0000000..2e45f63
Binary files /dev/null and b/static/img/write.png differ
diff --git a/static/img/zoom.png b/static/img/zoom.png
new file mode 100644
index 0000000..e060d19
Binary files /dev/null and b/static/img/zoom.png differ
diff --git a/uni_modules/uni-tooltip/changelog.md b/uni_modules/uni-tooltip/changelog.md
new file mode 100644
index 0000000..00f1572
--- /dev/null
+++ b/uni_modules/uni-tooltip/changelog.md
@@ -0,0 +1,10 @@
+## 0.2.1（2022-05-09）
+- 修复 content 为空时仍然弹出的bug
+## 0.2.0（2022-05-07）
+**注意：破坏性更新**
+- 更新 text 属性变更为 content
+- 更新 移除 width 属性
+## 0.1.1（2022-04-27）
+- 修复 组件根 text 嵌套组件 warning
+## 0.1.0（2022-04-21）
+- 初始化
diff --git a/uni_modules/uni-tooltip/components/uni-tooltip/uni-tooltip.vue b/uni_modules/uni-tooltip/components/uni-tooltip/uni-tooltip.vue
new file mode 100644
index 0000000..ffbb6fa
--- /dev/null
+++ b/uni_modules/uni-tooltip/components/uni-tooltip/uni-tooltip.vue
@@ -0,0 +1,68 @@
+<template>
+	<view class="uni-tooltip">
+		<slot></slot>
+		<view v-if="content || $slots.content" class="uni-tooltip-popup">
+			<slot name="content">
+				{{content}}
+			</slot>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	/**
+	 * Tooltip 提示文字
+	 * @description 常用于展示鼠标 hover 时的提示信息。
+	 * @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip
+	 * @property {String} content   弹出层显示的内容
+	 * @property {String}  placement出现位置, 目前只支持 left
+	 */
+
+
+	export default {
+		name: "uni-tooltip",
+		data() {
+			return {
+
+			};
+		},
+		props: {
+			content: {
+				type: String,
+				default: ''
+			},
+
+			placement: {
+				type: String,
+				default: 'bottom'
+			},
+		}
+	}
+</script>
+
+<style>
+	.uni-tooltip {
+		position: relative;
+		cursor: pointer;
+	}
+
+	.uni-tooltip-popup {
+		z-index: 1;
+		display: none;
+		position: absolute;
+		left: 0;
+		background-color: #333;
+		border-radius: 8px;
+		color: #fff;
+		font-size: 12px;
+		text-align: left;
+		line-height: 16px;
+		padding: 12px;
+	}
+
+
+	.uni-tooltip:hover .uni-tooltip-popup {
+		display: block;
+	}
+</style>
diff --git a/uni_modules/uni-tooltip/package.json b/uni_modules/uni-tooltip/package.json
new file mode 100644
index 0000000..b626efb
--- /dev/null
+++ b/uni_modules/uni-tooltip/package.json
@@ -0,0 +1,83 @@
+{
+  "id": "uni-tooltip",
+  "displayName": "uni-tooltip",
+  "version": "0.2.1",
+  "description": "Tooltip 提示文字",
+  "keywords": [
+    "uni-tooltip",
+    "uni-ui",
+    "tooltip",
+    "tip",
+    "文字提示"
+],
+  "repository": "",
+"engines": {
+  },
+  "dcloudext": {
+    "category": [
+        "前端组件",
+        "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无 ",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "u",
+          "百度": "u",
+          "字节跳动": "u",
+          "QQ": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/uni-tooltip/readme.md b/uni_modules/uni-tooltip/readme.md
new file mode 100644
index 0000000..faafa2e
--- /dev/null
+++ b/uni_modules/uni-tooltip/readme.md
@@ -0,0 +1,8 @@
+## Badge 数字角标
+> **组件名：uni-tooltip**
+> 代码块： `uTooltip`
+
+数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景，
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-tooltip)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839