feat

init project
2023-06-06 16:07:59 +08:00 · 2023-06-06 16:07:59 +08:00 · da14783edc
commit da14783edc
40 changed files with 1387 additions and 0 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,31 @@
+/*
+ * Eslint config file
+ * Documentation: https://eslint.org/docs/user-guide/configuring/
+ * Install the Eslint extension before using this feature.
+ */
+module.exports = {
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
+  ecmaFeatures: {
+    modules: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  globals: {
+    wx: true,
+    App: true,
+    Page: true,
+    getCurrentPages: true,
+    getApp: true,
+    Component: true,
+    requirePlugin: true,
+    requireMiniProgram: true,
+  },
+  // extends: 'eslint:recommended',
+  rules: {},
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,15 @@
+# Windows
+[Dd]esktop.ini
+Thumbs.db
+$RECYCLE.BIN/
+
+# macOS
+.DS_Store
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+
+# Node.js
+node_modules/
+miniprogram_npm/
--- a/app.js
+++ b/app.js
@ -0,0 +1,20 @@
+// app.js
+App({
+  onLaunch() {
+    // 展示本地存储能力
+    const logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+  },
+  globalData: {
+    userInfo: null,
+    active: 0,
+  }
+})
--- a/app.json
+++ b/app.json
@ -0,0 +1,30 @@
+{
+    "pages": [
+        "pages/index/index",
+        "pages/logs/logs",
+        "pages/my/my",
+        "pages/payroll/payroll"
+    ],
+    "tabBar": {
+        "custom": true,
+        "list": [
+            {
+                "pagePath": "pages/index/index"
+            },
+            {
+                "pagePath": "pages/my/my"
+            }
+        ]
+    },
+    "window": {
+        "backgroundTextStyle": "light",
+        "navigationBarBackgroundColor": "#fff",
+        "navigationBarTitleText": "发薪Demo",
+        "navigationBarTextStyle": "black"
+    },
+    "usingComponents": {
+        "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
+        "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item"
+    },
+    "sitemapLocation": "sitemap.json"
+}
--- a/app.wxss
+++ b/app.wxss
@ -0,0 +1,24 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 
+.card {
+    display: flex;
+    flex-direction: column;
+    height: 200px;
+    width: 100%;
+    margin: 5%;
+}
+.title {
+    font-size: 20px;
+    font-weight: bold;
+}
+page {
+    background-color: rgb(245, 245, 245);
+}
--- a/components/card/index.js
+++ b/components/card/index.js
@ -0,0 +1,33 @@
+// components/payroll-manage/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        cardName: {
+            type: String,
+            value: "",
+        },
+        icons: {
+            type: Array,
+            value: [],
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        list: [
+            { value: 'label_1', label: '首页', icon: 'home' },
+            { value: 'label_2', label: '应用', icon: 'app' }
+        ]
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})
--- a/components/card/index.json
+++ b/components/card/index.json
@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "iconfont": "/iconfont/iconfont"
+    }
+}
--- a/components/card/index.wxml
+++ b/components/card/index.wxml
@ -0,0 +1,12 @@
+<!--components/payroll-manage/index.wxml-->
+<view class="card" >
+    <view class="title">{{cardName}}</view>
+    <view class="icon" >
+        <view wx:for="{{icons}}" wx:key="index" >
+            <view class="card-icon" style="background-color: {{item.color}}" >
+                <iconfont name="{{item.value}}" size="48" color="white" />
+            </view>
+            <view class="card-name">{{item.name}}</view>
+        </view>
+  </view>
+</view>
--- a/components/card/index.wxss
+++ b/components/card/index.wxss
@ -0,0 +1,38 @@
+/* components/payroll-manage/index.wxss */
+.card {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-left: 5%;
+    padding-bottom: 5%;
+    /* margin: 5%; */
+    background-color: white;
+    margin-bottom: 5%;
+}
+.title {
+    font-size: 105%;
+    font-weight: bold;
+    margin-top: 3%;
+}
+.icon {
+    flex: 0 0 25%;
+    display: flex;
+    flex-direction: row;
+}
+.card-icon {
+    overflow: hidden;
+    width: 100rpx;
+    height: 100rpx;
+    margin-left: 20rpx;
+    margin-right: 50rpx;
+    margin-top: 30rpx;
+    margin-bottom: 10rpx;
+    display: flex;
+    justify-content: center;
+    align-items:center; 
+    border-radius: 50%;
+}
+.card-name {
+    margin: 20rpx;
+    margin-bottom: 0%;
+}
--- a/custom-tab-bar/index.js
+++ b/custom-tab-bar/index.js
@ -0,0 +1,44 @@
+// custom-tab-bar/index.js
+Component({
+
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        active: 0,
+        list: [
+            { value: 0, label: '发薪', icon: 'money-circle' },
+            { value: 1, label: '我的', icon: 'user' },
+          ],
+        pageList: [{
+            url: '/pages/index/index'
+        },
+        {
+            url: '/pages/my/my'
+        }]
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        changePage(e) {
+            getApp().globalData.active = e.detail.value;
+            wx.switchTab({
+                url: this.data.pageList[e.detail.value].url,
+            })
+        },
+        init() {
+            const page = getCurrentPages().pop();
+            this.setData({
+                active: this.data.pageList.findIndex(item => item.url === '/' + `${page?.route}`)
+            })
+        }
+    }
+})
--- a/custom-tab-bar/index.json
+++ b/custom-tab-bar/index.json
@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
--- a/custom-tab-bar/index.wxml
+++ b/custom-tab-bar/index.wxml
@ -0,0 +1,6 @@
+<!--custom-tab-bar/index.wxml-->
+<t-tab-bar value="{{active}}" bindchange="changePage" theme="tag" split="{{false}}">
+  <t-tab-bar-item wx:for="{{list}}" wx:key="index" value="{{item.value}}" icon="{{item.icon}}">
+    {{item.label}}
+  </t-tab-bar-item>
+</t-tab-bar>
--- a/custom-tab-bar/index.wxss
+++ b/custom-tab-bar/index.wxss
@ -0,0 +1 @@
+/* custom-tab-bar/index.wxss */
--- a/iconfont.json
+++ b/iconfont.json
@ -0,0 +1,7 @@
+{
+    "symbol_url": "//at.alicdn.com/t/c/font_4106433_hbvaw7z674t.js",
+    "save_dir": "./iconfont",
+    "use_rpx": true,
+    "trim_icon_prefix": "icon",
+    "default_icon_size": 18
+}
--- a/iconfont/iconfont.js
+++ b/iconfont/iconfont.js
@ -0,0 +1,63 @@
+Component({
+  properties: {
+    // xiangmuguanli | yuangongguanli | dianzihetong | oa-shenpi | tuanduiguanli | zhifushezhi | baoxian | baoxianzhanghu | zhanghuyue
+    name: {
+      type: String,
+    },
+    // string | string[]
+    color: {
+      type: null,
+      observer: function(color) {
+        this.setData({
+          colors: this.fixColor(),
+          isStr: typeof color === 'string',
+        });
+      }
+    },
+    size: {
+      type: Number,
+      value: 18,
+      observer: function(size) {
+        this.setData({
+          svgSize: size / 750 * wx.getSystemInfoSync().windowWidth,
+        });
+      },
+    },
+  },
+  data: {
+    colors: '',
+    svgSize: 18 / 750 * wx.getSystemInfoSync().windowWidth,
+    quot: '"',
+    isStr: true,
+  },
+  methods: {
+    fixColor: function() {
+      var color = this.data.color;
+      var hex2rgb = this.hex2rgb;
+
+      if (typeof color === 'string') {
+        return color.indexOf('#') === 0 ? hex2rgb(color) : color;
+      }
+
+      return color.map(function (item) {
+        return item.indexOf('#') === 0 ? hex2rgb(item) : item;
+      });
+    },
+    hex2rgb: function(hex) {
+      var rgb = [];
+
+      hex = hex.substr(1);
+
+      if (hex.length === 3) {
+        hex = hex.replace(/(.)/g, '$1$1');
+      }
+
+      hex.replace(/../g, function(color) {
+        rgb.push(parseInt(color, 0x10));
+        return color;
+      });
+
+      return 'rgb(' + rgb.join(',') + ')';
+    }
+  }
+});
--- a/iconfont/iconfont.json
+++ b/iconfont/iconfont.json
@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
--- a/iconfont/iconfont.wxml
+++ b/iconfont/iconfont.wxml
@ -0,0 +1,26 @@
+<!--xiangmuguanli-->
+<view wx:if="{{name === 'xiangmuguanli'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M725.8 357.4H461.2c-17.6 0-31.9-14.3-31.9-31.9s14.3-31.9 31.9-31.9h264.6c17.6 0 31.9 14.3 31.9 31.9s-14.2 31.9-31.9 31.9z' fill='{{(isStr ? colors : colors[0]) || 'rgb(164,190,236)'}}' /%3E%3Cpath d='M274.6 325.5a63.8 63.8 0 1 0 127.6 0 63.8 63.8 0 1 0-127.6 0z' fill='{{(isStr ? colors : colors[1]) || 'rgb(63,133,255)'}}' /%3E%3Cpath d='M725.8 542.6H461.2c-17.6 0-31.9-14.3-31.9-31.9 0-17.6 14.3-31.9 31.9-31.9h264.6c17.6 0 31.9 14.3 31.9 31.9 0 17.7-14.2 31.9-31.9 31.9z' fill='{{(isStr ? colors : colors[2]) || 'rgb(164,190,236)'}}' /%3E%3Cpath d='M274.6 510.7a63.8 63.8 0 1 0 127.6 0 63.8 63.8 0 1 0-127.6 0z' fill='{{(isStr ? colors : colors[3]) || 'rgb(63,133,255)'}}' /%3E%3Cpath d='M725.8 727.8H461.2c-17.6 0-31.9-14.3-31.9-31.9 0-17.6 14.3-31.9 31.9-31.9h264.6c17.6 0 31.9 14.3 31.9 31.9 0 17.7-14.2 31.9-31.9 31.9z' fill='{{(isStr ? colors : colors[4]) || 'rgb(164,190,236)'}}' /%3E%3Cpath d='M274.6 696a63.8 63.8 0 1 0 127.6 0 63.8 63.8 0 1 0-127.6 0z' fill='{{(isStr ? colors : colors[5]) || 'rgb(63,133,255)'}}' /%3E%3Cpath d='M712.4 907.7H315.9c-95 0-172.2-77.2-172.2-172.2V286c0-95 77.3-172.2 172.2-172.2h396.4c95 0 172.2 77.3 172.2 172.2v449.4c0.1 95-77.1 172.3-172.1 172.3zM315.9 203.1c-45.7 0-82.9 37.2-82.9 82.9v449.4c0 45.7 37.2 82.9 82.9 82.9h396.4c45.7 0 82.9-37.2 82.9-82.9V286c0-45.7-37.2-82.9-82.9-82.9H315.9z' fill='{{(isStr ? colors : colors[6]) || 'rgb(63,133,255)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--yuangongguanli-->
+<view wx:if="{{name === 'yuangongguanli'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M893.4 858.9c1.7 19.6-13.2 37.1-33.3 37.1-16.2 0-30.7-11.9-32.4-28.6C813.2 710 678.4 586.7 512 586.7c48.6 0 94.3-15.4 131.4-41.4 135.3 48.2 235.1 168.5 250 313.6z' fill='{{(isStr ? colors : colors[0]) || 'rgb(255,206,0)'}}' /%3E%3Cpath d='M512 127.6c-126.7 0-229.5 102.8-229.5 229.5 0 77.7 38.8 146.8 98.1 188.2-135.3 48.2-235.1 168.5-250 314v3c0 18.3 14.1 33.7 32.9 33.7 16.6 0 31.1-11.9 32.4-28.2 14.9-156.5 148-279.4 313.1-281.1h3c48.6 0 94.3-15.4 131.4-41.4 59.3-41.4 98.1-110.5 98.1-188.2 0-126.7-102.8-229.5-229.5-229.5z m2.6 395.1H512c-91.3 0-165.5-74.2-165.5-165.5S420.7 191.6 512 191.6s165.5 74.2 165.5 165.5c0 90.5-72.9 164.3-162.9 165.6z' fill='{{(isStr ? colors : colors[1]) || 'rgb(51,51,51)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--dianzihetong-->
+<view wx:if="{{name === 'dianzihetong'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M411.819 853.333H228.18a8.021 8.021 0 0 1-8.021-8.021v-665.6a8.021 8.021 0 0 1 8.021-8.021h492.374a8.021 8.021 0 0 1 8.021 8.021v187.733a25.6 25.6 0 0 0 51.2 0V179.712a59.221 59.221 0 0 0-59.221-60.245H228.18A59.221 59.221 0 0 0 168.96 179.2v665.6a59.221 59.221 0 0 0 59.221 59.733H411.82a25.6 25.6 0 0 0 0-51.2z' fill='{{(isStr ? colors : colors[0]) || 'rgb(51,51,51)'}}' /%3E%3Cpath d='M648.533 324.267a25.6 25.6 0 0 0-25.6-25.6H329.9a25.6 25.6 0 0 0 0 51.2h293.717a25.6 25.6 0 0 0 24.917-25.6zM329.9 522.069h135.509a25.6 25.6 0 0 0 0-51.2h-135.51a25.6 25.6 0 0 0 0 51.2z m0 138.24h163.669a25.6 25.6 0 0 0 0-51.2h-163.67a25.6 25.6 0 0 0 0 51.2z' fill='{{(isStr ? colors : colors[1]) || 'rgb(51,51,51)'}}' /%3E%3Cpath d='M837.461 754.688h-33.109l-76.459-128.512a104.277 104.277 0 1 0-76.458 3.413l-84.31 125.099h-34.133a74.752 74.752 0 0 0 0 149.333h304.47a74.752 74.752 0 0 0 0-149.333z m-204.8-223.403a52.907 52.907 0 1 1 52.907 52.907 52.907 52.907 0 0 1-53.248-52.907z m58.027 132.096l54.443 91.307H628.907z m146.773 189.952H532.992a23.552 23.552 0 0 1 0-46.933h304.47a23.552 23.552 0 0 1 0 46.933z' fill='{{(isStr ? colors : colors[2]) || 'rgb(43,168,102)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--oa-shenpi-->
+<view wx:if="{{name === 'oa-shenpi'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M414.72 391.68h194.56V518.4H414.72z' fill='{{(isStr ? colors : colors[0]) || 'rgb(26,212,255)'}}' /%3E%3Cpath d='M893.44 769.254H130.56C58.458 769.254 0 710.797 0 638.694s58.458-130.56 130.56-130.56h762.88c72.102 0 130.56 58.458 130.56 130.56 0 72.116-58.458 130.56-130.56 130.56z' fill='{{(isStr ? colors : colors[1]) || 'rgb(26,212,255)'}}' /%3E%3Cpath d='M846.08 1024H177.92c-47.36 0-85.76-38.4-85.76-85.76s38.4-85.76 85.76-85.76h668.16c47.36 0 85.76 38.4 85.76 85.76s-38.4 85.76-85.76 85.76z' fill='{{(isStr ? colors : colors[2]) || 'rgb(102,233,255)'}}' /%3E%3Cpath d='M512 0C388.288 0 288 100.288 288 224s100.288 224 224 224 224-100.288 224-224S635.712 0 512 0z m0 352c-70.694 0-128-57.306-128-128S441.306 96 512 96s128 57.306 128 128-57.306 128-128 128z' fill='{{(isStr ? colors : colors[3]) || 'rgb(26,212,255)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--tuanduiguanli-->
+<view wx:if="{{name === 'tuanduiguanli'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M275.1 777.2c-2.4 0-4.8-0.7-7-1.9-4.3-2.4-7-7-7-12 0.1-53.5 16.9-104.6 48.7-147.8 31.8-43.2 75.8-74.6 127.1-90.9l6.4-2-5.7-3.4c-27.9-16.6-49.1-41.3-61.2-71.3-12.1-30-13.9-62.4-5.3-93.6 8.7-31.2 27-58 52.9-77.6 25.9-19.6 56.9-29.9 89.5-29.9 66.2 0 124.7 44.3 142.3 107.6 8.7 31.2 6.9 63.5-5.2 93.6-12.1 30-33.3 54.7-61.3 71.3l-5.7 3.4 6.3 2c51.2 16.4 95 47.8 126.6 91 31.7 43.2 48.4 94.2 48.5 147.6 0 7.6-6.3 13.8-14 13.8s-14-6.2-14-13.8c0-122.7-100.5-222.5-224-222.5s-224 99.8-224 222.5c0 5-2.6 9.4-7 12-2.1 1.2-4.5 1.9-6.9 1.9zM512 274.8c-65.8 0.2-119.4 53.6-119.4 119 0 31.6 12.9 62.4 35.5 84.5 22.6 22.2 52.5 34.5 84.2 34.5h1.2c65.8-0.7 119.1-54.4 118.7-119.7-0.4-65.2-54.2-118.3-119.8-118.3h-0.4z' fill='{{(isStr ? colors : colors[0]) || 'rgb(51,51,51)'}}' /%3E%3Cpath d='M363.9 513.5c0-4.5-1.8-8.7-5-11.9-3.2-3.1-7.5-5-12-5h-22.5c-44.1 0-79.8-35.4-79.8-79.2 0-43.8 35.7-79.2 79.8-79.2 9.4 0 17-7.5 17-16.8s-7.6-16.8-17-16.8c-51.7 0-96.8 34.6-109.8 84.3-13 49.7 9.4 101.8 54.6 126.8-59 35.2-93.3 100.3-88.8 168.6 0 9.3 7.6 16.8 17 16.8s17-7.5 17-16.8c0-76.8 41.3-154.4 133-154.4 9-0.2 16.2-7.4 16.5-16.4z m390.5-7.7c45.1-25 67.5-77.1 54.6-126.8-13-49.7-58.2-84.3-109.8-84.3-6.1 0-11.7 3.2-14.6 8.4-3 5.2-3 11.6 0 16.8 3 5.2 8.6 8.4 14.6 8.4 44.1 0 79.8 35.4 79.8 79.2 0 43.8-35.7 79.2-79.8 79.2h-22.5c-6.1 0-11.7 3.2-14.7 8.4s-3 11.6 0 16.8c3 5.2 8.6 8.4 14.7 8.4 91.8 0 133 77.6 133 154.4 0 9.3 7.6 16.8 17 16.8s17-7.5 17-16.8c4.4-68.4-30-133.6-89.3-168.9z' fill='{{(isStr ? colors : colors[1]) || 'rgb(248,194,114)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--zhifushezhi-->
+<view wx:if="{{name === 'zhifushezhi'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1068 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M3.71 0h1024v1024H3.71z' fill='{{(isStr ? colors : colors[0]) || 'rgb(216,216,216)'}}' fill-opacity='0' /%3E%3Cpath d='M402.217 278.23h215.296c66.56 0 117.418-151.894 117.418-151.894 0-45.525-4.309-79.957-78.293-82.347-73.984-2.432-91.69 54.358-144.853 54.358-54.443 0-81.707-44.672-148.736-54.4-66.987-9.686-78.294 36.864-78.294 82.389 0 0 50.774 151.893 117.462 151.893z m227.03 46.975h-227.03c-251.435 0-313.174 519.382-313.174 519.382 0 68.266 52.566 136.746 117.42 136.746h618.495c64.853 0 117.419-68.522 117.419-136.746 0 0-61.739-519.382-313.13-519.382z m25.77 399.19c15.19 0 27.477 12.928 27.477 28.842 0 15.958-12.288 28.886-27.477 28.886h-111.36v75.69a29.227 29.227 0 0 1-13.398 25.771 26.283 26.283 0 0 1-27.946 0 29.227 29.227 0 0 1-13.44-25.77v-75.691H376.83c-15.19 0-27.477-12.928-27.477-28.886 0-15.914 12.288-28.842 27.477-28.842h112.043v-36.651H376.83c-15.19 0-27.477-12.928-27.477-28.843 0-15.957 12.288-28.842 27.477-28.842h75.733L375.038 485.12a29.696 29.696 0 0 1 10.667-38.23 26.667 26.667 0 0 1 36.821 9.387l93.355 173.782h4.693l93.397-173.782a26.71 26.71 0 0 1 37.462-10.538c13.141 7.978 17.621 25.6 10.026 39.381l-77.525 144.939h71.083c15.19 0 27.477 12.928 27.477 28.842 0 15.958-12.288 28.886-27.477 28.886h-111.36v36.608h111.36z' fill='{{(isStr ? colors : colors[1]) || 'rgb(74,144,226)'}}' /%3E%3Cpath d='M801.577 883.2a42.667 42.667 0 1 0 85.333 0 42.667 42.667 0 1 0-85.333 0z' fill='{{(isStr ? colors : colors[2]) || 'rgb(224,32,32)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--baoxian-->
+<view wx:if="{{name === 'baoxian'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M323.385 711.984l2.855 3.109c39.969 42.835 102.421 80.144 185.928 111.234l0.714 0.346 0.714-0.346c97.782-36.617 166.657-81.525 204.842-134.033 34.616-47.326 38.542-93.271 38.542-123.67V294.34h-2.141c-5.71 0.345-11.777 0.345-17.487 0.345-152.026 0-219.83-67.362-222.685-70.471l-1.784-1.727-1.784 2.073c-2.855 2.764-71.017 70.126-222.685 70.126-5.71 0-11.42 0-17.487-0.345h-2.141v274.63c-0.002 74.27 31.403 117.105 54.599 143.013z' fill='{{(isStr ? colors : colors[0]) || 'rgb(222,249,248)'}}' /%3E%3Cpath d='M816.558 183.552c-7.204 0.472-13.958 0.472-20.71 0.472-168.834 0-246.273-79.3-248.524-81.659l-34.666-39.65-34.218 39.65c-3.152 3.303-85.092 87.796-269.234 81.187l-48.622-1.888v375.73c0 56.17 8.103 141.135 79.688 226.571l4.053 4.721c55.376 63.723 139.567 118.949 251.223 164.262l17.11 6.609 17.108-7.081C661.68 899.14 755.327 832.112 808.452 752.812c24.312-35.875 56.728-95.348 56.728-195.418v-375.73l-48.622 1.888z m4.05 373.843c0 41.537-4.952 104.316-48.624 168.985-48.174 71.747-135.067 133.11-258.427 183.144l-0.899 0.472-0.901-0.472c-105.352-42.481-184.141-93.461-234.566-151.991l-3.602-4.249c-29.264-35.4-68.884-93.932-68.884-195.418V229.81h2.701c7.653 0.472 14.857 0.472 22.062 0.472 191.343 0 277.335-92.045 280.937-95.82l2.253-2.834 2.251 2.362c3.602 4.247 89.143 96.292 280.937 96.292 7.204 0 14.859 0 22.062-0.472h2.701v327.585z m-209.803-1.416h88.244v-42.011H584.693v-42.009h88.242V329.408H453.227v142.551h85.092v42.009H423.963v42.011h86.442c-23.862 34.457-55.827 63.251-95.897 85.908 7.204 8.496 15.758 21.239 26.114 37.288 40.969-23.601 73.835-56.642 97.246-98.651V698.53h46.374V578.636c19.358 37.76 50.424 69.857 92.745 95.348 3.152-4.249 7.204-11.33 12.156-21.242 6.303-8.496 10.356-15.105 12.156-19.352-39.619-20.297-69.784-46.257-90.494-77.411z m-113.007-126.03v-58.532h129.664v58.532H497.798zM391.547 312.887c-16.659 67.97-39.169 127.446-68.433 177.951 0.899 6.609 2.251 15.105 4.501 25.963 3.152 16.049 5.402 28.792 6.303 37.288 11.255-16.049 21.611-32.569 31.066-50.034V698.53h43.22V409.651c11.257-27.848 20.71-55.699 27.914-84.021l-44.571-12.743z' fill='{{(isStr ? colors : colors[1]) || 'rgb(9,181,204)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--baoxianzhanghu-->
+<view wx:if="{{name === 'baoxianzhanghu'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M974.393 839.606c0 70.435-57.311 127.746-127.746 127.746H335.661c-70.435 0-127.746-57.311-127.746-127.746V277.521c0-70.435 57.311-127.747 127.746-127.747h510.986c70.435 0 127.746 57.311 127.746 127.747v562.085z' fill='{{(isStr ? colors : colors[0]) || 'rgb(241,244,255)'}}' /%3E%3Cpath d='M369.753 455.576h347.002c23.131 0 42.06-17.245 42.06-38.323V302.281c0-21.078-18.926-38.325-42.06-38.325H369.753c-23.132 0-42.062 17.245-42.062 38.325v114.013c0 22.037 18.928 39.282 42.062 39.282z m5.843-143.715H710.91v95.81H375.596v-95.81z' fill='{{(isStr ? colors : colors[1]) || 'rgb(74,125,255)'}}' /%3E%3Cpath d='M758.821 55.562H279.772c-92.453 0-167.667 75.214-167.667 167.667v110.067H88.152c-13.228 0-23.952 10.725-23.952 23.952S74.925 381.2 88.152 381.2h23.952v81.553H88.152c-13.228 0-23.952 10.725-23.952 23.952s10.725 23.953 23.952 23.953h23.952v81.553H88.152c-13.228 0-23.952 10.725-23.952 23.952s10.725 23.952 23.952 23.952h23.952v110.067c0 92.453 75.214 167.667 167.667 167.667H758.82c92.453 0 167.667-75.214 167.667-167.667V223.229c0.001-92.453-75.213-167.667-167.666-167.667z m119.762 694.621c0 66.033-53.729 119.762-119.762 119.762H279.772c-66.033 0-119.762-53.729-119.762-119.762V640.116h23.952c13.228 0 23.952-10.725 23.952-23.952s-10.725-23.952-23.952-23.952H160.01v-81.553h23.952c13.228 0 23.952-10.725 23.952-23.953s-10.725-23.952-23.952-23.952H160.01v-81.553h23.952c13.228 0 23.952-10.725 23.952-23.952s-10.725-23.952-23.952-23.952H160.01V223.229c0-66.033 53.729-119.762 119.762-119.762h479.049c66.033 0 119.762 53.729 119.762 119.762v526.954z' fill='{{(isStr ? colors : colors[2]) || 'rgb(74,125,255)'}}' /%3E%3Cpath d='M734.869 734.968h-383.24c-13.228 0-23.952 10.725-23.952 23.952s10.725 23.952 23.952 23.952h383.239c13.228 0 23.952-10.725 23.952-23.952s-10.724-23.952-23.951-23.952z m0-124.043h-383.24c-13.228 0-23.952 10.725-23.952 23.952s10.725 23.952 23.952 23.952h383.239c13.228 0 23.952-10.725 23.952-23.952s-10.724-23.952-23.951-23.952z' fill='{{(isStr ? colors : colors[3]) || 'rgb(74,125,255)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
+
+<!--zhanghuyue-->
+<view wx:if="{{name === 'zhanghuyue'}}" style="background-image: url({{quot}}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='{{svgSize}}px' height='{{svgSize}}px'%3E%3Cpath d='M297.347 296.307s-412.022 253.769-114.28 685.133c0 0 169.82 42.56 327.869 42.56 159.424 0 307.088-42.56 307.088-42.56s341.79-273.947-78.805-685.133c0 0 139.52-110.746 36.588-209.35 0 0-53.823-54.717-137.908-22.434 0 0-122.511-146.998-258.932 2.8 0 0-136.155-60.738-166.054 84.12 0 0.006-21.022 90.636 84.434 144.864z' fill='{{(isStr ? colors : colors[0]) || 'rgb(0,207,133)'}}' /%3E%3Cpath d='M372.001 495.453H652a10 10 0 0 1 10 10v1.871a10 10 0 0 1-10 10H372a10 10 0 0 1-10-10v-1.87a10 10 0 0 1 10-10z' fill='{{(isStr ? colors : colors[1]) || 'rgb(255,255,255)'}}' /%3E%3Cpath d='M424.8 408.072l85.7 85.763a9.945 9.945 0 0 1 0 14.059l-1.405 1.406a9.927 9.927 0 0 1-14.048 0l-85.699-85.763a9.947 9.947 0 0 1 0-14.059l1.4-1.406a9.928 9.928 0 0 1 14.053 0z' fill='{{(isStr ? colors : colors[2]) || 'rgb(255,255,255)'}}' /%3E%3Cpath d='M599.886 405.905l-85.968 86.012a9.974 9.974 0 0 0 0 14.1l1.409 1.41a9.96 9.96 0 0 0 14.093 0l85.969-86.012a9.975 9.975 0 0 0 0-14.1l-1.41-1.411a9.963 9.963 0 0 0-14.093 0.001z' fill='{{(isStr ? colors : colors[3]) || 'rgb(255,255,255)'}}' /%3E%3Cpath d='M511.073 500.424h1.854a10 10 0 0 1 10 10v223.569a10 10 0 0 1-10 10h-1.854a10 10 0 0 1-10-10V510.424a10 10 0 0 1 10-10z' fill='{{(isStr ? colors : colors[4]) || 'rgb(255,255,255)'}}' /%3E%3Cpath d='M372.001 580.95H652a10 10 0 0 1 10 10v1.872a10 10 0 0 1-10 10H372a10 10 0 0 1-10-10v-1.872a10 10 0 0 1 10-10z' fill='{{(isStr ? colors : colors[5]) || 'rgb(255,255,255)'}}' /%3E%3C/svg%3E{{quot}}); width: {{svgSize}}px; height: {{svgSize}}px; " class="icon" />
--- a/iconfont/iconfont.wxss
+++ b/iconfont/iconfont.wxss
@ -0,0 +1,3 @@
+.icon {
+  background-repeat: no-repeat;
+}
--- a/package-lock.json
+++ b/package-lock.json
@ -0,0 +1,520 @@
+{
+  "name": "payroll",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "tdesign-miniprogram": "^1.1.8"
+      },
+      "devDependencies": {
+        "mini-program-iconfont-cli": "^0.6.1"
+      }
+    },
+    "node_modules/axios": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-0.19.2.tgz",
+      "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
+      "deprecated": "Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410",
+      "dev": true,
+      "dependencies": {
+        "follow-redirects": "1.5.10"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.8",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.8.tgz",
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ=="
+    },
+    "node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.5.10.tgz",
+      "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "=3.1.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/mini-program-iconfont-cli": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/mini-program-iconfont-cli/-/mini-program-iconfont-cli-0.6.1.tgz",
+      "integrity": "sha512-69FsU+tSevwmHBiL55535Hfh1q0ciRpNyYtiTBZw2bvw9lvW3N/SCTg395P0rkisWMqf1Ki9VYIWeaONvNWy2Q==",
+      "dev": true,
+      "dependencies": {
+        "axios": "^0.19.0",
+        "colors": "^1.3.3",
+        "fs-extra": "^8.1.0",
+        "glob": "^7.1.4",
+        "minimist": "^1.2.5",
+        "mkdirp": "^0.5.1",
+        "tslib": "^1.10.0",
+        "xml2js": "^0.4.19"
+      },
+      "bin": {
+        "iconfont": "commands/help.js",
+        "iconfont-alipay": "commands/createAlipayIcon.js",
+        "iconfont-baidu": "commands/createBaiduIcon.js",
+        "iconfont-init": "commands/createJson.js",
+        "iconfont-kuaishou": "commands/createKuaishouIcon.js",
+        "iconfont-qq": "commands/createQqIcon.js",
+        "iconfont-toutiao": "commands/createToutiaoIcon.js",
+        "iconfont-wechat": "commands/createWechatIcon.js"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "node_modules/tdesign-miniprogram": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmmirror.com/tdesign-miniprogram/-/tdesign-miniprogram-1.1.8.tgz",
+      "integrity": "sha512-BkPAulks69Q6RIYXHsY+hCW2K6ou151WVtiQtDNZ/5o4HLgKgif17+N3DtTnAjyB8HLeoyNFJUjJp7hjdml6pQ==",
+      "dependencies": {
+        "dayjs": "^1.10.7"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmmirror.com/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "dev": true,
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmmirror.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    }
+  },
+  "dependencies": {
+    "axios": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-0.19.2.tgz",
+      "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
+      "dev": true,
+      "requires": {
+        "follow-redirects": "1.5.10"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "dev": true
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "dayjs": {
+      "version": "1.11.8",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.8.tgz",
+      "integrity": "sha512-LcgxzFoWMEPO7ggRv1Y2N31hUf2R0Vj7fuy/m+Bg1K8rr+KAs1AEy4y9jd5DXe8pbHgX+srkHNS7TH6Q6ZhYeQ=="
+    },
+    "debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "follow-redirects": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.5.10.tgz",
+      "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+      "dev": true,
+      "requires": {
+        "debug": "=3.1.0"
+      }
+    },
+    "fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "mini-program-iconfont-cli": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/mini-program-iconfont-cli/-/mini-program-iconfont-cli-0.6.1.tgz",
+      "integrity": "sha512-69FsU+tSevwmHBiL55535Hfh1q0ciRpNyYtiTBZw2bvw9lvW3N/SCTg395P0rkisWMqf1Ki9VYIWeaONvNWy2Q==",
+      "dev": true,
+      "requires": {
+        "axios": "^0.19.0",
+        "colors": "^1.3.3",
+        "fs-extra": "^8.1.0",
+        "glob": "^7.1.4",
+        "minimist": "^1.2.5",
+        "mkdirp": "^0.5.1",
+        "tslib": "^1.10.0",
+        "xml2js": "^0.4.19"
+      }
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.6"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
+    },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "tdesign-miniprogram": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmmirror.com/tdesign-miniprogram/-/tdesign-miniprogram-1.1.8.tgz",
+      "integrity": "sha512-BkPAulks69Q6RIYXHsY+hCW2K6ou151WVtiQtDNZ/5o4HLgKgif17+N3DtTnAjyB8HLeoyNFJUjJp7hjdml6pQ==",
+      "requires": {
+        "dayjs": "^1.10.7"
+      }
+    },
+    "tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmmirror.com/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "dev": true,
+      "requires": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      }
+    },
+    "xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmmirror.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "dev": true
+    }
+  }
+}
--- a/package.json
+++ b/package.json
@ -0,0 +1,8 @@
+{
+  "dependencies": {
+    "tdesign-miniprogram": "^1.1.8"
+  },
+  "devDependencies": {
+    "mini-program-iconfont-cli": "^0.6.1"
+  }
+}
--- a/pages/index/index.js
+++ b/pages/index/index.js
@ -0,0 +1,40 @@
+// index.js
+// 获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    showDialog: false
+  },
+  // 添加员工
+  addEmployee(e) {
+        console.log(e)
+        this.setData({
+            showDialog: true
+        })
+  },
+  closeDialog() {
+    this.setData({ 
+        showDialog: false 
+    });
+  },
+  // 转账记录页面
+  switchTransferRecord() {
+      // TODO 
+      wx.navigateTo({
+        url: '/pages/logs/logs',
+      })
+  },
+
+  onLoad() {
+    if (wx.getUserProfile) {
+      this.setData({
+        canIUseGetUserProfile: true
+      })
+    }
+  },
+  onShow() {
+    this.getTabBar().init();
+  },
+  
+})
--- a/pages/index/index.json
+++ b/pages/index/index.json
@ -0,0 +1,11 @@
+{
+    "usingComponents": {
+        "t-button": "tdesign-miniprogram/button/button",
+        "t-dialog": "tdesign-miniprogram/dialog/dialog",
+        "t-row": "tdesign-miniprogram/row/row",
+        "t-col": "tdesign-miniprogram/col/col",
+        "t-tabs": "tdesign-miniprogram/tabs/tabs",
+        "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
+        "t-empty": "tdesign-miniprogram/empty/empty"
+    }
+}
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@ -0,0 +1,36 @@
+<!--index.wxml-->
+<view>
+    <t-row class="head">
+        <view class="title">欢迎使用智能发薪</view>
+        <view class="subtitle">一键发薪 即时到账</view>
+        <t-button class="head-button" theme="primary" size="small" shape="round">一键发薪</t-button>
+    </t-row>
+    <t-row>
+        <t-col span="11" t-class="small-card" bindtap="addEmployee">
+            <view class="small-card-title">添加员工</view>
+            <view class="small-card-subtitle">快速添加项目员工</view>
+            <t-dialog
+                visible="{{showDialog}}"
+                title="添加项目员工"
+                content="告知当前状态、信息和解决方法，等内容。描述文案尽可能控制在三行内"
+                close-btn
+                confirm-btn="{{ { content: '发给员工', variant: 'base' } }}"
+                cancel-btn="生成项目码"
+                bind:confirm="closeDialog"
+                bind:cancel="closeDialog"
+                bind:close="closeDialog"
+                />
+        </t-col>
+        <t-col span="11" offset="1" t-class="small-card" bindtap="switchTransferRecord">
+            <view class="small-card-title">转账记录</view>
+            <view class="small-card-subtitle">转账明细可查</view>
+        </t-col>
+    </t-row>
+    <t-row>
+        <t-tabs defaultValue="{{0}}" t-class="custom-tabs" t-class-item="custom-tab-items">
+            <t-tab-panel label="制薪单" value="0" />
+            <t-tab-panel label="发薪单" value="1" />
+        </t-tabs>
+    </t-row>
+    
+</view>
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@ -0,0 +1,58 @@
+/**index.wxss**/
+
+.head {
+    display: flex;
+    flex-direction: column;
+    margin: 2%;
+    margin-top: 0%;
+    padding-top: 5%;
+    padding-bottom: 3%;
+    align-items: center;
+    background-color: white; 
+    border-radius: 5%; 
+}
+.title {
+    font-weight: bold;
+}
+.subtitle {
+    color: lightgray;
+    font-size: 85%;
+    margin-bottom: 5%;
+}
+.head-button {
+    color: orange;
+    background-color: orange;
+    width: 50%;
+}
+.small-card {
+    margin-left: 2%;
+    margin-bottom: 3%;
+    padding-top: 5%;
+    padding-left: 20px;
+    background-color: white;
+    height: 75px; 
+    border-radius: 5%;  
+}
+.small-card-title {
+    font-size: 85%;
+    font-weight: bold;
+    margin-bottom: 3%;
+}
+
+.small-card-subtitle {
+    color: gray;
+    font-size: 80%;
+}
+
+.custom-tabs {
+    margin-bottom: 32rpx;
+    background-color: gray;
+  }
+
+.custom-tab-items {
+    background-color: rgb(245, 245, 245);
+    border: hidden;
+}  
+
+
+
--- a/pages/logs/logs.js
+++ b/pages/logs/logs.js
@ -0,0 +1,18 @@
+// logs.js
+const util = require('../../utils/util.js')
+
+Page({
+  data: {
+    logs: []
+  },
+  onLoad() {
+    this.setData({
+      logs: (wx.getStorageSync('logs') || []).map(log => {
+        return {
+          date: util.formatTime(new Date(log)),
+          timeStamp: log
+        }
+      })
+    })
+  }
+})
--- a/pages/logs/logs.json
+++ b/pages/logs/logs.json
@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "查看启动日志",
+  "usingComponents": {}
+}
--- a/pages/logs/logs.wxml
+++ b/pages/logs/logs.wxml
@ -0,0 +1,6 @@
+<!--logs.wxml-->
+<view class="container log-list">
+  <block wx:for="{{logs}}" wx:key="timeStamp" wx:for-item="log">
+    <text class="log-item">{{index + 1}}. {{log.date}}</text>
+  </block>
+</view>
--- a/pages/logs/logs.wxss
+++ b/pages/logs/logs.wxss
@ -0,0 +1,8 @@
+.log-list {
+  display: flex;
+  flex-direction: column;
+  padding: 40rpx;
+}
+.log-item {
+  margin: 10rpx;
+}
--- a/pages/my/my.js
+++ b/pages/my/my.js
@ -0,0 +1,104 @@
+// pages/my/my.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        iconsList1:    [{
+            value: 'oa-shenpi',
+            color: 'orange',
+            name: 'OA审批'
+        }, {
+            value: 'zhifushezhi',
+            color: 'deepskyblue',
+            name: '支付设置'
+        }],
+        iconsList2: [{
+            value: 'xiangmuguanli',
+            color: 'deepskyblue',
+            name: '项目管理'
+        }, {
+            value: 'zhanghuyue',
+            color: 'mediumpurple',
+            name: '账号余额'
+        }, {   
+            value: 'yuangongguanli',
+            color: 'deepskyblue',
+            name: '员工库'
+        }, {
+            value: 'tuanduiguanli',
+            color: 'red',
+            name: '团队管理'
+        }],
+        iconsList3: [{
+            value: 'dianzihetong',
+            color: 'springgreen',
+            name: '电子合同'
+        },{
+            value: 'baoxian',
+            color: 'orange',
+            name: '投保项目'
+        },{
+            value: 'baoxianzhanghu',
+            color: 'deepskyblue',
+            name: '保险账户'
+        }]  
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+        this.getTabBar().init();
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})
--- a/pages/my/my.json
+++ b/pages/my/my.json
@ -0,0 +1,8 @@
+{
+    "usingComponents": {
+        "t-icon": "tdesign-miniprogram/icon/icon",
+        "t-cell": "tdesign-miniprogram/cell/cell",
+        "card": "../../components/card/index",
+        "iconfont": "/iconfont/iconfont"
+    }
+}
--- a/pages/my/my.wxml
+++ b/pages/my/my.wxml
@ -0,0 +1,18 @@
+<!--pages/my/my.wxml-->
+<view class="my">
+    <view class="userinfo">
+        <view class="userinfo-avatar" bindtap="bindViewTap">
+            <open-data type="userAvatarUrl"></open-data>
+        </view>
+        <view class="userinfo-detail">
+            <text class="userinfo-name">微信用户</text>
+            <text>驻场</text>
+        </view>
+    </view>
+    <card cardName="发薪管理" icons="{{iconsList1}}" />
+    <card cardName="管理助手" icons="{{iconsList2}}" />
+    <card cardName="风险管控" icons="{{iconsList3}}" />
+    <t-cell title="回到首页" hover arrow leftIcon="home" bordered="{{false}}" />
+    <t-cell title="关于我们" hover arrow leftIcon="error-circle" bordered="{{false}}" />
+</view>
+
--- a/pages/my/my.wxss
+++ b/pages/my/my.wxss
@ -0,0 +1,24 @@
+/* pages/my/my.wxss */
+
+.userinfo {
+    display: flex;
+    flex-direction: row;
+    background-color: white;
+}
+.userinfo-avatar {
+    overflow: hidden;
+    width: 128rpx;
+    height: 128rpx;
+    margin: 20rpx;
+    border-radius: 50%;
+  }
+
+.userinfo-detail {
+    display: flex;
+    flex-direction: column;
+    margin: 5%;
+}
+
+.userinfo-name {
+    font-weight: bold;
+}
--- a/pages/payroll/payroll.js
+++ b/pages/payroll/payroll.js
@ -0,0 +1,66 @@
+// pages/payroll/payroll.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})
--- a/pages/payroll/payroll.json
+++ b/pages/payroll/payroll.json
@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}
--- a/pages/payroll/payroll.wxml
+++ b/pages/payroll/payroll.wxml
@ -0,0 +1,2 @@
+<!--pages/payroll/payroll.wxml-->
+<text>pages/payroll/payroll.wxml</text>
--- a/pages/payroll/payroll.wxss
+++ b/pages/payroll/payroll.wxss
@ -0,0 +1 @@
+/* pages/payroll/payroll.wxss */
--- a/project.config.json
+++ b/project.config.json
@ -0,0 +1,52 @@
+{
+    "description": "项目配置文件",
+    "packOptions": {
+        "ignore": [],
+        "include": []
+    },
+    "setting": {
+        "bundle": false,
+        "userConfirmedBundleSwitch": false,
+        "urlCheck": true,
+        "scopeDataCheck": false,
+        "coverView": true,
+        "es6": true,
+        "postcss": true,
+        "compileHotReLoad": false,
+        "lazyloadPlaceholderEnable": false,
+        "preloadBackgroundData": false,
+        "minified": true,
+        "autoAudits": false,
+        "newFeature": false,
+        "uglifyFileName": false,
+        "uploadWithSourceMap": true,
+        "useIsolateContext": true,
+        "nodeModules": false,
+        "enhance": true,
+        "useMultiFrameRuntime": true,
+        "useApiHook": true,
+        "useApiHostProcess": true,
+        "showShadowRootInWxmlPanel": true,
+        "packNpmManually": false,
+        "enableEngineNative": false,
+        "packNpmRelationList": [],
+        "minifyWXSS": true,
+        "showES6CompileOption": false,
+        "minifyWXML": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        },
+        "condition": false
+    },
+    "compileType": "miniprogram",
+    "libVersion": "2.19.4",
+    "appid": "wx131524437f10d3ea",
+    "projectname": "miniprogram-92",
+    "condition": {},
+    "editorSetting": {
+        "tabIndent": "insertSpaces",
+        "tabSize": 4
+    }
+}
--- a/project.private.config.json
+++ b/project.private.config.json
@ -0,0 +1,7 @@
+{
+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+    "projectname": "payroll",
+    "setting": {
+        "compileHotReLoad": true
+    }
+}
--- a/sitemap.json
+++ b/sitemap.json
@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}
--- a/utils/util.js
+++ b/utils/util.js
@ -0,0 +1,19 @@
+const formatTime = date => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const hour = date.getHours()
+  const minute = date.getMinutes()
+  const second = date.getSeconds()
+
+  return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}`
+}
+
+const formatNumber = n => {
+  n = n.toString()
+  return n[1] ? n : `0${n}`
+}
+
+module.exports = {
+  formatTime
+}