修改样式

pages/contentDetail/contentDetail.vue

@@ -18,12 +18,26 @@
 						</u-col>
 					</u-row>
 					<u-row justify="space-between" style="margin: 10rpx; font-size: 16px;">
-						<u-col span="4" style="color: #ff7800;">
-							￥4.00
+						<u-col span="4">
+							<view style="color: #ff7800;font-size: 45rpx;">
+								￥4.00
+							</view>
+						</u-col>
+						<u-col span="4" style="text-decoration:line-through">
+							<view class="icon">
+								<u-number-box
+								style="margin: 0 auto;"
+								v-model="registerForm.num"
+								:min="1">
+									<view slot="minus" class="minus">
+										<u-icon name="minus" size="12" color="#fff"></u-icon>
+									</view>
+									<view slot="plus" class="plus">
+										<u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
+									</view>
+								</u-number-box>
+							</view>
 						</u-col>
-						<!-- <u-col span="4" style="text-decoration:line-through">
-							￥29.90
-						</u-col> -->
 					</u-row>
 				</view>
 			</view>
@@ -63,20 +77,6 @@
 				客服
 			</view>
 			
-			<view class="icon">
-				<u-number-box
-				style="margin: 0 auto;"
-				v-model="registerForm.num"
-				:min="1">
-					<view slot="minus" class="minus">
-						<u-icon name="minus" size="12"></u-icon>
-					</view>
-					<view slot="plus" class="plus">
-						<u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
-					</view>
-				</u-number-box>
-			</view>
-			
 			<view class="button">
 				<view class="button-right">
 					<view>
@@ -121,7 +121,9 @@
 			height: 100rpx;
 			padding: 10rpx 0;
 			background-color: #fff;
-			justify-content: space-around;
+			justify-content: space-between;
+			box-sizing: border-box;
+			padding: 0rpx 20rpx;
 			.icon{
 				font-size: 26rpx;
 				display: flex;
@@ -246,7 +248,7 @@
 		width: 22px;
 		height: 22px;
 		border-width: 1px;
-		border-color: #E6E6E6;
+		border-color: white;
 		border-style: solid;
 		border-top-left-radius: 100px;
 		border-top-right-radius: 100px;