认证店家

project.config.json

@@ -167,6 +167,12 @@
                     "name": "我买到的",
                     "pathName": "/pages/allorder",
                     "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "店铺申请",
+                    "pathName": "/pages/store/apply",
+                    "scene": null
                 }
             ]
         }

src/main.js

@@ -50,7 +50,8 @@ export default {
             'pages/minePublish',
             'pages/mineFollow',
             'pages/changeText',
-            'pages/chooseAddress'
+            'pages/chooseAddress',
+            'pages/store/apply'
         ],
         tabBar: {
             color: '#7E7E80',

src/pages/store/apply.vue

@@ -1,9 +1,138 @@
+<config>
+{
+    "navigationStyle": "custom",
+    "navigationBarTextStyle": "white",
+}
+</config>
 <template>
-    <div></div>
+    <div class="page">
+        <van-image width="100%" src="/native/imgs/renzheng_img_top.jpg" fit="widthFix" />
+
+        <div class="page-top">
+            <div class="text1">填写申请资料</div>
+            <div class="text2">申请所填信息仅用于平台店家审核使用，决不做其他用途</div>
+        </div>
+        <van-form :border="false">
+            <van-field
+                name="店家名称"
+                label="店家名称"
+                placeholder="请输入您店铺的名称"
+                :value="form.storeName"
+                :rules="[{ required: true, message: '请输入您店铺的名称' }]"
+            />
+            <van-field
+                type="phone"
+                name="手机号码"
+                label="手机号码"
+                placeholder="请输入您的手机号码"
+                :value="form.phone"
+                :rules="[{ required: true, message: '请输入您的手机号码' }]"
+            />
+
+            <van-field
+                type="text"
+                label="电子邮箱"
+                placeholder="请输入邮箱"
+                :value="form.email"
+                :rules="[{ required: true, message: '请输入邮箱' }]"
+            />
+            <van-field
+                type="text"
+                label="身份证号"
+                placeholder="请输入18位身份证号"
+                :value="form.id"
+                :rules="[{ required: true, message: '请输入18位身份证号' }]"
+            />
+
+            <van-cell title="身份证照片（正面照）">
+                <van-uploader :file-list="form.idimgs" />
+            </van-cell>
+
+            <van-cell title="营业执照" :border="false">
+                <van-uploader :file-list="form.icImgs" />
+            </van-cell>
+
+            <div class="btn">
+                <van-button block type="primary" native-type="submit">提交审核</van-button>
+            </div>
+        </van-form>
+    </div>
 </template>
 
 <script>
-export default {};
+export default {
+    data() {
+        return {
+            form: {
+                idimgs: [],
+                icImgs: []
+            }
+        };
+    }
+};
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.page {
+    padding-bottom: 150px;
+}
+.page-top {
+    .flex-col();
+    align-items: center;
+    padding-bottom: 14px;
+    .text1 {
+        font-size: 16px;
+        font-weight: bold;
+        color: #000000;
+        line-height: 22px;
+    }
+
+    .text2 {
+        width: 300px;
+        height: 22px;
+        font-size: 12px;
+        color: #aaabad;
+        line-height: 22px;
+        margin-top: 8px;
+    }
+}
+
+/deep/ .van-cell {
+    --cell-vertical-padding: 23px;
+    --cell-horizontal-padding: 20px;
+    --field-label-color: #000000;
+    --cell-text-color: #000;
+    .van-field__label,
+    .van-cell__title {
+        font-weight: bold;
+        width: 70px;
+        max-width: 70px !important;
+        min-width: 70px !important;
+        flex-shrink: 0;
+        margin-right: 10px !important;
+    }
+    .van-cell__value {
+        text-align: left;
+    }
+
+    .van-uploader__upload {
+        width: 160px !important;
+        height: 160px !important;
+        border-radius: 12px;
+    }
+
+    &::after {
+        left: 100px !important;
+    }
+}
+
+.btn {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 6px 43px;
+    .bottom(6px);
+    background-color: #fff;
+}
+</style>