店铺管理

app.json

@@ -4,8 +4,8 @@
     "pages/logon/logon",
     "pages/order/order",
     "pages/me/me",
+    "pages/shop/shop",
     "pages/message/message",
-
     "pages/total/total"
   ],
   "window": {
@@ -55,6 +55,7 @@
     "van-divider": "@vant/weapp/divider/index",
     "van-grid": "@vant/weapp/grid/index",
     "van-grid-item": "@vant/weapp/grid-item/index",
+    "van-uploader": "@vant/weapp/uploader/index",
     "van-calendar": "@vant/weapp/calendar/index"
   }
 }

pages/shop/shop.js

@@ -0,0 +1,12 @@
+Page({
+  data: {
+    fileList: [
+    ],
+    value: '',
+  },
+  onChange(event) {
+    // event.detail 为当前输入的值
+    console.log(event.detail);
+  },
+  
+});

pages/shop/shop.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "店铺管理"
+}

pages/shop/shop.wxml

@@ -0,0 +1,63 @@
+<view style="background-color: white;margin-top: 10px; width:350px; height:120px;">
+   <text style="padding-left: 13px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 14px;font-weight: 500;color:rgba(34, 33, 32, 0.562);"> 店铺图片</text>
+   <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" style="padding-left: 230px;"/>
+</view>
+
+<view style=" margin-top:10px; background-color: white; padding: 13px;">
+   <view style="font-size: 14px;color:rgba(34, 33, 32, 0.562);">店铺名称</view> 
+   <view class="home-header-line" style="margin-top: 10px;margin-bottom: 10px;"></view>
+   <textarea class="a" style="font-size: 13px;color:rgba(163, 155, 155, 0.685)">请输入店铺名称</textarea>
+</view>
+
+<view style="background-color: white;margin-top: 10px; height: 20px;padding: 15px;">
+   <view style="font-size: 14px;color:rgba(34, 33, 32, 0.562);">配送费(￥)
+      <span style="color:red; padding-left: 190px;">5.00</span>
+   </view>
+</view>
+
+<van-cell-group>
+    <van-field
+    value="{{ username }}"
+    clearable
+    label="配送时长" 
+    placeholder="                            请输入时长"
+    bind:click-icon="onClickIcon"
+    />
+    
+    <van-field
+    value="{{ username }}"
+    clearable
+    label="包装费(￥)" 
+    placeholder="                            请输入金额"
+    bind:click-icon="onClickIcon"
+    />
+
+    <van-field
+    value="{{ username }}"
+    clearable
+    label="营业时间" 
+    placeholder="                      请输入营业时间"
+    bind:click-icon="onClickIcon"
+    />
+</van-cell-group>
+
+<view style=" margin-top:10px; background-color: white; padding: 13px;">
+   <view style="font-size: 14px;color:rgba(34, 33, 32, 0.562);">客服电话</view> 
+   <view class="home-header-line" style="margin-top: 10px;margin-bottom: 10px;"></view>
+   <textarea class="a" style="font-size: 13px;color:rgba(163, 155, 155, 0.685)">请输入客服电话</textarea>
+</view>
+
+<view style="margin-top: 10px; background: white; padding: 6px; margin-bottom: 10px;color:rgba(34, 33, 32, 0.562);" >公告
+<textarea class="b"  rows="2" value="请提供更多参考信息帮助我们核实，如周边标志建筑、近邻商户等。" maxlength="30" style="margin: 10px;color:grey; padding: 8px;">
+ <view style="margin-top: 80px; margin-left: 240px;">
+  <span style="color:red; font-size: 13px;">23</span>
+        <span style=" font-size: 13px;">/30</span>
+ </view>
+</textarea>
+</view>
+
+<van-button type="primary" color="#1E90FF" size="normal" round style="margin-left:25px;"
+>提交</van-button>
+
+
+

pages/shop/shop.wxss

@@ -0,0 +1,36 @@
+page{
+  background-color: rgba(223, 218, 218, 0.774);
+}
+.van-cell{
+  margin-top: 10px;
+}
+.home-header-line {
+  background: #e5e7e0;
+  height: 5rpx;
+}
+.text{
+  float: left;
+  margin-left: 35px;
+  margin-top: 50px
+}
+
+.b{
+  border:grey;
+  width:280px;
+  height:100px;
+  border-radius:5px;
+  border:1px solid rgb(224, 217, 217);
+}
+
+.a{
+  width:280px;
+  height:20px;
+}
+
+button{
+  width:85%
+}
+
+van-cell-group{
+   height: 10px;
+}

project.private.config.json

@@ -27,6 +27,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "店铺管理",
+          "pathName": "pages/shop/shop",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }