lilei před 4 roky
rodič
revize
c18b1bc52f
4 změnil soubory, kde provedl 65 přidání a 33 odebrání
  1. 9 9
      components/uni-coods/uni-coods.vue
  2. 2 1
      pages/cart/cart.vue
  3. 54 23
      pages/toOrder/index.vue
  4. binární
      static/position.png

+ 9 - 9
components/uni-coods/uni-coods.vue

@@ -63,19 +63,19 @@
 		border-radius: 28upx 28upx 0 0;
 		overflow: hidden;
 		.goods-staus{
-			width: 120rpx;
-			height: 120rpx;
+			width: 100%;
+			height: 100%;
 			position: absolute;
 			z-index: 10000;
-			border-radius: 100%;
-			background: rgba($color: #000000, $alpha: 0.5);
+			border-radius: 15rpx;
+			background: rgba($color: #000000, $alpha: 0.4);
 			text-align: center;
-			line-height: 120rpx;
-			left: 50%;
-			top: 50%;
-			margin-top: -60rpx;
-			margin-left: -60rpx;
+			line-height: 250rpx;
+			left: 0;
+			top: 0;
 			color: #eee;
+			font-size: 30upx;
+			font-weight: bold;
 		}
 	}
 	.name{

+ 2 - 1
pages/cart/cart.vue

@@ -169,7 +169,7 @@ page{
 					position: absolute;
 					z-index: 10000;
 					border-radius: 15rpx;
-					background: rgba($color: #000000, $alpha: 0.5);
+					background: rgba($color: #000000, $alpha: 0.4);
 					text-align: center;
 					line-height: 140rpx;
 					left: 0;
@@ -229,6 +229,7 @@ page{
 				.heji{
 					display: flex;
 					align-items: center;
+					font-weight: bold;
 				}
 			}
 		}

+ 54 - 23
pages/toOrder/index.vue

@@ -16,12 +16,15 @@
 			<!-- 商品列表 -->
 			<view class="goods-item" v-for="(item,index) in 6" :key="index">
 				<view class="goods-imgs">
-					<u-image width="150rpx" height="150rpx" src="https://cdn.uviewui.com/uview/example/fade.jpg"></u-image>
+					<u-image border-radius="12" width="158rpx" height="140rpx" src="/static/goods.png"></u-image>
 				</view>
 				<view class="goods-info">
 					<view class="good-name">拉就是两地分居拉进来就是两地分居拉进来就是两地分居拉进来进来</view>
 					<view class="goods-price">
-						<view><text>50</text>乐豆</view>
+						<view>
+							<text>50</text>
+							<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
+						</view>
 						<view>×2</view>
 					</view>
 				</view>
@@ -29,19 +32,25 @@
 			<!-- 总计 -->
 			<view class="goods-heji">
 				<view>
-					<view>商品合计</view>
-					<view><text>250</text>乐豆</view>
+					<view>商品合计:</view>
+					<view class="heji">
+						<text>250</text>
+						<u-image mode="scaleToFill" width="35rpx" height="35rpx" src="/static/ledou.png"></u-image>
+					</view>
 				</view>
 				<view>
-					<view>运费</view>
+					<view>运费</view>
 					<view>免运费</view>
 				</view>
 			</view>
 		</view>
 		<view class="cart-submit">
-			<view>总计:<text>450</text> 乐豆</view>
 			<view>
-				<u-button type="warning" @click="toPay">确认支付</u-button>
+			  <view>总计:<text>450</text></view>
+			  <u-image mode="scaleToFill" width="40rpx" height="40rpx" src="/static/ledou.png"></u-image>
+			</view>
+			<view>
+				<u-button size="mini" :custom-style="toOrderButton" type="error" @click="toPay">确认支付</u-button>
 			</view>
 		</view>
 	</view>
@@ -51,6 +60,12 @@
 	export default {
 		data() {
 			return {
+				toOrderButton: {
+					borderRadius:'100rpx',
+					fontSize:'30rpx',
+					width: '180rpx',
+					height: '60rpx'
+				}
 			};
 		},
 		methods: {
@@ -75,17 +90,17 @@ page{
 		background: #FFFFFF;
 		box-shadow: 1px 1px 3px #eee;
 		border-bottom: 1px solid #eee;
+		border-top: 10upx solid #F8F8F8;
 		display: flex;
 		align-items: center;
-		padding:20upx 10upx;
+		padding:15upx 20upx;
 		.position{
 			flex-grow: 1;
 		}
 		> view{
-			padding: 0 5upx;
+			padding: 10upx;
 			.address{
-				font-weight: bold;
-				padding: 10upx 0;
+				padding: 5upx 0;
 			}
 			&:last-child{
 				padding: 0 20upx;
@@ -103,7 +118,7 @@ page{
 		}
 		
 		.goods-item{
-			padding: 20upx;
+			padding: 20upx 40upx;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
@@ -117,6 +132,9 @@ page{
 			}
 			.goods-info{
 				padding-left: 20upx;
+				.good-name{
+					font-weight: bold;
+				}
 			}
 			.goods-price{
 				display: flex;
@@ -125,11 +143,13 @@ page{
 				padding-top: 20upx;
 				>view{
 					&:first-child{
-						font-size: 22upx;
+						display: flex;
+						align-items: center;
 						text{
 							color: red;
-							font-size: 30upx;
+							font-size: 35upx;
 							margin-right: 6upx;
+							font-weight: bold;
 						}
 					}
 				}
@@ -137,7 +157,7 @@ page{
 		}
 	}
 	.goods-heji{
-		padding: 20upx;
+		padding: 20upx 40upx;
 		background: #FFFFFF;
 		box-shadow: 1px 1px 3px #eee;
 		margin-top: 20upx;
@@ -146,14 +166,20 @@ page{
 			align-items: center;
 			justify-content: space-between;
 			padding: 10upx 0;
-			text{
-				color: red;
-				margin-right: 6upx;
+			.heji{
+				display: flex;
+				align-items: center;
+				text{
+					color: red;
+					margin-right: 6upx;
+					font-size: 35upx;
+					font-weight: bold;
+				}
 			}
 		}
 	}
 	.cart-submit{
-		padding: 20upx;
+		padding: 20upx 30upx;
 		background: #FFFFFF;
 		box-shadow: 1px 1px 3px #eee;
 		border-top: 1px solid #eee;
@@ -161,10 +187,15 @@ page{
 		align-items: center;
 		justify-content: space-between;
 		> view{
-			text{
-				color: red;
-				font-size: 36upx;
-				margin-right: 6upx;
+			&:first-child{
+				display: flex;
+				align-items: center;
+				text{
+					color: red;
+					font-size: 40upx;
+					margin-right: 6upx;
+					font-weight: bold;
+				}
 			}
 		}
 	}

binární
static/position.png