我的服务项目立即购买界面优化

taiyuan
1 parent 1705c244
Showing 2 changed files with 20 additions and 6 deletions
packageA/pages/goodsInfo/goodsInfo.wxml
packageA/pages/goodsInfo/goodsInfo.wxss
@@ -245,7 +245,7 @@
        <view class="b_num">
           <view>购买数量</view>
           <view class="count">
-             <view bindtap="subCartNum" class="sub">-</view>
+             <view bindtap="subCartNum" class="sub {{goodsInputNum <= 1 ? 'active':''}}">-</view>
              <input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input>
              <view bindtap="addCartNum" class="add">+</view>
           </view>
@@ -571,7 +571,7 @@ border-radius: 0 56rpx 55rpx 0;
     padding: 30rpx 0 20rpx;
     /* float: left; */
     width: 100%;
-    border-bottom:2rpx solid #eee;
+   /* border-bottom:2rpx solid #eee; */
 }
  
 .spec-img {
@@ -620,14 +620,14 @@ border-radius: 0 56rpx 55rpx 0;
  display: flex;font-size: 30rpx; color: #333;
  justify-content: space-between;
  align-items: center;
- padding: 20rpx 0;
+ padding: 20rpx;
 }
  
 .count {
     /* position: fixed; */
     display: flex;
     height: 50rpx;
-    border: 1rpx solid #000;
+    /* border: 1rpx solid #000; */
     font-size: 28rpx;
     right: 30rpx;
 }
@@ -645,15 +645,29 @@ border-radius: 0 56rpx 55rpx 0;
 }
 .spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;}
 .sub {
-    border-right: 1px solid #000;
+    /* border-right: 1px solid #000; */
 }
 .sub.active {
 	/* background-color: #ddd; */
 	color: #ccc;
 }
  
+.sub, .add, .count>input {
+    /* border-right: 1px solid #000; */
+	background-color: #f8f8f8;
+	border-radius: 8rpx;
+}
+.sub.active {
+	/* background-color: #ddd; */
+	color: #ccc;
+}
+.count>input {
+	margin: 0 10rpx;
+	line-height: normal;
+}
+
 .add {
-    border-left: 1px solid #000;
+    /* border-left: 1px solid #000; */
 }
  
 .spec-btn {