我的

project.config.json

@@ -83,6 +83,12 @@
           "name": "聊天页面",
           "pathName": "/pages/chat",
           "scene": null
+        },
+        {
+          "id": -1,
+          "name": "我的",
+          "pathName": "/pages/mine",
+          "scene": null
         }
       ]
     }

src/main.js

@@ -6,6 +6,7 @@ import http from './plugins/http';
 import Dialog from './vant/dialog/dialog';
 import common from './mixins/common';
 import './styles/font.less';
+import './styles/vanIndex.less';
 
 Vue.prototype.$colors = {
     prim: '#FF7F1F',
@@ -32,7 +33,7 @@ export default {
         pages: [
             'pages/Home',
             'pages/address',
-            'pages/my/my',
+            'pages/mine',
             'pages/receiving',
             'pages/add',
             'pages/details',
@@ -57,7 +58,7 @@ export default {
                     selectedIconPath: 'native/imgs/tabbar_icon_05_pre.png'
                 },
                 {
-                    pagePath: 'pages/order',
+                    pagePath: 'pages/mine',
                     text: '我的',
                     iconPath: 'native/imgs/tabbar_icon_04.png',
                     selectedIconPath: 'native/imgs/tabbar_icon_04_pre.png'

src/pages/mine.vue

@@ -0,0 +1,38 @@
+<config>
+{
+    "navigationBarTitleText": "",
+    "disableScroll":true
+}
+</config>
+<template>
+    <div>
+        <div class="top">
+            <van-image src="/native/imgs/avatar.png" width="90" height="90" round class="avatar" fit="cover">
+            </van-image>
+
+            <van-button type="primary">点击授权登录</van-button>
+        </div>
+        <van-image width="100%" height="86" src="/native/imgs/info_img_renzhengdianjia.png" fit="contain" />
+    </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less" scoped>
+.top {
+    padding: 0 20px 34px;
+    background: #fff;
+
+    .flex();
+
+    ._van-button {
+        margin-left: 20px;
+    }
+}
+
+/deep/ page {
+    background-color: @bg;
+}
+</style>

src/pages/my/my.vue

@@ -1,79 +0,0 @@
-<template>
-    <div class="app">
-        <img class="img" :src="logo" @touchstart="changeStat" />
-        <hello-world :msg="acc" :color="color"></hello-world>
-    </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            logo:
-                'https://user-images.githubusercontent.com/20720117/48262986-80e02780-e45f-11e8-8426-2872916adad9.png',
-            color: '#007d37',
-            acc: 'hello bigMeow'
-        };
-    },
-    beforeCreate() {
-        console.log('Page [my] Vue beforeCreate');
-    },
-    created() {
-        console.log('Page [my] Vue created');
-        var appInstance = getApp();
-        console.log(appInstance.globalData); // I am global data
-    },
-    beforeMount() {
-        console.log('Page [my] Vue beforeMount');
-    },
-    mounted() {
-        console.log('Page [my] Vue mounted');
-    },
-    onLoad(options) {
-        // Do some initialize when page load.
-        console.log('Page [my] onLoad');
-    },
-    onReady() {
-        // Do something when page ready.
-        console.log('Page [my] onReady');
-    },
-    onShow() {
-        // Do something when page show.
-        console.log('Page [my] onShow');
-    },
-    onHide() {
-        // Do something when page hide.
-        console.log('Page [my] onHide');
-    },
-    onUnload() {
-        // Do something when page close.
-        console.log('Page [my] onUnload');
-    },
-    /**
-     * for other event handlers, please check https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
-     */
-    methods: {
-        changeStat() {
-            this.t++;
-            this.color = '#' + Math.floor(Math.random() * 0xffffff).toString(16);
-        }
-    }
-};
-</script>
-
-<style lang="less">
-.app {
-    padding-top: 100px;
-    .img {
-        display: block;
-        height: 120px;
-        width: 138px;
-        margin: 20px auto;
-    }
-    .txt {
-        color: #567567;
-        font-size: 13px;
-        text-align: center;
-    }
-}
-</style>

src/styles/vanIndex.less

@@ -0,0 +1,7 @@
+@prim: #ff6c00;
+
+.van-button {
+    --button-primary-background-color: @prim;
+    --button-primary-border-color: @prim;
+    --button-border-radius: 8px;
+}