3.29提交

user/pages/yishi/addServiceContent/index.js

@@ -11,9 +11,23 @@ Page({
     navbarData: {
         showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
         title: '添加服务内容', //导航栏 中间的标题
+      
       },
+      cycle_columns:['1个月', '3个月', '6个月', '12个月'],
+      showCycle:false
+  },
+  confirmCycle(event){
+    const { picker, value, index } = event.detail;
+    console.log(value);
+    this.setData({
+        showCycle:true
+    })
+  },
+  cancelCycle(){
+    this.setData({
+        showCycle:true
+    })
   },
-
   /**
    * 生命周期函数--监听页面加载
    */

user/pages/yishi/addServiceContent/index.json

@@ -3,6 +3,8 @@
     "te-nav-bar": "../../../../commpents/te_navbar/index",
     "van-field": "@vant/weapp/field/index",
     "van-icon": "@vant/weapp/icon/index",
+    "van-picker": "@vant/weapp/picker/index",
+    "van-popup": "@vant/weapp/popup/index",
     "van-button": "@vant/weapp/button/index"
   }
 }

user/pages/yishi/addServiceContent/index.wxml

@@ -29,14 +29,23 @@
     <view class="price_steup_box_bottom" style="border-bottom:0.5px solid #e7e7e7;padding-bottom: 25rpx;">
       <view class="price_steup_box_bottom_title">服务价格（元）</view>
       <view class="price_steup_box_bottom_num"> 
-       
-        <text class="price">不限制</text>
+       <input type="number" class="ipt"/><text class="unit">元</text>
       </view>
      
     </view>
-    <view class="tips">建议服务价格设置为：单次图文*10次*5~8折</view>
+    <view class="tips">
+        <view>建议服务价格设置为：单次图文*10次*5~8折</view>
+    </view>
   </view>
 </view>
 <view class="continueadd">继续添加服务内容</view>
 <view class="btn">保存</view>
 </view>
+<van-popup
+  show="{{ showCycle }}"
+  round
+  position="bottom"
+  custom-style="height: 35%"
+>
+<van-picker columns="{{ cycle_columns }}" show-toolbar bind:confirm="confirmCycle" title="周期" bind:cancel="cancelCycle"/>
+</van-popup>

user/pages/yishi/addServiceContent/index.wxss

@@ -54,8 +54,16 @@ page{
   .price_steup_box_bottom_num{
     flex: 1.5;
     display: flex;
+    justify-content: flex-end;
     text-align: right;
-    align-items: flex-end;
+    align-items:center;
+  }
+  .ipt{
+    font-size: 28rpx;
+    color: #E34D59;
+  }
+  .unit{
+    font-size: 28rpx;   
   }
   .price_steup_box_top::after{
     position: absolute;
@@ -104,6 +112,8 @@ page{
       margin:15rpx 30rpx;
     font-weight: 400;
 font-size: 24rpx;
+display: flex;
+justify-content: space-between;
 color: #E34D59;
   }
   .continueadd{
@@ -134,4 +144,18 @@ border-radius: 8rpx;
       margin:160rpx auto 0;
       background: #3CC7C0;
 border-radius: 8rpx;
+  }
+  .van-picker__cancel{
+    font-size: 32rpx!important;
+color: rgba(0,0,0,0.6)!important;
+  }
+  .van-picker__confirm{
+    font-size: 32rpx!important;
+   color: #3CC7C0!important; 
+  }
+  .van-picker__title{
+    font-size: 32rpx!important; 
+  }
+  .van-picker__toolbar{
+      border-bottom:.5px solid #E7E7E7;
   }