From 8292e2b26bd8d96a0f6c7af7ad4344a8e38777b1 Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Mon, 20 Jun 2022 17:52:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=95=86=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E3=80=81=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                     |   6 +
 pages/category/productList.vue |   2 +-
 pages/index/index.vue          |   7 +-
 pages/productDetails/index.vue | 769 +++++++++++++++++++++++++++++++++
 pages/shippingCart/index.vue   |  59 ++-
 static/img/goods_lable.png     | Bin 0 -> 4529 bytes
 static/img/like1.png           | Bin 0 -> 1492 bytes
 static/img/security.png        | Bin 0 -> 2466 bytes
 static/img/share.png           | Bin 0 -> 2545 bytes
 static/img/transport.png       | Bin 0 -> 2262 bytes
 10 files changed, 839 insertions(+), 4 deletions(-)
 create mode 100644 pages/productDetails/index.vue
 create mode 100644 static/img/goods_lable.png
 create mode 100644 static/img/like1.png
 create mode 100644 static/img/security.png
 create mode 100644 static/img/share.png
 create mode 100644 static/img/transport.png

diff --git a/pages.json b/pages.json
index 7bd4e60..4e3e051 100644
--- a/pages.json
+++ b/pages.json
@@ -185,6 +185,12 @@
 			"style": {
 				"titleNView":false
 			}
+		},
+		{
+			"path": "pages/productDetails/index",
+			"style": {
+				"titleNView":false
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/category/productList.vue b/pages/category/productList.vue
index 36e6a37..2908121 100644
--- a/pages/category/productList.vue
+++ b/pages/category/productList.vue
@@ -22,7 +22,7 @@
 				<image src="/static/img/bottom1.png" mode="" class="pets_nav_arrow"></image>
 			</view>
 			<view class="pets_nav_item">
-				<text>Sales</text>
+				<text>Price</text>
 				<view class="pets_nav_item_right">
 					<image src="../../static/img/top.png" mode="" class="pets_nav_arrow"></image>
 					<image src="/static/img/bottom1.png" mode="" class="pets_nav_arrow"></image>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 1b1a994..af1a446 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -87,7 +87,7 @@
 		
 		<!-- SPIKE 1 -->
 		<scroll-view class="spike1 page_padding_left" scroll-x="true" :show-scrollbar="false">
-			<view class="spike1_item" v-for="(item,index) in 8"  :key="index">
+			<view class="spike1_item" v-for="(item,index) in 8"  :key="index" @click="goPage">
 				<view class="spike1_item_img"></view>
 				<view class="spike1_item_bottom">
 					<text>US$314.00</text>
@@ -221,6 +221,11 @@
 
 		},
 		methods: {
+			goPage(){
+				uni.navigateTo({
+					url: '/pages/productDetails/index',
+				});
+			},
 			scrollChange(index){
 				this.scroll_active=index
 			},
diff --git a/pages/productDetails/index.vue b/pages/productDetails/index.vue
new file mode 100644
index 0000000..3556fee
--- /dev/null
+++ b/pages/productDetails/index.vue
@@ -0,0 +1,769 @@
+<template>
+	<view>
+		<uni-nav-bar  :statusBar="true" left-icon="left"   color="#000000" :leftWidth="navWidth" :rightWidth="navWidth"  :fixed="true" @clickLeft="back">
+			<view class="input-view">
+				<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
+				<input confirm-type="search" class="nav-bar-input" type="text" placeholder="search" @confirm="confirm" />
+			</view>
+			<block slot="right">
+				<view class="nav_right">
+					<uni-badge :text="5" type="error" absolute="rightTop">
+						<image src="../../static/img/shop_cart.png" mode=""></image>
+					</uni-badge>  
+				</view>
+			</block>
+		</uni-nav-bar>
+		<view class="uni-margin-wrap">
+			<uni-swiper-dot :info="info" :current="current" field="content" mode="nav" class="page_padding">
+				<swiper class="swiper" @change="gridSwiper" :circular="true">
+					<swiper-item>
+						<view class="swiper-item uni-bg-red">A</view>
+					</swiper-item>
+					<swiper-item>
+						<view class="swiper-item uni-bg-green">B</view>
+					</swiper-item>
+					<swiper-item>
+						<view class="swiper-item uni-bg-blue">C</view>
+					</swiper-item>
+				</swiper>
+			</uni-swiper-dot>
+		</view>
+		
+		<view class="goods_info">
+			<view class="goods_info_price">
+				<text>US$314.00</text>
+				<view class="info_price_right">
+					<image src="/static/img/like.png" mode=""></image>
+					<image src="../../static/img/share.png" mode=""></image>
+				</view>
+			</view>
+			<view>Adidas Yeezy Boost 350 V2  Dazzling Blue Black GY 7164 Men's Sizes </view>
+			<view class="evaluate">
+				<uni-rate size="18" :value="4"  active-color="red" :is-fill="false"/>
+				<view class="evaluate_text">4.0</view>
+				<text>(24reviews)</text>
+			</view>
+			<view class="variations">
+				<view class="variations_title">
+					<view class="variations_title_left">Variations</view>
+					<text>2color</text>
+				</view>
+				<view class="variations_select">
+					<view class="variations_select_varieties">
+						<view class="select_varieties_image" v-for="(item,index) in 3" :key="index"></view>
+					</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">M</view>
+						<view class="select_size_item">L</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="promotion">
+			<view class="promotion_title">Promotion</view>
+			<view class="promotion_content">
+				<view class="promotion_content_item">
+					<image src="/static/img/goods_lable.png" mode=""></image>
+					<view class="promotion_item_right">
+						<view class="title">5% OFF</view>
+						<text>ON ORDERS OF $39+</text>
+					</view>
+				</view>
+				<view class="promotion_content_item">
+					<image src="/static/img/goods_lable.png" mode=""></image>
+					<view class="promotion_item_right">
+						<view class="title">US5% OFF</view>
+						<text>ON ORDERS OF $39+</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="transport">
+			<view class="goods_title">Shipping to United States</view>
+			<view class="goods_title title_Mtop">
+				<view class="goods_title_left">
+					<image src="/static/img/transport.png" mode=""></image>
+					<text>Delivery</text>
+				</view>
+			</view>
+			<scroll-view class="spike1 " scroll-x="true" :show-scrollbar="false">
+				<view class="spike1_item" v-for="(item,index) in 3"  :key="index" >
+					<view class="spike1_item_title">
+						<view >
+							stankard shipping: <text class="text_black">US$12.5</text>
+						</view>
+						<view >
+							free on orders  <text class="text_red">US$59</text>
+						</view>
+						<view >Estimated to be deliverd on </view>
+						<view >15/05/2022-04/05/2022.</view>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="security">
+				<view class="goods_title">
+					<view class="goods_title_left">
+						<image src="/static/img/security.png" mode=""></image>
+						<text>Shipping security</text>
+					</view>
+					<view class="goods_title_right">
+						<image src="../../static/img/right.png" mode=""></image>
+					</view>
+					
+				</view>
+				<view class="security_content">
+					<ul>
+						<li>Safe Payments </li>
+						<li>Safe Payments </li>
+					</ul>
+					<ul>
+						<li>Safe Payments </li>
+						<li>Safe Payments </li>
+					</ul>
+				</view>
+			</view>
+			<view class="description goods_title">
+				<view class="goods_title_left">
+					<text>Shipping security</text>
+				</view>
+				<view class="goods_title_right">
+					<view>#Iron #Pearls,Flowers #Fashionable</view>
+					<image src="../../static/img/right.png" mode=""></image>
+				</view>
+			</view>
+		</view>
+		
+		<view class="reviews">
+			<view class="goods_title">
+				<view class="goods_title_left">
+					<text>Reviews(24)</text>
+				</view>
+				<view class="goods_title_right">
+					<image src="../../static/img/right.png" mode=""></image>
+				</view>
+			</view>
+			
+			<view class="allReviews">
+				<text>4.0</text>
+				<uni-rate size="40" :disabled="true" disabledColor="red" :value="4"  active-color="red" :is-fill="false"/>
+			</view>
+			
+			<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 2"  :key="index"></view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="productImage">
+			<view class="productImage_title">Product lmage gallery</view>
+			<view class="productImage_image"></view>
+			<view class="recommend recommend1">
+				<view class="recommend_title">Other options</view>
+				<scroll-view class="spike1 " scroll-x="true" :show-scrollbar="false">
+					<view class="spike1_item1" v-for="(item,index) in 8"  :key="index" @click="goPage">
+						<view class="spike1_item_img"></view>
+						<view class="spike1_item_bottom">
+							<text>US$314.00</text>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="productImage_image1"></view>
+			<view class="recommend">
+				<view class="recommend_title">You might also like</view>
+				<view class="recommend_content">
+					<view class="recommend_content_item" v-for="(item,index) in 2 " :key="index">
+						<view class="recommend_content_item_image"></view>
+						<text>Adidas Yeezy Boost 350 DazzlingBlue Black</text>
+						<view class="recommend_content_item_pric">US$314.00</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="footer">
+			<view class="footer_left">
+				<text>US$314.00</text>
+			</view>
+			<view class="footer_right">
+				<button>ADD TO CART</button>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navWidth:'80rpx',
+				current:0,
+				info: [{
+						colorClass: 'uni-bg-red',
+						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
+						content: ''
+					},
+					{
+						colorClass: 'uni-bg-green',
+						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
+						content: ''
+					},
+					{
+						colorClass: 'uni-bg-blue',
+						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
+						content: ''
+					}
+				],
+
+			}
+		},
+		methods:{
+			gridSwiper(e){
+				this.current = e.detail.current
+			},
+			confirm(){
+				
+			},
+			back(){
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+<style>
+	page{
+		background-color: #F6F5FA;
+		padding-bottom: 150rpx;
+		background-color: white;
+	}
+</style>
+<style lang="scss" scoped>
+	$nav-height: 30px;
+	/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;
+		}
+	}
+	.spike1{
+		white-space: nowrap;
+		width: 100%;
+		margin-top: 36.67rpx;
+		padding-bottom: 34rpx;
+		border-bottom: 1px solid #E2E2E2;
+		::-webkit-scrollbar {
+			width: 0;
+			height: 0;
+			background-color: transparent;
+		} 
+		.spike1_item{
+			width: 410rpx;
+			background-color: #F6F6F6;
+			padding: 21.33rpx 24.67rpx;
+			margin-right: 19.33rpx;
+			font-size: 20rpx;
+			display: inline-block;
+			color: #737373;
+			&:last-child{
+				margin-right: 0;
+			}
+			view{
+				margin-bottom: 10rpx;
+			}
+			.spike1_item_title{
+				font-weight: bold;
+				
+				.text_black{
+					color: black;
+					display: inline-block;
+					margin-left: 10rpx;
+				}
+				.text_red{
+					color: #B22234;
+					display: inline-block;
+					margin-left: 10rpx;
+				}
+			}
+		}
+		.spike1_item1{
+				color: #191919;
+				font-size: 29.33rpx;
+				margin-right: 16.67rpx;
+				width: 200rpx;
+				display: inline-block;
+				font-weight: bold;
+				.spike1_item_img{
+					width: 200rpx;
+					height: 200rpx;
+					
+					background-color: #999999;
+				}
+				.spike1_item_bottom{
+					padding-left: 9.33rpx;
+					margin-top: 22.67rpx;
+					
+					.spike1_item_text{
+						color: #9D9D9D;
+						font-size: 21.33rpx;
+						text-decoration: line-through;
+					}
+					.spike1_item_text1{
+						color: #9D9D9D;
+						font-size: 21.33rpx;
+					}
+				}
+				.spike1_item_bottom1{
+					padding-left: 9.33rpx;
+					margin-top: 19.33rpx;
+					font-weight: bold;
+					
+					.spike1_item_text{
+						color: #000000;
+						font-size: 16rpx;
+						font-weight: 400;
+						margin-bottom: 20.67rpx;
+						white-space: break-spaces;
+						
+					}
+				}
+				
+			}
+			.spike1_item:last-child{
+				margin-right: 0;
+			}
+	}
+	.goods_title{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 29.33rpx;
+		font-weight: 600;
+		.goods_title_left{
+			display: flex;
+			align-items: center;
+			
+			image{
+				width: 33.33rpx;
+				height: 33.33rpx;
+				margin-right: 14rpx;
+			}
+		}
+		.goods_title_right{
+			color: #737373;
+			display: flex;
+			align-items: center;
+			font-size: 24rpx;
+			font-weight: 400;
+			
+			image{
+				width: 24rpx;
+				height: 24rpx;
+				margin-left: 22rpx;
+			}
+			
+		}
+	}
+	.uni-margin-wrap{
+		width: 100%;
+		.swiper {
+			height: 750rpx;
+			
+			.swiper-item {
+				display: block;
+				height: 750rpx;
+				line-height: 750rpx;
+				text-align: center;
+				color: white;
+			}
+			.uni-bg-red{
+				background-color: red;
+			}
+			.uni-bg-green{
+				background-color: green;
+			}
+			.uni-bg-blue{
+				background-color: blue;
+			}
+		}
+	}
+	.uni-navbar{
+		font-size: 32rpx;
+		font-weight: bold;
+		
+		.input-view {
+			/* #ifndef APP-PLUS-NVUE */
+			display: flex;
+			/* #endif */
+			flex-direction: row;
+			// width: 500rpx;
+			flex: 1;
+			background-color: #F7F7F7;
+			height: $nav-height;
+			border-radius: 15px;
+			padding: 0 15px;
+			flex-wrap: nowrap;
+			margin: 7px 0;
+			line-height: $nav-height;
+		}
+	
+		.input-uni-icon {
+			line-height: $nav-height;
+		}
+	
+		.nav-bar-input {
+			height: $nav-height;
+			line-height: $nav-height;
+			/* #ifdef APP-PLUS-NVUE */
+			width: 370rpx;
+			/* #endif */
+			padding: 0 5px;
+			font-size: 12px;
+			background-color: #F7F7F7;
+			font-weight: 500;
+		}
+		.nav_right{
+			padding-right: 30rpx;
+			image{
+				width: 44rpx;
+				height: 44rpx;
+			}
+		}
+	}
+	.goods_info{
+		padding: 0 26.67rpx;
+		padding-top: 60.67rpx;
+		padding-bottom: 35.33rpx;
+		border-bottom: #F7F7F7 13.33rpx solid;
+		font-size: 30.67rpx;
+		font-weight: 400;
+		
+		.goods_info_price{
+			display: flex;
+			align-items: center;
+			font-size: 44rpx;
+			justify-content: space-between;
+			margin-bottom: 45.33rpx;
+			
+			.info_price_right{
+				display: flex;
+				align-items: center;
+				
+				image{
+					width: 40rpx;
+					height: 40rpx;
+					
+					&:last-child{
+						margin-left: 27.33rpx;
+					}
+				}
+			}
+		}
+		.evaluate{
+			margin-top: 34.67rpx;
+			display: flex;
+			align-items: center;
+			font-size: 24rpx;
+			padding-bottom: 33.33rpx;
+			border-bottom: 1px solid #E2E2E2;
+			margin-bottom: 35.33rpx;
+			.evaluate_text{
+				font-weight: 500;
+				color: #B22234;
+				margin: 0 10rpx;
+			}
+		}
+		.variations{
+			font-size: 29.33rpx;
+			
+			.variations_title{
+				display: flex;
+				align-items: center;
+				margin-bottom: 34.67rpx;
+				
+				.variations_title_left{
+					font-weight: bold;
+					margin-right: 35rpx;
+				}
+			}
+			.variations_select{
+				display: flex;
+				align-items: center;
+				
+				.variations_select_varieties{
+					display: flex;
+					
+					.select_varieties_image{
+						width: 126.67rpx;
+						height: 126.67rpx;
+						margin-right: 9.33rpx;
+						background-color: #999999;
+						
+						&:last-child{
+							margin-right: 0;
+						}
+					}
+				}
+				.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;
+						}
+					}
+				}
+			}
+		}
+		
+	}
+	.promotion{
+		padding-top: 36rpx;
+		padding-left: 30.67rpx;
+		border-bottom: #F7F7F7 13.33rpx solid;
+		padding-bottom: 35.33rpx;
+		
+		.promotion_title{
+			font-size: 29.33rpx;
+			font-weight: bold;
+			margin-bottom: 34rpx;
+		}
+		.promotion_content{
+			display: flex;
+			align-items: center;
+			color: #B22234;
+			font-size: 18rpx;
+			
+			.promotion_content_item{
+				background-color: #FBFAF8;
+				padding: 20rpx 0;
+				padding-left: 22.67rpx;
+				display: flex;
+				align-items: center;
+				padding-right: 18rpx;
+				margin-right: 18.67rpx;
+				
+				image{
+					width: 57.33rpx;
+					height: 57.33rpx;
+				}
+				.promotion_item_right{
+					margin-left: 8.67rpx;
+					
+					.title{
+						font-weight: 600;
+					}
+				}
+			}
+		}
+	}
+	.transport{
+		padding: 0 26.67rpx;
+		padding-top: 37.33rpx;
+		border-bottom: #F7F7F7 13.33rpx solid;
+		
+		.title_Mtop{
+			margin-top: 25.33rpx;
+		}
+		
+		.security{
+			padding-top: 36rpx;
+			padding-bottom: 32.67rpx;
+			border-bottom: 1px solid #E2E2E2;
+			
+			.security_content{
+				margin-top: 26rpx;
+				padding-left: 50rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				
+				ul{
+					display: flex;
+					align-items: center;
+					padding-left: 0;
+					margin-bottom: 18.67rpx;
+					&:last-child{
+						margin-bottom: 0;
+					}
+					li{
+						margin-right: 64.67rpx;
+					}
+				}
+			}
+		}
+		.description{
+			padding: 34.67rpx 0;
+		}
+	}
+	.reviews{
+		border-bottom: #F7F7F7 13.33rpx solid;
+		padding: 0 26.67rpx;
+		padding-top: 36rpx;
+		
+		.allReviews{
+			background-color: #F7F7F7;
+			display: flex;
+			align-items: center;
+			padding-left: 26.67rpx;
+			border-radius: 6.67rpx;
+			font-size: 66.67rpx;
+			font-weight: 800;
+			margin-top: 32.67rpx;
+			height: 118.67rpx;
+			
+			text{
+				display: inline-block;
+				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{
+			padding: 35.33rpx 36.67rpx;
+			font-size: 29.33rpx;
+			font-weight: bold;
+		}
+		.productImage_image{
+			width: 100%;
+			height: 788rpx;
+			margin-bottom: 62rpx;
+			background-color: #999999;
+		}
+		.productImage_image1{
+			width: 100%;
+			height: 532rpx;
+			background-color: #999999;
+		}
+		.recommend1{
+			padding-top: 0;
+			padding-right: 0;
+			
+			.spike1{
+				border-bottom: none;
+			}
+		}
+	}
+	.footer{
+		padding: 42rpx 0;
+		padding-left: 27.33rpx;
+		padding-right: 19.33rpx;
+		background-color: white;
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		box-sizing: border-box;
+		border-top: 1px solid #F6F5FA;
+		z-index: 100;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 36rpx;
+		.footer_left{
+			font-weight: bold;
+			display: flex;
+			align-items: center;
+		}
+		.footer_right{
+			display: flex;
+			align-items: center;
+			font-weight: 400;
+			
+			button{
+				height: 73.33rpx;
+				line-height: 73.33rpx;
+				background-color: #191919;
+				margin: 0;
+				font-size: 26.67rpx;
+				color: white;
+				border-radius: 0;
+				width: 383.33rpx;
+			}
+		}
+	}
+	
+</style>
\ No newline at end of file
diff --git a/pages/shippingCart/index.vue b/pages/shippingCart/index.vue
index 7bec8f4..5636e00 100644
--- a/pages/shippingCart/index.vue
+++ b/pages/shippingCart/index.vue
@@ -31,7 +31,6 @@
 										<text>Multicolor;41</text>
 										<image src="/static/img/bottom.png" mode=""></image>
 									</view>
-									<text>x1</text>
 								</view>
 								<view class="info_price">
 									<text>US$314.00</text>
@@ -86,6 +85,18 @@
 				</view>
 			</view>
 		</view>
+		
+		<view class="footer">
+			<view class="footer_left">
+				<image src="../../static/img/select2.png" mode=""></image>
+				<text>All</text>
+			</view>
+			<view class="footer_right">
+				<text>US$314.00</text>
+				<button>CHECKOUT(2)</button>
+			</view>
+		</view>
+		
 	</view>
 </template>
 
@@ -115,6 +126,7 @@
 <style>
 	page{
 		background-color: #F6F5FA;
+		padding-bottom: 150rpx;
 	}
 </style>
 <style lang="scss" scoped>
@@ -274,5 +286,48 @@
 			
 		}
 	}
-	
+	.footer{
+		padding: 42rpx 0;
+		padding-left: 27.33rpx;
+		padding-right: 19.33rpx;
+		background-color: white;
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		box-sizing: border-box;
+		border-top: 2px solid #F6F5FA;
+		z-index: 100;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 36rpx;
+		.footer_left{
+			font-weight: 400;
+			display: flex;
+			align-items: center;
+			
+			image{
+				width: 34.67rpx;
+				height: 34.67rpx;
+				margin-right: 10rpx;
+			}
+		}
+		.footer_right{
+			display: flex;
+			align-items: center;
+			font-weight: 600;
+			
+			button{
+				height: 73.33rpx;
+				line-height: 73.33rpx;
+				background-color: #191919;
+				margin: 0;
+				font-size: 26.67rpx;
+				font-weight: bold;
+				color: white;
+				margin-left: 23.33rpx;
+				border-radius: 0;
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/static/img/goods_lable.png b/static/img/goods_lable.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb23e1d1d00521068066e8481fc4c2adeed8ce52
GIT binary patch
literal 4529
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
P00000NkvXXu0mjfxR<Dw

literal 0
HcmV?d00001

diff --git a/static/img/like1.png b/static/img/like1.png
new file mode 100644
index 0000000000000000000000000000000000000000..866d7b658c4aefb0799f27103391f0e839b5f133
GIT binary patch
literal 1492
zcmV;_1uOcAP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px)j!8s8RA@u(nrEmaMHGd<HRmj5-9<5H6tf_RVTCpOLsSeb3g(=1M#P9|S5eF&
zqM{;*`G)}vh`KB0gaOl<v+^ysmwxjmbWiuZH&gox2Hwo;uBubF>ejvIo^i}(ZQN{z
zmodN{Ebao$3CtItx#GLO{{#FD`~mzH-~a7m2j$0@7nnOYhW-6jWsIU0_PND?)qvH3
zb>i=(fQ4Y@PWcu17Wfo+J3j9KUzY&ANc6uZur4qGaEyfm^e@2oz(>Gafc?J*d;t_%
z+#-ON1hxjY0k#0v23&cq>-%#Ap#Ne}Ev=QE)C<5v!1I8UZPn~+LtuAcTR^}I21xsF
zHpZX8$H1$=v%u3aX4~~`2Ut)W0Q&>G0xOlURQ^$|a651x@P30O9DfO57vPXsP`7Z|
z_5<)Fa9b?y3_t@6Ypnn;3QPhH12&CwRCW^i=YIm80ImwFdk!6YRp3xyUtswv1H`)@
z#Nyr@N2?HE&(Xoaali_>?NoI>I<%L8vw>&ge4YyI6=$?+|JnPVaV>p8_>>|2Hd@$i
z>}sC}tXS6!a{YL|9|vv#whQZeR_ks*0@neT0pI02&jZ#mY!(l$U!!Fk!TcQCZRzm9
zb%V|N^L98Rw)pSak9oi=1D61MhX?M}L`JG#oz{!MvA|1>fc1>~0oTWsGg6c4^*H*C
z%Ykzv7@8GYt^r&L?9}TSj6(kgC`SQLId&Gt?Gb0!s3x_hqr3>XSSx2C<7vPV!2GG9
z4LpwmCj!$2yb5qNFfkEl)y!tofg|140yakWUNlBdwHa!j4onsBLBNH;a;c(?WM+z>
z1$;bkGGHK(YBRHXKtCnmvw))`Ye^Nb$;xBEWC81;O%%*~Q*8o%#MoWHUdqOtsc-3f
zfnx-0NNEghDwt|Bc`$oAN5ESFHwI6YDqtBA9rLYO;Bjrl(Q->EHfbg!$(ezNbk0fc
zZ(xBG(T0aMw49bD54**-PSsP(d>CBK$OwRqfm?#5OwGu0T!#bq$Yf@KO$#N|ypL0B
z4+rZZqdBCuv?Fj=ViA|*zlOXfvtpjpGVqWJnVd+PD5oVIY+&_fGr)qkq;eA=<x`{#
z)6d&qs#c~$^1mr->EtEhPl+pPkl7Ed`&?8`yn|<zU7A_Z(#jPPf%UTm+s*Am;7s7|
z#;Rg7!1F|WZK+}qNdegn>E`pJggazm+7;7`OuVKBX=}?+dJRcxXysw8onx{XeQDHe
z2PMXSBghQv(Sk1pSZTxNah^Tb{oX!_oZ!LWu$s=d)77J8t;%~pdsStX_<jPf2mUNd
zDxO{WtCp=3U|;kM?-S=jZAZU>{xY1D3H~>oEKvloeJEV993!`@sHI<;A{vVb21{SH
zk~!ojTNH3+X|*1LUMmDAqXj(M##+^F>{V2#l>uyrDg;b2P6z?YXnAj?N+tw%G*<XK
zp)LzJ1HEN<#L+0PssZ!5R1Q_xve`m(12}tky&%Sv97z*Z>8q1r{J-A!^(cD^wy7+s
zQ%6-NsZ8R4Q2mVW5om#FNr`leeky?^*1Kv|0XwMH-66tIMKN{snFphkQRj3g@Oe>*
zVXM`sb8?$RB~sm$lu?!YTC1wvRJtf<Ze7Ulm0O*F?Q2<JXW&3!qtHv19mDOaMDhMe
z@7}Glg&S9>>|~0pu<50VhuTTc_cBFZif81Y6s~!<dRCPz*4lajIGdny<LyIjXYwJN
z(rP^Q)zd;UsAUZo3(0}Yu0}5bI~T33hQzCD&!}H5o|~jV&0Dpqys>v|JDG7=e8Zma
zHDCvH3>EaskF8WHp7E?JK~yPc0pPU&+7qkhQI7=R{CFlI>Nt(X-L|h34f-paHaZw-
uz;(^L>wd-ncfE82^5U3<2gFcaPxF7m#|g=JDdd>|0000<MNUMnLSTa2oW*Pa

literal 0
HcmV?d00001

diff --git a/static/img/security.png b/static/img/security.png
new file mode 100644
index 0000000000000000000000000000000000000000..af06659e9a1325fdb1445d20f7866ca598266e5b
GIT binary patch
literal 2466
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

literal 0
HcmV?d00001

diff --git a/static/img/share.png b/static/img/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6b49db8d7c01e96f4d026bd72f60fae86652083
GIT binary patch
literal 2545
zcmV<N2@dv&P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px;t4TybRA@u(TYYd;)fNApw;wFxhBQoy(ovy9J7b_p_Pw`!j$<rPL}glauxKk&
zz)D-Em7%SpLklu?w6<z(rxi;rR-M+FMy(DO+EHw13rezgH*5uJ1qJO`8Vn@iBP4J4
zozAhl>C0w6-pg(Phu%N;oqO*2-E;4`=W7Y)*r0O^Fa8g>5*lx6Y6_h=aiZF?tZ*O@
zm~Pwl6lSg?qDcV80;ndUcWv9gr>d&z*_M`;R3+AR!=sWKriO-w34uUhCNqDUnH!1d
zlK{pQ5#;T3Iz7L=z5Pu$!d8N&B7hCU5UqU`z)b)y0Z`>qI3}VQu~@9tC4JdsWdUw%
zY^?VC{Z}&c_cK7f2xKwyR%Tw3NF)w>nOF|(umPK<Ih&ck1z;|K^NR=}_wy|x`WG`F
z0dNe!NoIbRnV(N25_<t~IUu~u^$gfBi~tcWVdn1^(W(IW2Y_Z~{u2@Hvn=bBrfL1Q
zZCf=pHR;;gTC2IaIqgN*O3-=&Tvu0j{^-%8R{>Z9z?UO{fILb>avvXM=9iRGCo3Uj
zC3(08+|bbQF~8rxI%Ayj$?yUZZK$oS-MVGVmcB{~>ExyBx<N!!ZQI^GcI?=8uTPpQ
zz_Vx14)^x<K0rjv0Qhsj{F|BA_Vx8O@7}#z?&ydOUDp>9(L(?(Wacga--yTK&v{v}
zB;cl|CVx*)&v%GuZ63zE0IX0-?ewzfaA@T^g+if6i0EeLd}h9$h&CyuEH`{h0ya%^
zIWs?&huP+II=%9AISt~y9XodH2LNsZpgH8}BBI-w`Dr(xivrel{W2o@HGqq90B`pD
z{VR6v-1$#8yILt4UDq!K@C*^v<?!rc=H+gVcR|47Ju&kyiRk(q=1BmbS4#c8Qb2^y
zf&~jk9XfPK+)(k<Oij}+72lhg#qSO=vuIVUzI?wh-`ciqU!F)L{#;D1f`CoaypfqV
z0th)6bTacb@p$~TN`f^_vq|^@xB`G^ar7|xw}wKYx!bpI7w0DL$P0Ml#EGGC<Ho%M
zpf<-qERDzGzZ#}6L#9oeHf>xwofc!b7(h*)x82iHL?pq;6^TURpclYo7{(m{#6Qjs
zaVoa>e7+^Et*xD&q$oga7{<i_HUOCKk)NGowEia~^Ny;jsyQt!EvH-qjzl68G);Rs
zbF{Ma<jq^ElzQHyaCyn6PoG|uN~N9#a8(`x+1$g-ybr)302UF6BV!X0GxKEtCg+(a
z{`!rjBCjDwI&*h_4j}Ac`qywcJg?Z!dD#eE*B>RK6?x{oPDBr<)9F`(!C+@9l{)43
z`?<Hb_XD3h7!1y0X1P)ma^^}reX|>XU=ZNRlP8a=uC9KNndPl>9_NKhso#46Rfskc
ziOkV7O|<K@52C>*0eo92)tzsyVHoET(NCFqY0mezY}>vykw|QHBi|sv(P;Dn+qQoP
zV1{F|9IZMxk9w&EXU?2Cy1&0)Ttm^WbL|I1q0qWw)-^NtCjf47th0xizaEdrUn#YA
z_WK~fjg5_;@caF*F|%0A4+asfi^XDhyJc96E)t1clCclYJD9XAYgRIuJW*l|(sf<e
zH0?1-9|4H_e7<F^t*zqTx*mf7M<S8Mnd6paU}>7x)YjIv!!^eugu1R@OGHj*KgG<~
z#^do9-SQXTzPr0yl7a`@+uOyMdK!ZO>$-kF5y_L39TLRPQ%cF3T=vj)eIpS$@1SV+
z>SQu`+FaB@fDOag1VB8V>~Y@K-`{^jGMVfs8?E?@ruhalOC~eR|EZHFPkwFBo;}Aa
z!QTy!T)?jbnBoxVIc8o~$a1<_AWJiK>eTVUVDLR6%0@bpvAl26q)BTkoa&)yG&-J{
zKgG<4!r|~<XObWnu()L60cFP%mSx@M!l0DI9*st4*|xpiK`7qPDy7u=l9N3U7>1z(
zc$k@IOX3i~YNgZ@14?xAG7RIWR0SNrtq+I8t197e=(>I#5k2eR-AzQxW3ia?HxJN;
zk}g`b$hUw0{&hrjm&5(+P)dzI?SM_wTqfbBLrjUhz8H_k|4<f6$7D$o96x^i$IN`I
z<L4fwloSg7Yd3N<JYq-MFpS&fs5#bq-?r_=ZapM7n^Iq2KPC_eJOW^egZ>?*l*G_^
z0gsr`GEH+eGk?z^NQb6rH?+02ZF2+04UHr%h-f1-U+19Tt(2Nt2=Jh1iJ7;hQmKkO
zOS-PFB%&WV1bGjD_~>yrVBFBu*VlhE7!3ZFnJ;(Hzo?X2m=|y!$KwqEpQ(i75sgMK
zvTgeX01*lG0LXn_S;=I5CdPgVz`$D%;C`jlop}L|v}@Ve*f>$Dg#fxWP1{k4_uZ-a
zOwv&TiGkcX5#1Dv#Uwf#dWT0kcyMzp%b_t0V_l{Ulx1_&vaFfOWKvG*P{1P{9+m^9
z)Lbd@0oaq14cVz_+UMHZ+9Y!_6mX#g01;gii^VpVTJ%hQHw@!y0Ah3po?0UMSyxxr
zH}~z^H&E+xmEsX=-P6-E-#PJ2g3Dbyqo_aTSm$GsMsnU?nKuM*fh67$sp*`pS~gAd
zDrSBvlj_ax$6njE=Oz*fdHx1QzPxnaG%Yi4>g(%UI?@$FuP0~9lqof%MvZ!$h~%wx
z;<-~PCAFwQ-34bf5$_dTK6+i(zeGfj=X^Wd+1YvVfddDI<fqSyQp<3G>$*OJh$KDa
zY>hf4b?n@`o7YM^7e3v^G_Rn=XYl!a%>Wv5<~}2t%|cGihpJqf1(tDBB`O+7M`gZA
zXV4eo@%Uc~ZQzHdAf5$~sS!U!L|5j5BBEPjv6wUF9)i0h;IpOWK_oW}V|u0lSD#0N
zYs2C2y``F5N&*(fXS%5+^Yko|q5yz_bWH}dG`?-HEb9(8xi?pUh4GnaTavDTj*brL
z^!qY^&lb3szp!ol?pz0B*mu}DG256%L~EFN#2V8wg|m48zQWAY0DL5mS11+5dqbhn
z4~x~LhTL<n&w-=$P`dG)DP1S4lC6hAeB{UxpQdR6+qQ#&Kp;d!A7|z{02XC}_(CV}
zAQ9ce%ujkP^0_|Jxf@ePb7@beIYn5WC#}XrRKv^{0FVaqU=bxqh2mu*dLR~yIdj~u
z^)_t4vO=bPcmXrtH;ndS*Ft6pMXPtEQmHM&DWaA1w7f`DMuT{%W#lwS>i9PR)>k4W
zRF;Nwq#e#*0P+ETpPAnzqIM#B#j>ndckS9GAznp#sw)Y2KzJ8_^2q*0Ks4CR%x@Es
zq-Xxd%&k73@A#N8W4bC);wjrompX%I`}Yyi@YxLdoCEwHS1EjXQ``i000000NkvXX
Hu0mjf5ZcvY

literal 0
HcmV?d00001

diff --git a/static/img/transport.png b/static/img/transport.png
new file mode 100644
index 0000000000000000000000000000000000000000..5470d99cbfee25a56100bb95b1cc33c076d1f790
GIT binary patch
literal 2262
zcmV;{2r2i8P)<h;3K|Lk000e1NJLTq001)p001)x1^@s6I-xKs00001b5ch_0Itp)
z=>Px-kV!;ARA@u(T6=Jm)fNAp`|XCju*RBD5s-bfI6<Sy?h?Vy0DpjmY!awrD2f&$
zopx%|KkR7hbJE({PKRk3JIb>~3#|xL++AeEVMgqWl4Ju@3J4^d1p*aEMI_|8-#wlC
z<@@4h8?u{C?MBA?&py6;&pp5My62wr5w4;^R}mHrfZ_Uj5!}41MlfcBFp>F_XP*XO
z1_Tje#5m4E?(A-HHP&FeKAOFV0opayGmVMXf-rkD#7439GJ)#Ck;a$m0hulx+U+ha
z)TOqCf%)kY`Jb#K#8{`w>S*H|>C&U1)AwC~p97#NA_Vj>a2|wMx<pf1M+{~l3&3P+
zJ^>By%lz3ZqWij2p^-R;0uFC85lYnq26qT4R(3_F?ij88rpipn<#~gd?lJ}0t`p5#
z)Y^C^)%Ef7DCqQj2v9-)pZsQ3By14=e~o~{`x_#B&)okkfLT?M@ac5+S70syly69e
zXk%q-<G0cwl<u04!?&J^jXen%on}H#@5c;`Hzo68RV2J3UB=Q`ch!Pnpk3JPcT}F(
zugq=4gT|6(6quOMX5QU$pnb$hl$mB4Owj4u1n_dxXZjcj5wsswMh=`DDWHsl2{^pJ
zB*G&Jj9(_kCKB3<+!Z@kc`n?U3b2fW3A%mLA^Fz~%pt&TF--tV;4A^Jlfc&eN%?=B
zyKmpH2YJT9sN8V-q?rX-_CCKLdJ^C-Cul)}aRI<yA?1(#r<#vlNlO_A6VF&^q9<48
z&_l$^hsXtBTms|j7};opSeGkvPtQ$Ad&U$Pi}8S~%uOsR8CXIvQZ1Fk4GacF!Mxob
z<8=$qgj)wpGt<#*8}8AvospT$Vrq3;;}(lCWqz-^%Wt&Fn4dt80hp4YCFMU+4WgnV
z(s06vhM5Kva?M!GEMGQEim<u4HNUnVgB`sd5T!2P6U4lNfJqz|D8M+#&=yp;9XOwH
zFhQ4Z1DIDT$tKGH0uJvqfbSs^55xtE9xy#QzAbNc=D|3<8v#6M=7uR{%|Yi3KSQoj
zS~3sYy|D4pjDtxh(Ol>8*e8C3=fSj6`4%(INw(ejnFOP>5pZ~ZKt#{>M>_6c;?gk%
z2EZ9j(u|5|<Gabym!Ql0Z7@~?$R?n>58}451%`00muS9}a!}U%h0A@hyUzdf@}L9O
z>G=*oDh)Eg09r}L!2|~d02R;_W5#Fv=mThN4&=}0MZy==gV0z66LNZg%Rp^1vjT8h
z5H0n$HvWCgf(g2O%fY-U1uzYEX<M=&`j6<C1!E?cRRB*HQv4St7EF-n5>mbzpD~X~
zGfP1uLr(b|OuCZ$wAX#EnM4V{Hl?&!vuj?-oTm|8fJP1e6OED4XkweYv@i#@JEWA8
zG*C~kt{?mQse}86qnWm5R5BNG`n-UA8lVMM$H3gIhk%e|`Akon>qx2vchzj#J=IsF
z3w{)g2SE7Z;M*h)lf+XWAb-zLU4gW~7|keW*>Z;V48S*DSz4^p_h-AayEfJwJ=!~*
zRE^uEt8G4*e*sX*mFLn00@mh7@}8cXaA8XeOwi$d5M(5DMsa<(!N5gg)K#@LZ60pk
zZg+XH&iW28ZdSrdLbjI(>nmHE>PD5D_22BUl?b;hLaGM|#yiYdtpkUJ!0p8R5J1xh
zOpow(A8E^mE3pQhUIliU$(+i=qD=fdVzCDd2Z-wkD37}y>#Xy<>QmvjEI=dDjFMQ;
z=~Z{`HD+}r#*9DOHLY%8%Ylyvh)(oe&pF0L>24EHuVmcUo6{LA>?|5|q<7icxm#X$
zla1sNFl>f^fI~u~6%{8N4_P#KyWQhrvfzgRKOR?ZdievHUu*f#h`_uxXO6AobjP|+
zl0ZI50^g`?2{$L2#V(g`mSk*;^Qq$i9kD8u1ExeA1G595+u~^4TNP<i1&u-D_Y+F;
zuFcKb0m9eR0|tlf0!tRQ^p}=~1QT$2I|;}!DQ&5WG~KVhZ!0d&%I?X16RMT2B*@s8
zO}xlT!Q*${God7}CpYUaFx!dAe9L;S?jc>-orN_=k9H)kQ9&Zd8GV$&>Nct1oD{@M
z{jJSm^~>zV{>s!`uLf}|1zo;&aDS8%%&YuuVWWth2nK|=bv?FdarDqfi5mx|-8o*w
zdiF7+EL9-pyzXxBmuk#AO8i;{W}GYfI5Gdk0uyf;L08#wuy_Ieis)dHr4)3Q`2q1T
z80{MLrz+YGo>GgInO!>Fu^xccNo!$<rPYy!rbLE=PS01t^on{J!hH5VK<^C=jMaHE
z!Fnc`?)S$P|E&KFZRcg}1TfG1ubD|Mscvm<QNII@@(D!xDlmJ9C?xIUermkbu)Vn0
zURYEl6RPYKbbD(_VuNY(>SK*fTzGh4OG}Tn>27!VHM)$wz@U5k{n@Z@zg-mV9U9Ep
z!kEm8?<OB-viqxB_Zv)FW0zw_og}G_1S5zLXy*+Da)~z_?z85oD$V4JMWUglOIL-%
zVPpJj?($-i`c?vN9oU5tkV3pfkngd?4H{uN0~K+6{7qy1K1;(x0ZItXiqnITc%B8`
z0rRy4BQg&3Rte~n;KkLE@aw~w@vvYFCv-(?nR%@xA(NOo;Z@+s8&oO<E)k>F-`4ae
z)nB>N#sNoJ2}o=iBqTt+H*?8!Xe%I@?n0}^-<0=Q(*8^`hgGVa@FBh_h&CjfOQ2=>
zQ}SL(wyCNedz`+x3~UG3d<S7j>N+#6KBZlF;`?!?eI-7Ur4j?{f-dg@W;`N*o0)M9
z$T;+R3Ao6>QH}MVRkR)ab27k#{KDnEMKbCE_Asb`z}WyP4Rtc`Z^7cZu0HJ#HSPPm
zQlXnN7)31f70>mobBO>=W=4*LxCG*8F7v;JI)74OKpg=&y*alq*iDkIW2QbPewTp5
kBYjh2L|{^3E|YWq10|oZom0x=PXGV_07*qoM6N<$f)U<DUH||9

literal 0
HcmV?d00001