lilei %!s(int64=4) %!d(string=hai) anos
pai
achega
0d80ea5386

+ 1 - 1
components/uni-cart-fix/uni-cart-fix.vue

@@ -25,7 +25,7 @@
 	.cart-fix{
 		position: fixed;
 		z-index: 100000;
-		background: rgba($color: #00aa00, $alpha: 0.9);
+		background: rgba($color: #ffffff, $alpha: 0.6);
 		padding: 20upx;
 		border-radius: 100%;
 		bottom: 15%;

+ 15 - 6
components/uni-coods/uni-coods.vue

@@ -6,8 +6,13 @@
 		</view>
 		<view class="name ellipsis-two">{{data.name}}</view>
 		<view class="price">
-			<view><text>{{data.price}}</text>乐豆</view>
-			<view @click.stop="addCart"><u-image width="48rpx" height="48rpx" src="/static/add-cart.png"></u-image></view>
+			<view>
+				<text>{{data.price}}</text>
+				<u-image mode="scaleToFill" width="40rpx" height="40rpx" src="/static/ledou.png"></u-image>
+			</view>
+			<view @click.stop="addCart">
+				<u-image mode="scaleToFill" width="45rpx" height="45rpx" src="/static/addCart.png"></u-image>
+			</view>
 		</view>
 	</view>
 </template>
@@ -51,12 +56,12 @@
 <style lang="scss">
 .goods-item{
 	background: #FFFFFF;
-	box-shadow: 1px 1px 3px #eee;
 	width: 48%;
-	margin-bottom: 35upx;
-	border-radius: 10upx;
+	margin-bottom: 5upx;
 	.goods-imgs{
 		position: relative;
+		border-radius: 28upx 28upx 0 0;
+		overflow: hidden;
 		.goods-staus{
 			width: 120rpx;
 			height: 120rpx;
@@ -75,6 +80,7 @@
 	}
 	.name{
 		padding: 10upx 20upx 0;
+		font-weight: bold;
 	}
 	.price{
 		display: flex;
@@ -82,13 +88,16 @@
 		justify-content: space-between;
 		padding: 15upx 20upx;
 		text{
-			color: red;
+			color: #d42a26;
 			font-size: 36upx;
 			margin-right: 6upx;
+			font-weight: bold;
 		}
 		>view{
 			&:first-child{
 				font-size: 22upx;
+				display: flex;
+				align-items: center;
 			}
 		}
 	}

+ 26 - 24
pages/index/index.vue

@@ -1,15 +1,22 @@
 <template>
 	<view class="content">
 		<u-swiper height="250" :list="imageTopList"></u-swiper>
+		<view class="t1">
+			<u-image height="36" src="/static/t1.png"></u-image>
+		</view>
 		<!-- 商品 -->
 		<view class="goods">
-			<u-section title="人气零食" v-if="goodsList.length" :show-line="false" sub-title="更多" @click="toGoods(1)"></u-section>
-			<view class="goods-list" v-if="goodsList.length">
-				<uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
+			<view v-if="goodsList.length">
+				<u-section title="人气零食" v-if="goodsList.length" line-color="#01c9b2" sub-title="更多" @click="toGoods(1)"></u-section>
+				<view class="goods-list">
+					<uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
+				</view>
 			</view>
-			<u-section title="居家生活" v-if="goodsList.length" :show-line="false" sub-title="更多" @click="toGoods(2)"></u-section>
-			<view class="goods-list" v-if="goodsList.length">
-				<uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
+			<view v-if="goodsList.length">
+				<u-section title="居家生活" v-if="goodsList.length" line-color="#01c9b2" sub-title="更多" @click="toGoods(2)"></u-section>
+				<view class="goods-list">
+					<uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
+				</view>
 			</view>
 		</view>
 		<!-- 购物车 -->
@@ -43,31 +50,17 @@
 					{
 						id: 21312312321,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					},
 					{
 						id: 6465465465,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 1
 					},
-					{
-						id: 234324,
-						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
-						price: 50,
-						status: 0
-					},
-					{
-						id: 4453455,
-						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
-						price: 50,
-						status: 0
-					}
 				]
 			}
 		},
@@ -93,13 +86,22 @@
 		background: url(../../static/topBg.png) no-repeat top center;
 		background-size: 100%;
 		.goods{
-			padding: 20upx 0;
+			>view{
+				padding: 20upx 20upx 10upx;
+				background: #FFFFFF;
+				border-radius: 15upx;
+				box-shadow: 0upx 6upx 10upx #eee;
+				margin-bottom: 20upx;
+			}
 		}
 		.goods-list{
-			padding: 20upx 0;
 			display: flex;
 			flex-wrap: wrap;
 			justify-content: space-between;
+			padding-top: 20upx;
+		}
+		.t1{
+			padding: 20upx 0;
 		}
 	}
 </style>

BIN=BIN
static/addCart.png


BIN=BIN
static/cart.png