Browse Source

小程序:商家端-商品添加

panyong 2 years ago
parent
commit
bf33f15082

+ 24 - 35
htmldev/wxMini/pages/businessGoodsEdit/businessGoodsEdit.scss

@@ -46,11 +46,6 @@ label {
   }
 }
 
-.btn-upload {
-  width: 93rpx;
-  height: 94rpx;
-}
-
 .tip {
   width: 100%;
   padding-bottom: 20rpx;
@@ -59,23 +54,42 @@ label {
   color: rgba(153, 153, 153, 1);
 }
 
-.name {
+.box {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin: 40rpx 0 30rpx;
+  height: 74rpx;
 
   .value {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
     width: calc(100% - 150rpx);
+    text-align: right;
+    color: rgba(107, 133, 89, 1);
+
+    & > view {
+      line-height: 42rpx;
+      font-size: 28rpx;
+
+      &.placeholder {
+        color: rgba(153, 153, 153, 1);
+      }
+    }
   }
 
   input {
-    display: block;
     width: 100%;
     height: 44rpx;
+    padding-right: 9rpx;
     font-size: 28rpx;
-    color: rgba(51, 51, 51, 1);
-    text-align: right;
+    color: inherit;
+  }
+
+  .arrow {
+    margin-left: 6rpx;
+    width: 9rpx;
+    height: 15rpx;
   }
 }
 
@@ -111,31 +125,6 @@ label {
   color: rgba(153, 153, 153, 1);
 }
 
-.type {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 22rpx 0 16rpx;
-
-  .value {
-    width: 562rpx;
-    line-height: 42rpx;
-    font-size: 28rpx;
-    color: rgba(107, 133, 89, 1);
-    text-align: right;
-
-    &.placeholder {
-      color: rgba(153, 153, 153, 1);
-    }
-  }
-
-  .arrow {
-    margin-left: 6rpx;
-    width: 9rpx;
-    height: 15rpx;
-  }
-}
-
 button.btn-submit {
   width: 627rpx;
   height: 80rpx;

+ 23 - 23
htmldev/wxMini/pages/businessGoodsEdit/businessGoodsEdit.wxml

@@ -62,7 +62,7 @@
         </view>
         <view class="tip">请上传尺寸为375*375像素图片</view>
       </view>
-      <view class="name">
+      <view class="box">
         <label>
           <text>标题</text>
         </label>
@@ -84,21 +84,25 @@
         </view>
         <view class="words-limit">0/200</view>
       </view>
-      <view class="type">
+      <view class="box">
         <label>
           <text>商品分类</text>
         </label>
-        <view class="value placeholder">请选择商品分类</view>
-        <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        <view class="value">
+          <view class="placeholder">请选择商品分类</view>
+          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        </view>
       </view>
-      <view class="type">
+      <view class="box">
         <label>
           <text>商品品牌</text>
         </label>
-        <view class="value placeholder">请选择商品品牌</view>
-        <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        <view class="value">
+          <view class="placeholder">请选择商品品牌</view>
+          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        </view>
       </view>
-      <view class="name">
+      <view class="box">
         <label>
           <text>商品规格</text>
         </label>
@@ -109,17 +113,17 @@
             placeholder-class="placeholder"></input>
         </view>
       </view>
-      <view class="type">
+      <view class="box">
         <label>
           <text>单 位</text>
         </label>
-        <view class="value placeholder">请选择商品单位</view>
-        <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        <view class="value">
+          <view class="placeholder">请选择商品单位</view>
+          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
+        </view>
       </view>
       <!-- todo -->
-      <view
-        class="name"
-        wx:if="{{!!form.id}}">
+      <view class="box">
         <label>
           <text>商品货号</text>
         </label>
@@ -130,10 +134,9 @@
             placeholder-class="placeholder"></input>
         </view>
       </view>
-
-      <view class="name">
+      <view class="box">
         <label>
-          <text>批发价</text>
+          <text>批发价(元)</text>
         </label>
         <view class="value">
           <input
@@ -142,10 +145,9 @@
             placeholder-class="placeholder"></input>
         </view>
       </view>
-
-      <view class="name">
+      <view class="box">
         <label>
-          <text>零售价</text>
+          <text>零售价(元)</text>
         </label>
         <view class="value">
           <input
@@ -154,8 +156,7 @@
             placeholder-class="placeholder"></input>
         </view>
       </view>
-
-      <view class="name">
+      <view class="box">
         <label>
           <text>库 存</text>
         </label>
@@ -166,7 +167,6 @@
             placeholder-class="placeholder"></input>
         </view>
       </view>
-
       <!--      <view class="name">-->
       <!--        <label>-->
       <!--          <text>状态</text>-->

+ 1 - 1
htmldev/wxMini/project.private.config.json

@@ -7,7 +7,7 @@
     "miniprogram": {
       "list": [
         {
-          "name": "111",
+          "name": "1111",
           "pathName": "pages/businessGoodsEdit/businessGoodsEdit",
           "query": "",
           "launchMode": "default",