From 77a1343963a1f24c9e0138aa06d171d68cbbb9d3 Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Fri, 17 Jun 2022 18:11:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=B4=AD=E7=89=A9=E8=BD=A6?=
 =?UTF-8?q?=E5=92=8C=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                         |   6 +-
 common/common.scss              |  97 ++++++++---
 common/scss/order.scss          |  71 +-------
 pages.json                      |  16 +-
 pages/account/pointsDetails.vue |  26 ++-
 pages/category/index.vue        |   7 +-
 pages/category/productList.vue  | 297 ++++++++++++++++++++++++++++++++
 pages/order/details.vue         |   2 +-
 pages/order/refundDetails.vue   |   1 +
 pages/shippingCart/index.vue    | 278 ++++++++++++++++++++++++++++++
 static/img/bottom1.png          | Bin 0 -> 604 bytes
 static/img/cart3.png            | Bin 0 -> 7674 bytes
 static/img/delete1.png          | Bin 0 -> 1211 bytes
 static/img/delete2.png          | Bin 0 -> 1692 bytes
 static/img/pets_nav.png         | Bin 0 -> 1075 bytes
 static/img/pets_nav1.png        | Bin 0 -> 2635 bytes
 static/img/seach1.png           | Bin 0 -> 1717 bytes
 static/img/top.png              | Bin 0 -> 540 bytes
 18 files changed, 685 insertions(+), 116 deletions(-)
 create mode 100644 pages/category/productList.vue
 create mode 100644 pages/shippingCart/index.vue
 create mode 100644 static/img/bottom1.png
 create mode 100644 static/img/cart3.png
 create mode 100644 static/img/delete1.png
 create mode 100644 static/img/delete2.png
 create mode 100644 static/img/pets_nav.png
 create mode 100644 static/img/pets_nav1.png
 create mode 100644 static/img/seach1.png
 create mode 100644 static/img/top.png

diff --git a/App.vue b/App.vue
index d06ff34..8187f76 100644
--- a/App.vue
+++ b/App.vue
@@ -1,13 +1,13 @@
 <script>
 	export default {
 		onLaunch: function() {
-			console.log('App Launch')
+			// console.log('App Launch')
 		},
 		onShow: function() {
-			console.log('App Show')
+			// console.log('App Show')
 		},
 		onHide: function() {
-			console.log('App Hide')
+			// console.log('App Hide')
 		}
 	}
 </script>
diff --git a/common/common.scss b/common/common.scss
index 7efe9e0..a575b86 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -3,30 +3,6 @@
 	width: 100%;
 }
 
-// 导航栏
-.nav_title{
-	position: fixed;
-	z-index: 99;
-	top: 0;
-	width: 100%;
-	background-color: white;
-	&::after{
-		content: "";
-		background-color: #F6F5FA;
-		height: 14.67rpx;
-		width: 100%;
-		position: absolute;
-		bottom: -14.67rpx;
-	}
-	.uni-navbar{
-		font-size: 32rpx;
-		font-weight: bold;
-	}
-	
-}
-.nav_body{
-	padding-top: 100rpx + var(--status-bar-height);
-}
 
 //地址信息
 .address{
@@ -395,4 +371,75 @@
 				margin: 0 4px;
 			}
 		}
-	}
\ No newline at end of file
+	}
+	
+	// 商品展示
+.good_info{
+	padding: 40rpx 0;
+	font-size: 22.67rpx;
+	color: #666666;
+	font-weight: bold;
+	border-bottom: 2.67rpx solid #F1F1F1;
+	&:last-child{
+		border-bottom: none;
+	}
+	.good_info_left{
+		display: flex;
+		align-items: center;
+		.good_info_image{
+			width: 200rpx ;
+			height: 200rpx;
+			background-color: #999999;
+			margin-right: 32.67rpx;
+		}
+		.left_info{
+			
+			.info_name{
+				font-size: 26.67rpx;
+				font-weight: 400;
+				width: 461.33rpx;
+			}
+			.left_info_bottom{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 32rpx;
+				color: #909090;
+				margin-top: 24rpx;
+				.info_lable{
+					padding: 5.33rpx 20rpx;
+					font-size: 22.67rpx;
+					border-radius: 33.33rpx;
+					border: 1px solid #D3D3D3;
+					image{
+						width: 17.33rpx;
+						height: 17.33rpx;
+						margin-left: 14.67rpx;
+					}
+				}
+			}
+			.info_price{
+				font-size: 28rpx;
+				color: black;
+				font-weight: bold;
+				margin-top: 43.33rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				
+				button{
+					margin: 0;
+					height: 45.33rpx;
+					line-height: 45.33rpx;
+					border: #999999 solid 1px;
+					font-size: 17.33rpx;
+					color: #999999;
+					background: none;
+					&::after{
+						content: none;
+					}
+				}
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/common/scss/order.scss b/common/scss/order.scss
index fc9a282..a58442c 100644
--- a/common/scss/order.scss
+++ b/common/scss/order.scss
@@ -1,76 +1,7 @@
 .order_popup_commodity{
 	padding:0 26rpx;
 	
-	.good_info{
-		padding: 40rpx 0;
-		font-size: 22.67rpx;
-		color: #666666;
-		font-weight: bold;
-		border-bottom: 2.67rpx solid #F1F1F1;
-		&:last-child{
-			border-bottom: none;
-		}
-		.good_info_left{
-			display: flex;
-			align-items: center;
-			width: 100%;
-			.good_info_image{
-				width: 200rpx ;
-				height: 200rpx;
-				background-color: #999999;
-				margin-right: 32.67rpx;
-			}
-			.left_info{
-				
-				.info_name{
-					font-size: 26.67rpx;
-					font-weight: 400;
-					width: 461.33rpx;
-				}
-				.left_info_bottom{
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-					font-size: 32rpx;
-					color: #909090;
-					margin-top: 24rpx;
-					.info_lable{
-						padding: 5.33rpx 20rpx;
-						font-size: 22.67rpx;
-						border-radius: 33.33rpx;
-						border: 1px solid #D3D3D3;
-						image{
-							width: 17.33rpx;
-							height: 17.33rpx;
-							margin-left: 14.67rpx;
-						}
-					}
-				}
-				.info_price{
-					font-size: 28rpx;
-					color: black;
-					font-weight: bold;
-					margin-top: 43.33rpx;
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-					
-					button{
-						margin: 0;
-						height: 45.33rpx;
-						line-height: 45.33rpx;
-						border: #999999 solid 1px;
-						font-size: 17.33rpx;
-						color: #999999;
-						background: none;
-						&::after{
-							content: none;
-						}
-					}
-				}
-			}
-		}
-	}
+	
 }
 
 
diff --git a/pages.json b/pages.json
index 802d5bf..7bd4e60 100644
--- a/pages.json
+++ b/pages.json
@@ -173,6 +173,18 @@
 				"navigationBarTitleText": "Refund Details",
 				"navigationBarBackgroundColor":"#FFFFFF"
 			}
+		},
+		{
+			"path": "pages/category/productList",
+			"style": {
+				"titleNView":false
+			}
+		},
+		{
+			"path": "pages/shippingCart/index",
+			"style": {
+				"titleNView":false
+			}
 		}
 	],
 	"globalStyle": {
@@ -206,9 +218,9 @@
 						"text": "Category"
 				},
 				{
-						"pagePath": "pages/tabbar/tabbar-4/tabbar-4",
+						"pagePath": "pages/shippingCart/index",
 						"iconPath": "static/img/Cart.png",
-						"selectedIconPath": "static/img/Cart1.png",
+						"selectedIconPath": "static/img/cart1.png",
 						"text": "Cart"
 				},
 				{
diff --git a/pages/account/pointsDetails.vue b/pages/account/pointsDetails.vue
index d22ca1a..fa816dd 100644
--- a/pages/account/pointsDetails.vue
+++ b/pages/account/pointsDetails.vue
@@ -1,20 +1,13 @@
 <template>
 	<view>
-		
-		<view class="nav_title">
-			<view class="status_bar"></view>
-			<uni-nav-bar  left-icon="left"   title="Points Details" color="#000000" rightIcon="info" @clickLeft="back"  :border="false"/>
-		</view>
-		<view class="nav_body">
-			<view class="points">
-				
-				<view class="points_item" v-for="(item,index) in 10" :key="index">
-					<view class="points_item_title">
-						<text>Order return</text>
-						<text class="item_title_price">+US$314.00</text>
-					</view>
-					<text>21/04/2022 15:42:31</text>
+		<uni-nav-bar  left-icon="left"   title="Points Details" color="#000000" rightIcon="info" @clickLeft="back"  :border="false" :statusBar="true" :fixed="true" />
+		<view class="points">
+			<view class="points_item" v-for="(item,index) in 10" :key="index">
+				<view class="points_item_title">
+					<text>Order return</text>
+					<text class="item_title_price">+US$314.00</text>
 				</view>
+				<text>21/04/2022 15:42:31</text>
 			</view>
 		</view>
 	</view>
@@ -36,6 +29,11 @@
 </script>
 
 <style lang="scss" scoped>
+	.uni-navbar{
+		font-size: 32rpx;
+		font-weight: bold;
+		border-bottom: 14.67rpx #F6F5FA solid;
+	}
 	.points{
 		padding: 0 25.33rpx;
 		
diff --git a/pages/category/index.vue b/pages/category/index.vue
index 87ed601..c8a92f8 100644
--- a/pages/category/index.vue
+++ b/pages/category/index.vue
@@ -30,7 +30,7 @@
 			<view class="good_body">
 				<view class="good_title">PICKS FOR YOU</view>
 				<view class="good_content">
-					<view class="good_item" v-for="(item,index) in 5" :key="index">
+					<view class="good_item" v-for="(item,index) in 5" :key="index" @click="goPets">
 						<view class="good_item_img"></view>
 						<text>Women Drese</text>
 					</view>
@@ -59,6 +59,11 @@
 		methods:{
 			changeCategory(i){
 				this.categoryIndex=i
+			},
+			goPets(){
+				uni.navigateTo({
+					url:"productList"
+				})
 			}
 		}
 	}
diff --git a/pages/category/productList.vue b/pages/category/productList.vue
new file mode 100644
index 0000000..36e6a37
--- /dev/null
+++ b/pages/category/productList.vue
@@ -0,0 +1,297 @@
+<template>
+	<view>
+		<uni-nav-bar  :statusBar="true"   title="Pets" color="#000000"  :border="false" :fixed="true">
+			<block slot="left">
+				<view class="nav_left">
+					<image src="../../static/img/left.png" mode="" @click="back"></image>
+					<image src="../../static/img/seach1.png" mode=""></image>
+				</view>
+			</block>
+			<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="pets_nav">
+			<text>Synthesis</text>
+			<view class="pets_nav_item">
+				<text>Sales</text>
+				<image src="/static/img/bottom1.png" mode="" class="pets_nav_arrow"></image>
+			</view>
+			<view class="pets_nav_item">
+				<text>Sales</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>
+				</view>
+				
+			</view>
+			<view class="pets_nav_image">
+				<image src="/static/img/pets_nav.png" mode="" v-show="pets_index==0" @click="pets_index=1"></image>
+				<image src="/static/img/pets_nav1.png" mode="" v-show="pets_index==1" @click="pets_index=0"></image>
+			</view>
+		</view>
+		<view class="body">
+			<view class="product" v-show="pets_index==0">
+				<view class="product_item" v-for="(item,index) in 5" :key="index">
+					<view class="product_item_image"></view>
+					<view class="product_item_right">
+						<view >Adidas Yeezy Boost 350 V2 Dazzling Blue Black GY7164 Men's</view>
+						<view class="item_right_lable">
+							<view class="right_lable_item">Hashtag buzzword</view>
+						</view>
+						<view class="item_right_price">
+							<text>US$314.00</text>
+							<view class="right_price_operation">
+								<image src="/static/img/like.png" mode=""></image>
+								<image src="../../static/img/cart2.png" mode=""></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<view class="product1" v-show="pets_index==1">
+				<custom-waterfalls-flow :value="list">
+					<template v-slot:default="item">
+							<view class="product1_item">
+									<view>{{item.title}}</view>
+									<view class="desc">
+										<text>{{item.desc}}</text>
+										<image src="../../static/img/cart2.png" mode=""></image>
+									</view>
+									<view class="lable" v-if="item.lable!=''">{{item.lable}}</view>
+							</view>
+					</template>
+				</custom-waterfalls-flow>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+				pets_index:1,
+				navWidth:"160rpx",
+				list: [
+					{ 
+						image: 'https://via.placeholder.com/200x200.png/ff0000', 
+						title: 'Adidas Yeezy Boost 350 V2 Dazzling Blue Black GY7164 Men', 
+						desc: 'US$314.00',
+						lable:"Hashtag buzzword" ,
+					}, 
+					{
+						image: 'https://via.placeholder.com/200x200.png/ff0000', 
+						title: 'Adidas Yeezy Boost 350 V2 Dazzling Blue Black GY7164 Men', 
+						desc: 'US$314.00',
+						lable:"" ,
+					}, 
+					{
+						image: 'https://via.placeholder.com/200x200.png/ff0000', 
+						title: 'Adidas Yeezy Boost 350 V2 Dazzling Blue Black GY7164 Men', 
+						desc: 'US$314.00',
+						lable:"" ,
+					}, 
+					{
+						image: 'https://via.placeholder.com/200x200.png/ff0000', 
+						title: 'Adidas Yeezy Boost 350 V2 Dazzling Blue Black GY7164 Men', 
+						desc: 'US$314.00',
+						lable:"" ,
+					}, 
+				]
+			}
+		},
+		methods:{
+			back(){
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.uni-navbar{
+		font-size: 32rpx;
+		font-weight: bold;
+	}
+	.nav_left{
+		image{
+			width: 36rpx;
+			height: 36rpx;
+			&:last-child{
+				margin-left: 36.67rpx;
+			}
+		}
+	}
+	.nav_right{
+		padding-right: 30rpx;
+		image{
+			width: 44rpx;
+			height: 44rpx;
+		}
+	}
+	.pets_nav{
+		padding: 28.67rpx 32.67rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 26.67rpx;
+		color: #666666;
+		font-weight: 600;
+		// border-top: 1px solid #F5F6FA;
+		border-bottom: 1px solid #F5F6FA;
+		position: fixed;
+		top: 0;
+		margin-top: 155rpx;
+		/* #ifdef H5 */
+		margin-top: 85rpx;
+		/* #endif */
+		width: 100%;
+		box-sizing: border-box;
+		z-index: 99;
+		.pets_nav_item{
+			display: flex;
+			align-items: center;
+			
+			.pets_nav_arrow{
+				width: 16rpx;
+				height: 16rpx;
+				margin-left: 9.33rpx;
+			}
+			.pets_nav_item_right{
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-direction: column;
+				
+			}
+		}
+		.pets_nav_image{
+			width: 30.67rpx;
+			height: 30.67rpx;
+			position: relative;
+			&:before{
+				content: "";
+				height: 25.33rpx;
+				width: 1px;
+				background-color: #999999;
+				position: absolute;
+				left: -40rpx;
+				z-index: 99;
+				top: 50%;
+				margin-top: -13rpx;
+			}
+			image{
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+	.body{
+		padding: 0 26.67rpx;
+		padding-top: 90rpx;
+	}
+	.product1{
+		padding-top: 26.67rpx;
+		
+		/deep/.column-value{
+			border-radius: 0 !important;
+			margin-bottom: 40rpx !important;
+		}
+		.product1_item{
+			font-size: 29.33rpx;
+			font-weight: 400;
+			padding-top: 32rpx;
+			color: #000000;
+			.desc{
+				margin-top: 28.67rpx;
+				display: flex;
+				font-size: 32rpx;
+				color: #191919;
+				align-items: center;
+				justify-content: space-between;
+				font-weight: 500;
+				
+				image{
+					width: 34.67rpx;
+					height: 34.67rpx;
+				}
+			}
+			.lable{
+				padding: 11.33rpx 18rpx;
+				background-color: #FCF6F7;
+				border-radius: 8rpx;
+				color: #B22234;
+				font-size: 20rpx;
+				font-weight: 400;
+				width: max-content;
+				margin-top: 16rpx;
+			}
+		}
+	}
+	.product{
+		padding-top: 34.67rpx;
+		.product_item{
+			display: flex;
+			align-items: center;
+			font-size: 26.67rpx;
+			font-weight: 400;
+			margin-bottom: 34.67rpx;
+			.product_item_image{
+				width: 213.33rpx;
+				height: 213.33rpx;
+				background-color: #999999;
+				
+			}
+			.product_item_right{
+				width: 440rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				margin-left: 36rpx;
+				
+				.item_right_lable{
+					display: flex;
+					flex-wrap: wrap;
+					margin-top: 20.33rpx;
+					margin-bottom: 30.67rpx;
+					.right_lable_item{
+						padding: 11.33rpx 18rpx;
+						background-color: #FCF6F7;
+						border-radius: 8rpx;
+						color: #B22234;
+						font-size: 20rpx;
+						margin-right: 11.33rpx;
+						
+					}
+				}
+				.item_right_price{
+					display: flex;
+					color: #191919;
+					font-size: 32rpx;
+					align-items: center;
+					justify-content: space-between;
+					font-weight: 600;
+					.right_price_operation{
+						display: flex;
+						align-items: center;
+						image{
+							width: 40rpx;
+							height: 40rpx;
+							
+							&:last-child{
+								margin-left: 26.67rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/order/details.vue b/pages/order/details.vue
index 817718c..95c6a97 100644
--- a/pages/order/details.vue
+++ b/pages/order/details.vue
@@ -92,7 +92,7 @@
 						</view>
 						<view class="info_price">
 							<text>US$314.00</text>
-							<button v-if="details_index!=3">RREFUND</button>
+							<button v-if="details_index!=3 && details_index!=1">RREFUND</button>
 						</view>
 					</view>
 				</view>
diff --git a/pages/order/refundDetails.vue b/pages/order/refundDetails.vue
index d86cfc7..06daa04 100644
--- a/pages/order/refundDetails.vue
+++ b/pages/order/refundDetails.vue
@@ -180,6 +180,7 @@
 	export default {
 		data() {
 			return {
+				// 0、售后已取消 1、商家驳回申请 2、待买家退货 3、待商家收货 4、待退款 5、等待商家审核 6、退款成功
 				details_index:0,
 				isShow:false,
 			}
diff --git a/pages/shippingCart/index.vue b/pages/shippingCart/index.vue
new file mode 100644
index 0000000..7bec8f4
--- /dev/null
+++ b/pages/shippingCart/index.vue
@@ -0,0 +1,278 @@
+<template>
+	<view>
+		<uni-nav-bar  :statusBar="true" left-icon="left"   title="Shipping Cart" color="#000000"   :fixed="true" @clickLeft="back">
+			<block slot="right">
+				<view class="nav_right">
+					<image src="../../static/img/delete1.png" mode=""></image>
+				</view>
+			</block>
+		</uni-nav-bar>
+		<view class="empty" v-if="isEmpty">
+			<image src="/static/img/cart3.png" mode=""></image>
+			<text>Your cart is empty</text>
+			<button>Shop Now</button>
+		</view>
+		<template v-if="!isEmpty">
+			<view class="cart_info">
+				<image src="/static/img/Shipped.png" mode=""></image>
+				<view class="cart_title_content">Buy US$32.00 more to enjoy FREE STANDARD SHIPPING!</view>
+				<view class="cart_title_right">Add</view>
+			</view>
+			<view class="cart">
+				<view class="cart_content">
+					<view class="good_info" v-for="(item,index) in 3 " :key="index">
+						<image src="../../static/img/select2.png" mode="" class="cart_select"></image>
+						<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>
+									<text>x1</text>
+								</view>
+								<view class="info_price">
+									<text>US$314.00</text>
+									<uni-number-box background="#FFFFFF">1</uni-number-box>
+			
+								</view>
+							</view>
+						</view>
+					</view>
+						
+				</view>
+			</view>
+			
+			<view class="cart">
+				<view class="cart_content">
+					<view class="good_info" v-for="(item,index) in 3 " :key="index">
+						<image src="../../static/img/select.png" mode="" class="cart_select"></image>
+						<view class="good_info_left ">
+							<view class="good_info_image">
+								<view class="good_info_image_tips">sold out</view>
+							</view>
+							
+							<view class="left_info left_info1">
+								<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>
+									<text>x1</text>
+								</view>
+								<view class="info_price">
+									<text>US$314.00</text>
+									<image src="../../static/img/delete2.png" mode="" class="delete"></image>
+								</view>
+							</view>
+						</view>
+					</view>
+						
+				</view>
+			</view>
+		</template>
+		
+		
+		<view class="recommend">
+			<view class="recommend_title">RECOMMEND</view>
+			<view class="recommend_content">
+				<view class="recommend_content_item" v-for="(item,index) in 4 " :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>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isEmpty:false
+			}
+		},
+		methods:{
+			back(){
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			}
+		},
+		onShow() {
+			uni.hideTabBar()
+		},
+		onHide(){
+			uni.showTabBar()
+		}
+		
+	}
+</script>
+<style>
+	page{
+		background-color: #F6F5FA;
+	}
+</style>
+<style lang="scss" scoped>
+	.uni-navbar{
+		font-size: 32rpx;
+		font-weight: bold;
+	}
+	.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;
+		}
+	}
+	.nav_right{
+		image{
+			width: 36rpx;
+			height: 36rpx;
+		}
+	}
+	.empty{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding-top: 136rpx;
+		font-size: 30.67rpx;
+		font-weight: 400;
+		image{
+			width: 125.33rpx;
+			height: 125.33rpx;
+			margin-bottom: 49.33rpx;
+		}
+		button{
+			font-size: 29.33rpx;
+			font-weight: 500;
+			background-color: black;
+			color: white;
+			height: 45.67rpx;
+			line-height: 45.67rpx;
+			border-radius: 0;
+			margin-top: 33.33rpx;
+		}
+	}
+	.recommend{
+		margin-top: 124rpx;
+	}
+	.cart_info{
+		background-color: white;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 36.67rpx 32rpx;
+		font-size: 24rpx;
+		font-weight: 400;
+		
+		image{
+			width: 41.33rpx;
+			height: 41.33rpx;
+		}
+		.cart_title_content{
+			width: 510.67rpx;
+		}
+		.cart_title_right{
+			font-size: 26rpx;
+			font-weight: bold;
+		}
+	}
+	.cart{
+		background-color: white;
+		margin: 0 18rpx;
+		padding: 42rpx 12.67rpx;
+		margin-top: 16.67rpx;
+		
+		.cart_title{
+			padding-left: 12.67rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-size: 28rpx;
+			margin-bottom: 76rpx;
+		}
+		.cart_content{
+			
+			.good_info{
+				display: flex;
+				align-items: center;
+				color: #000000;
+				justify-content: space-between;
+				border-bottom: none;
+				padding: 0;
+				margin-bottom: 78.67rpx;
+				
+				&:last-child{
+					margin-bottom: 0;
+				}
+				.good_info_image{
+					position: relative;
+					.good_info_image_tips{
+						width: 117.33rpx;
+						height: 117.33rpx;
+						border-radius: 50%;
+						background: rgba(0, 0, 0, 0.3);
+						color: white;
+						font-size: 22rpx;
+						font-weight: 800;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						z-index: 99;
+						position: absolute;
+						top: 50%;
+						margin-top: -60rpx;
+						left: 50%;
+						margin-left: -60rpx;
+					}
+				}
+				.left_info1{
+					color: #C4C4C4;
+					
+					.left_info_bottom{
+						color: #C4C4C4;
+						
+						.info_lable{
+							border: 1px solid #C4C4C4;
+						}
+					}
+					.info_price{
+						color: #C4C4C4;
+					}
+				}
+				.cart_select{
+					width: 34.67rpx;
+					height: 34.67rpx;
+				}
+				.info_name{
+					width: 406.67rpx;
+				}
+				.delete{
+					width: 36rpx;
+					height: 36rpx;
+				}
+			}
+			
+			
+		}
+	}
+	
+</style>
\ No newline at end of file
diff --git a/static/img/bottom1.png b/static/img/bottom1.png
new file mode 100644
index 0000000000000000000000000000000000000000..92917781e0f9ddda6942196a090b41c28352635a
GIT binary patch
literal 604
zcmV-i0;BzjP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%7D+@wR7gwhl+TOPKorNnFG({NPrdmAcmEAV{S#CW3VM(&Eg4EYtjenE>SFck
zLD_0HY2BhCqFcOp_V4gd$i;=?s`w+5jJ#!5qIP3S=|vpKWis<VGoSa~5N14R#_{nF
z06fpTKtz_~IIn{s_%yAucDsEz%d&G?>vu%-mZX#)0g%@EalhZcG!4M_{Ub`L7XXd|
zcn{zt1HJ)pIWQ3gNs=rN1_OppG|b7@0h}@$x6(8{#(=v3t^n8%;46T2rPS?7Agxww
z-nQ*-F8Buk*MtyHsnKZcb6s~8z*PVhh7eI0MbYIlS7<hyhiu#4B%<TF_1<VSdNv#m
zzweZ3r_*ubIDQ0R0e~<IA1b9*if+Qe9mioUr_G*iBDxqw(equ{&pxQv>u#-9ThUrC
z5fSV90w7RI-5CdwQqF0u*NEth3C3D(2q6aDZkO}AGk$3_ql+QeiHH-=IqCI!y~VsP
zDdj-`n*dJa<{LtYm-*m-0CKw4wAL*H;pqpC<E(O@_`ZK2Ns=&k@@>nq7Q--nGA?Ih
zp9+(cTL6|!b+NAdwry{uX?hR9*&;1@(4KFR(X|YKKTiB-t@RcW&F==tvTUJRt-ktQ
zODTZSWyNtE0BGc@i+>erDGlI-QcCWPo4M*5TP=I_OsVIZbyX@AkBH85E`$(oinL60
qgEHM*w5HSzrh)ti{MFvf75xDC@z6jCJULwe0000<MNUMnLSTYBXcSZc

literal 0
HcmV?d00001

diff --git a/static/img/cart3.png b/static/img/cart3.png
new file mode 100644
index 0000000000000000000000000000000000000000..12a022933166685f95165212c9d498b3e97be57b
GIT binary patch
literal 7674
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

literal 0
HcmV?d00001

diff --git a/static/img/delete1.png b/static/img/delete1.png
new file mode 100644
index 0000000000000000000000000000000000000000..522d3aeb5006895d8717043bb458859d1f525e72
GIT binary patch
literal 1211
zcmV;s1VsCZP)<h;3K|Lk000e1NJLTq001@s001@!1^@s6j74hQ00001b5ch_0Itp)
z=>Px(bxA})RA@u(+G)tGQxpgA-!;!eh72KN$On`%B|}K2M9PqP$WRF3gGli~2pKb{
z&^2VtOc_#Ad{A7;tZSY_=Kk8}?QxuQpXWK#E1mV_)Oq$^d;Rws_TFo)IsT_KX9!%Y
zV^u6V1dqC@KjA}sS2wWx`yjxU!3j7VD`26vi?$g58{Wm$nA>8Ww!osHTd_x*MMg9>
z;LgGKP589|7VX@IeVQ;H!<d-mdAJ<E*70ux>_FUr<tj{H!v|QnZlRXn|HSXu4C`0s
zzJc9~-z|`3Q(%kZQk+z{Wzh@E4z`rJ)$kRI>F>>q+w6-6>$o%pwk)p0!G+;`Y>#*9
z78t?z<BRz%QFxt*YwP&70d_qODh%JlPRQ@L=?GkfrOQIGnrrG79TeF6*l~iu5)qdg
z2e9l`cImLfJZH<!69Sg=GQc_-I~q4P)z}s|va&1P^A^E&*r0s)0goWR<E9O<Eh0nc
zdA!wU(L~daaAiz!4LpP`$1ULm`Ogiojqoy-pWwpdUTS`T<wlWEe!v(G+HnKu#s3$a
z+lh)fBjRV#+Fm%W+}dNaxyHOS=F4u|4aiL==UWcz(6=}RpOjn4yk6lx=R|H9xow0R
zo%C%b8*+SPy9_z3L!Xxb^LB@CFJLF*k_xcgHtrl!kWo)xGLa9*6vkg*8%%*^L+Uh^
zhvvG7)8@51Eaj}s`S>Z~<GpC?8q1*>b2uG&FP(uWhCr72afPqTg(1(PSpk;3#{<}^
ztbTiO=s|8Id3QaHbqcTeb>}tF4Q}ijTdQbj<FazzNx6+@$J<hln}^FyD082|F0-Yv
z0DBCZ76GEY0Q;sbDr{bWty$*Ar1M&y6;td6c7O4WDX@w<rW(UUf=AWIrl!~<B1}zj
zYKmQE(dKqP4fhQW?5U4UeQfGu|8|sV@R$Y<{*%v^QNG8X#BQU0k0r0TSYeu)*j;@V
zSR0RH953i+OGT&2L-R{)-6Z|i6xhnR1G|>hlPW(AKR58H?jft;g-Xr&Vw|-Aja`9b
z%lAgWl66WlGH;$xp8Dw)=tn!?e0+totGhM;xRie{!p9|L{aGI#DFUWu7TH1>A30`9
z$GtMa`{Slc_2m{ERU>3l&S^GD(S2A-r%&>U;n$C%-TO-RH)CEey(g)S{Y|}qC1Lqg
zB@Omtsh!OmR^k!PPd(x8O1o21btzKJG`IAtLEnRDu0t<kKO{%qFFQLzx%;w8l_i&g
z$diI)DE@pZQv9Exe!!AWOX;Z7tddTcM8DYebBGovO)HhIpfj;aW${<BC(@!(3oHXt
z#J;gI_K%VXP5t+k0<LM-!7!T;3rTS@)s)l-(sR<G_+kE!JpZ5t36{unK}lJ6BIGav
zj&g3mCfl3><-NTa*X?+AC+!F+26hhNQ3^OHuXGNihWBW{hOs(eSvU^69uCDJT}@kq
z3O2~Rm|dCx(pH!nL8_Q>kDk;7Sao7Rrfp)C5?Ce?Av<Q5GwRKzQMoO!L3Vmp=KODg
Z{RPcMfM07*wT%D(002ovPDHLkV1iFjPul<h

literal 0
HcmV?d00001

diff --git a/static/img/delete2.png b/static/img/delete2.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c3fc7370034827700f0d3e5aeef80dc2bb83319
GIT binary patch
literal 1692
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

literal 0
HcmV?d00001

diff --git a/static/img/pets_nav.png b/static/img/pets_nav.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bcde90662e1b3117218265f0d9a120a201dad8b
GIT binary patch
literal 1075
zcmV-31kC%1P)<h;3K|Lk000e1NJLTq001rk001rs1^@s6SGg-U00001b5ch_0Itp)
z=>Px&?MXyIRA@u(SzTxxRTTct{Ms72`7t3~3(12N^sz;$AQfARltLfWG2(-bG&4gA
zL45ERg$PAZLL&qcW_AOiR0>9Xs`%H4_QeNZR1Cp@l_IS#rh~OfcVq4zx!YNA+f8<6
zGfuK0_i69WIp==&+;h+0B{b=vCdG}d0o<~z9bH{rJB!7lw%SP;hC!;T3L(U;@$vDS
z8+Br3ja!zbwzah#1keZIK>(RG07;%(%zT-ME&%w{_x-=p-T+C^t*xymi0B;vdtw6k
z8^Bpj(_T+o`()epULu;g19Yj*2Bg-@r$t07LWmdg`TTh~9~v4mi^bw808cUVswNjx
zL1l6xVrKruFpObx9OqR4?}dW?0q`vm{lLsM!Anj>QTCKdrDH_Y8uESV`~H*iw{6=`
z6Vb<w0E^1Q%;zO=X{X0RrYisr&d<+Z>+J00H7@AAEiElMW_~uL`NQ+P`=v%4$C0w6
z%>Q%bCGf8SJQ1!kYntZ%v9YmYy;U8@c^|+lA>H*L2zF0TPcO^4<2Vk0=ZMItCnxTA
zX8x&AD7-C!Uj%Si3Sj0rUDqFpa?u>eIRoJ3aN$1zWPRV4rk2Xs2Hvb1UkHLATe0yp
zY$YjE*?8cYOy=Q{k&(rETD#+NRspvx%joIp(U+E%5>Mhx(-fnlqXlwZcZQh{g+S+)
zmzVcVO-&W*0e4;Z17?1y;tm0HORv)3-`}n4`WYg641g}3RXtfTzAFHJ1@M+Ml@9?t
zA2KfhIANOR#g2}Sn%bJ3oh`Muw?6=2l9>-kJ|ep8d7k`_UDrLy%=s8#8X=vL8h?hF
zKdR&&0A#2Sn7Jl!MNw9mc^80tDk~Dvr0019ay~dXct8ko34q!Nq6j?l1W!wi-^a}7
zi0B9ac@%NS??lw+dER#wM%%U@C!$A*NRzouT!E|6hswN?$z(n$XL+`5KSV_D0yrLL
z5hD5-z?;ncd74qPY@YuGIxsMBNLAIN%$!}#R6?7+0bs`W{pmOxO_DZoca<c#wPbA#
z;LT<#>$;po^hT*v`XcqqnSeX|jhXv$x!m{baEFmxrmPwP+;)dG0+1APJx%~(=E+<x
zmwEuI3i(2a7ljaC_4fAGywsa1<R_72Eo8IV?&0C#l{AyAs+zOGw6?0|OeL+|E|#0L
z%HR0Xt--#^Ht?uPT2d{zz%<R>mDXKaEx5ayo<R^?U2ErtVQh+~XH}b-nZHpK<;P9m
zW^UTX{yLvhZW7U1RaIY$(&3GI@uJYJ>+uS}XPTy6n3$LdqAZpqO;zbuc`jUBT+}s9
ttC=Hjs^`KaHIbIAtx+terL82^`4@PjwxP<j53T?J002ovPDHLkV1loT1s?za

literal 0
HcmV?d00001

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

literal 0
HcmV?d00001

diff --git a/static/img/seach1.png b/static/img/seach1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c60b36e671250d11740cd2aaed298a8811a1594
GIT binary patch
literal 1717
zcmV;m21@yfP)<h;3K|Lk000e1NJLTq001@s001@!1^@s6j74hQ00001b5ch_0Itp)
z=>Px*Z%IT!RA@u(nsumcMHI$=&u%fW>)BxcV_<hDit&eu*o_G)*xkW1P!v?`0vijv
z6${1g!0zNHb1uW&*?aar_jr!?;)2J8cV@4dZ_k=<zO~jK#~8J7V-y$v1FP9tU(PhZ
zOu$0Gioi0!Jiv^=binVxcfcpWo4|9xBf$H>SHRD`j+~M1*qp%H;oq_W%w!E0`6KWO
z@FZ|2@G$Uo!)J@bx&<~ZunVvcFbgm>bRE`z1wiiNDZpLDRW}&W7MQ!SBya|>(g?uR
zE$zYp@IBzq1{ktK+5nps*b~@2>{7RLmYx%gyLU2hU1@OD?@fV80_Oo+0+TkFOtSbO
z5W`Qv6u=C?d@Xj_^L83=e1rLh4QT>Qwz~}2xMqUyfscXv0uek5d<6WFJTot_G_V%1
zVRSyLT+5cn0H*`LwgFfIHaBn<utkMaCwmaM8n_>Lr^V#@UN=O6f2-^p;Ar6N7QSnl
zOr|r=cLOHLIQ<1UAe@6Q0okpsO%y_O6X00D>mz4B0Q&=%G@YPs$2?Eh023$9JlxL*
z5_ziWL=DC*4_pi^UNP2C-z?mFMR!%e76u*wX3uzd2-q8Vsp!4^fTcp{ua<e#h`1iu
z6)-$&EeA~2yDh|j`ta+3lPZn=En5V*0#M1MX83Od++3PG2TZoou@oQM=RrEXP;%OX
z-(ADyz|0w6YRx4|`Z5JJ6>tu)b8_GKro2xilUB6bB}hr-IN<P#=M@PP>U^ib#si+A
zxsr$83KGf#+%Gd@P=PF%nb7}N(kY~~mI71Q<|tLFZFP_I2>n*TRhjGN3t(H|-lo9r
z4(BKyuY&MEt1kL&a{#x8{4Snb$#!HA%UPiu@0euqVbFE46P5fy{YDh#Gn+US*f%r3
zYDe*40z1rNU~6W!*0-?{aL0gvIqmkq1tI5)m+?fnu(MZB49t||`~<*fA=Q^+2W2Xf
zn}FGp1-uQcQKe5~U?%~GCJ(;|Y!E_pP{2%e6xjZa&9uf#{Ebp5x?ApAY*N3><jxJs
zEIm95ERZZfs+aPm{@OEU&b4DQ;vQf-KzbdNsXiXd+-JW5@`6R6T3}|#dnF@$NR>ax
z9kV21sV?0ylTdZ5BvK1Z$#g_A;$>jHkme6+$5b9(#Ae^IN%JcJuCW%F>A*$F2op#P
zpsM;o*{Z;`nF5kBPgZ=l1Z<U%=EvjAfwmq=wWtSgLz#CjFlC!#64Sk+Q{`bvIySRt
zb=e?na^Os0kIdwk21Sw;!l?*0f!j23qDEYFKzErn5VfL}t=LSRymJ-i*;-2q%<NPR
zmYS6+3pf3?&BOUhi%GJyY@MZg7nuT+d8`el)M{5`9pJS-BJ)hyu*em6o&n^9#`%~P
zTN?x3XJ)Y-GfgmKJ*3WAk3k;>oLJ#=hfuz#oHAGQsG?VEdn)Z4dki4w&ihG<PcwPP
zz8dl~%N4DFIoNaNc}q=a-W`vRq!UtjG4qEkLt&7c-|Od=(#x%?E1J1lSF}T!n(ZBn
zDQ4SgZN4;L>37w-jfj;q17$y>#e1!*x?;!Y>cFj`4I9tn1SWT8)j0+&Exzh^3rRO*
z$^f157LsJitTs%Y)|I%u9FGDHu4x@vHn3c0%c$GkbDqUQo656QWe0}Ky3va(bz97Z
zOh9+4@Mh`2WYhwy7pa+c)8>Q~XG_|i8P9W$DB@}D>g)$JD%h5Q>3I4;yE$3Ynb;IU
zIp!TGn|X0o6;{o!Y{;9yn)dth(#A*bJ^B)#4lOO`s<kG-bfAtrAsk$*#U=YR(6V(2
zFL$d=5|Zh?pGw%A@79cv^+RK^(nnKZot-meB#j(fcDvB@ImLjb0RMWm<V*sw^i~;`
zZGbs}YD7USso3Rg(vNNf*l;u9HJkUW%DSfisX5NxoNKV4JIvYw>p1W^ow|Dh^&G|$
ztPL1z7bdjsl3h)kiXHR(T^YdT&S7O(b_=XCv1iY^g93TEPzo1h6Z2j&lw>=rVK(G*
zpB`CW_eyb&oT-8gOF<6VNP%@6bv}2n18VLhjY||VU<at5Mc8~dL$GA#&Zr>#ma6oj
ziaTd>qAD!?P2v7+98yi*?tfuSU05pfj2v0`AM4eQ^$WORY5l`{FgC+cxiwVBA8o({
z<IY*{uvwxR&NlmH&>>kj8i5H$k>Hm?g0xyaEVCc2z>1+iW`X?;%wRi4;Kd!a00000
LNkvXXu0mjffEhW9

literal 0
HcmV?d00001

diff --git a/static/img/top.png b/static/img/top.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9fa766f126e3a7f76173a23c778d72ec3271c3e
GIT binary patch
literal 540
zcmV+%0^|LOP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px$)=5M`R7gwhls}6TK^VrLXNs(X+S~X6<Uni`{PQ{dQyh_y$wrfdG<K(*g^HzS
zcZ)zUf@wr8z4AP~ub`cJ*Qkwbz+{(sWzJd2otsSLNTplu%s#(&e)F)zk{>QPAO8?Q
zYki93=`>BZ27|%(Mb$2(NNatP<Wm4=j4|8e@p!f0?|)ka;sw}n051TXF9JnmnCE$`
z*Xw=pLFNK#wc3hO>M_a7(?KF4B!^j+wSAD806V#eJSTY(fCBKro#gfuYy-fxIF7&0
zI!P&@M9VJ8Fp8qrT5Ap9A%NpH)TiqYK#7)*B-f%SdT9eYozBrTO`A%oyCQPJr)wXe
zM9Yp+>PolUeLJn7TCE<bR4PpXkBavs--yWdgSvhL=4qMbS8Ht{_W>NUd+fzeCX;>b
z+5?1PxMGZX0^pJh`$V!`Xqg3Yx^9uY<L<-&u<cqa+C?|{5Wof3mK^|B<2c^*b=<C7
zT|p4EMC3u4E;bsCZ4o)=7I#IYnIy@pMZ%}|)a&&&$$Nz^0MGI~5A6xWZTw8K<<l}x
z*Jw0q0a$msegHUY0q=j+S#Bgrvh}x<A8c0;1UHQ_>m=W0S+?r^7aaz;*Q~<^_`d%S
e@EKbE9sC3!*WBJ`2LCt!0000<MNUMnLSTZ8*ZWxj

literal 0
HcmV?d00001