diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1eae0cf
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+dist/
+node_modules/
diff --git a/package.json b/package.json
index 16eb6a9..58dc2bf 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "Android >= 4.1",
     "ios >= 8"
   ],
-  "author": "",
+  "author": "xpz2018 <107107461@qq.com>",
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.7.7",
@@ -50,8 +50,8 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@qnjs/cli": "0.1.9",
     "@babel/core": "^7.8.0",
+    "@qnjs/cli": "0.1.9",
     "@tarojs/cli": "3.3.2",
     "@tarojs/mini-runner": "3.3.2",
     "@tarojs/plugin-sass": "^2.2.10",
@@ -71,5 +71,7 @@
     "typescript": "^3.7.0",
     "vue-loader": "^16.0.0-beta.8",
     "webpack-bundle-analyzer": "^4.4.2"
-  }
+  },
+  "main": "index.js",
+  "repository": "http://git.qniao.cn/libo/ztb-client-weapp.git"
 }
diff --git a/project.config.json b/project.config.json
index c6c80e9..67f015b 100644
--- a/project.config.json
+++ b/project.config.json
@@ -2,7 +2,7 @@
   "miniprogramRoot": "./dist",
   "projectname": "ztb-client-mini",
   "description": "",
-  "appid": "touristappid",
+  "appid": "wx7a4a8415e6821108",
   "setting": {
     "urlCheck": true,
     "es6": false,
diff --git a/src/app.config.ts b/src/app.config.ts
index 9870f49..e3a807f 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -1,7 +1,32 @@
 export default {
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/moment/index',
+    'pages/home/index'
   ],
+  tabBar: {
+    selectedColor: '#007AFF',
+    list: [
+      {
+        pagePath: 'pages/moment/index',
+        text: '情报',
+        iconPath: './assets/images/icon_post_gray.png',
+        selectedIconPath: './assets/images/icon_post_blue.png'
+      },
+      {
+        pagePath: 'pages/index/index',
+        text: '交易',
+        iconPath: './assets/images/icon_trans_gray.png',
+        selectedIconPath: './assets/images/icon_trans_blue.png'
+      },
+      {
+        pagePath: 'pages/home/index',
+        text: '我的',
+        iconPath: './assets/images/icon_self_gray.png',
+        selectedIconPath: './assets/images/icon_self_blue.png'
+      }
+    ]
+  },
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
diff --git a/src/assets/images/icon_post_blue.png b/src/assets/images/icon_post_blue.png
new file mode 100644
index 0000000..cad68f6
Binary files /dev/null and b/src/assets/images/icon_post_blue.png differ
diff --git a/src/assets/images/icon_post_gray.png b/src/assets/images/icon_post_gray.png
new file mode 100644
index 0000000..53fc7f4
Binary files /dev/null and b/src/assets/images/icon_post_gray.png differ
diff --git a/src/assets/images/icon_self_blue.png b/src/assets/images/icon_self_blue.png
new file mode 100644
index 0000000..0d4a1fe
Binary files /dev/null and b/src/assets/images/icon_self_blue.png differ
diff --git a/src/assets/images/icon_self_gray.png b/src/assets/images/icon_self_gray.png
new file mode 100644
index 0000000..a8e6b99
Binary files /dev/null and b/src/assets/images/icon_self_gray.png differ
diff --git a/src/assets/images/icon_trans_blue.png b/src/assets/images/icon_trans_blue.png
new file mode 100644
index 0000000..06904e8
Binary files /dev/null and b/src/assets/images/icon_trans_blue.png differ
diff --git a/src/assets/images/icon_trans_gray.png b/src/assets/images/icon_trans_gray.png
new file mode 100644
index 0000000..836a8c8
Binary files /dev/null and b/src/assets/images/icon_trans_gray.png differ
diff --git a/src/assets/raw/ding.mp3 b/src/assets/raw/ding.mp3
new file mode 100644
index 0000000..19dc907
Binary files /dev/null and b/src/assets/raw/ding.mp3 differ
diff --git a/src/pages/home/index.config.ts b/src/pages/home/index.config.ts
new file mode 100644
index 0000000..c21435b
--- /dev/null
+++ b/src/pages/home/index.config.ts
@@ -0,0 +1,4 @@
+export default {
+  navigationBarTitleText: '我的',
+  navigationStyle: 'custom'
+}
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
new file mode 100644
index 0000000..3a829fe
--- /dev/null
+++ b/src/pages/home/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="p-1 index-page">
+    <qn-title required type="form" size="md" title="测试@qn/c中的qn-title组件"></qn-title>
+    <div class="select-text bg-gradient-to-r from-green-400 to-blue-500">
+      {{ msg }}
+    </div>
+    <div class="flex justify-between m-1">
+      <nut-button type="info" shape="square" @click="testLogin">测试登录</nut-button>
+      <nut-button type="primary" @click="testMenu">测试登录后的接口</nut-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs, ref, onMounted, onUnmounted } from 'vue'
+import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro'
+import { type } from '@qnjs/shared'
+import { random, debounce } from 'lodash-es'
+
+import {
+  yyt_ob_CfobAdminApi_getLoginInfoUsingGET
+} from '@/qnApi'
+import Qn from '@qnjs/qn'
+
+const { log } = console
+
+export default {
+  name: 'Home',
+  // 调用生命周期函数，方式一
+  mounted() {
+    log('home>>>mounted')
+  },
+  onReady() {
+    log('home onReady')
+  },
+  onShow() {
+    log('home onShow')
+  },
+  onHide() {
+    log('home onHide')
+  },
+  methods: {
+    testLogin() {
+      Qn.$http({
+        url: `/cloud-factory-operation-backend/admin/login`, 
+        data: {
+          username: 'liuji@qniao.cn',
+          password: 'qn123456',
+          $configs: {
+            $isFormData: true,
+            $isWithTotalHttpResponse: true
+          }
+        }, 
+        method: 'POST'
+      }).then(res => {
+        if (res && res.statusCode === 200 && res.data && res.data.code === 200) {
+          const token = res.header.authorization
+          Qn.setToken(token)
+        }
+      })
+    }
+  },
+  setup() {
+    const msg = ref('测试 tailwind')
+    
+    // 调用生命周期函数，方式二
+    // onMounted(function() {
+    //   eventCenter.once(getCurrentInstance().router.onShow, function() {
+    //     log('index onShow from eventCenter: ', )
+    //   })
+    //   eventCenter.once(getCurrentInstance().router.onReady, function() {
+    //     log('index onReady from eventCenter: ', )
+    //   })
+    //   eventCenter.once(getCurrentInstance().router.onHide, function() {
+    //     log('index onHide from eventCenter: ', )
+    //   })
+    // })
+
+    log('use type in @qn/shared example: ', type(1))
+    log('use random in lodash-es example: ', random(0, 100))
+
+    onUnmounted(() => {
+      log('index onUnmounted')
+    })
+
+    // 防抖、防重复点击，1s后接口调用
+    const testMenu = debounce(yyt_ob_CfobAdminApi_getLoginInfoUsingGET, 1000)
+    
+    return {
+      msg,
+      testMenu
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.index-page {
+  padding: 0px;
+}
+</style>
diff --git a/src/pages/moment/index.config.ts b/src/pages/moment/index.config.ts
new file mode 100644
index 0000000..a1058f4
--- /dev/null
+++ b/src/pages/moment/index.config.ts
@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '情报'
+}
diff --git a/src/pages/moment/index.vue b/src/pages/moment/index.vue
new file mode 100644
index 0000000..db927f6
--- /dev/null
+++ b/src/pages/moment/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="p-1 index-page">
+    <qn-title required type="form" size="md" title="测试@qn/c中的qn-title组件"></qn-title>
+    <div class="select-text bg-gradient-to-r from-green-400 to-blue-500">
+      {{ msg }}
+    </div>
+    <div class="flex justify-between m-1">
+      <nut-button type="info" shape="square" @click="testLogin">测试登录</nut-button>
+      <nut-button type="primary" @click="testMenu">测试登录后的接口</nut-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs, ref, onMounted, onUnmounted } from 'vue'
+import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro'
+import { type } from '@qnjs/shared'
+import { random, debounce } from 'lodash-es'
+
+import {
+  yyt_ob_CfobAdminApi_getLoginInfoUsingGET
+} from '@/qnApi'
+import Qn from '@qnjs/qn'
+
+const { log } = console
+
+export default {
+  name: 'QnUI',
+  // 调用生命周期函数，方式一
+  mounted() {
+    log('mounted')
+  },
+  onReady() {
+    log('index onReady')
+  },
+  onShow() {
+    log('index onShow')
+  },
+  onHide() {
+    log('index onHide')
+  },
+  methods: {
+    testLogin() {
+      Qn.$http({
+        url: `/cloud-factory-operation-backend/admin/login`, 
+        data: {
+          username: 'liuji@qniao.cn',
+          password: 'qn123456',
+          $configs: {
+            $isFormData: true,
+            $isWithTotalHttpResponse: true
+          }
+        }, 
+        method: 'POST'
+      }).then(res => {
+        if (res && res.statusCode === 200 && res.data && res.data.code === 200) {
+          const token = res.header.authorization
+          Qn.setToken(token)
+        }
+      })
+    }
+  },
+  setup() {
+    const msg = ref('测试 tailwind')
+    
+    // 调用生命周期函数，方式二
+    // onMounted(function() {
+    //   eventCenter.once(getCurrentInstance().router.onShow, function() {
+    //     log('index onShow from eventCenter: ', )
+    //   })
+    //   eventCenter.once(getCurrentInstance().router.onReady, function() {
+    //     log('index onReady from eventCenter: ', )
+    //   })
+    //   eventCenter.once(getCurrentInstance().router.onHide, function() {
+    //     log('index onHide from eventCenter: ', )
+    //   })
+    // })
+
+    log('use type in @qn/shared example: ', type(1))
+    log('use random in lodash-es example: ', random(0, 100))
+
+    onUnmounted(() => {
+      log('index onUnmounted')
+    })
+
+    // 防抖、防重复点击，1s后接口调用
+    const testMenu = debounce(yyt_ob_CfobAdminApi_getLoginInfoUsingGET, 1000)
+    
+    return {
+      msg,
+      testMenu
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.index-page {
+  padding: 0px;
+}
+</style>