Ver código fonte

样式修改

lilei 4 anos atrás
pai
commit
59ad701aea

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

@@ -1,6 +1,6 @@
 <template>
 	 <view class="cart-fix" @click="toCart">
-	 	<u-image width="50rpx" height="50rpx" src="/static/cart.png"></u-image>
+	 	<u-image width="70rpx" height="70rpx" src="/static/cart.png"></u-image>
 	 	<u-badge absolute :offset="[15,10]" type="error" :count="count"></u-badge>
 	 </view>
 </template>
@@ -25,11 +25,11 @@
 	.cart-fix{
 		position: fixed;
 		z-index: 100000;
-		background: rgba($color: #ffffff, $alpha: 0.6);
-		padding: 20upx;
+		background: rgba($color: #ffffff, $alpha: 0.7);
+		padding: 10upx;
 		border-radius: 100%;
 		bottom: 15%;
 		right: 2%;
-		box-shadow: 0upx 3upx 8upx #999;
+		box-shadow: 3upx 3upx 8upx #ccc;
 	}
 </style>

+ 1 - 1
pages.json

@@ -88,7 +88,7 @@
 	},
 	"tabBar": {
 		"color": "#7A7E83",
-		"selectedColor": "#00aa00",
+		"selectedColor": "#01c9b2",
 		"borderStyle": "#eee",
 		"backgroundColor": "#ffffff",
 		"fontSize": "14px",

+ 13 - 8
pages/goods/goods.vue

@@ -18,49 +18,49 @@
 					{
 						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',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					},
 					{
 						id: 4453455,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					},
 					{
 						id: 22222,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					},
 					{
 						id: 345,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					},
 					{
 						id: 456456,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
-						src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
+						src: '/static/goods.png',
 						price: 50,
 						status: 0
 					}
@@ -79,14 +79,19 @@
 			padding: 20upx 0;
 		}
 		.goods-list{
-			padding: 20upx 0;
 			display: flex;
 			flex-wrap: wrap;
 			justify-content: space-between;
+			padding: 20upx 20upx 0;
+			background: #FFFFFF;
+			>view{
+				margin-bottom: 20upx;
+			}
 		}
 		.info{
 			text-align: center;
 			color: #DD524D;
+			margin-bottom: 20upx;
 		}
 	}
 </style>

+ 1 - 1
pages/index/index.vue

@@ -51,7 +51,7 @@
 						id: 21312312321,
 						name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
 						src: '/static/goods.png',
-						price: 50,
+						price: 300,
 						status: 0
 					},
 					{

BIN
static/cart.png


BIN
static/tabbar/home-active.png


BIN
static/tabbar/home.png


BIN
static/tabbar/user-active.png