时时工具包-微信小程序工具

安装方式

npm install @kjts20/tool-weixin-mp

功能说明

• 请求封装为 httpServer 形式
• 仓库封装为 store 调用
• 事件实例化: Event
• 跳转: goto、back
• 自定义 wxs
• 自定义脚手架
• 同一定义样式

前序说明

下载依赖

• npm install @kjts20/tool

初始化小程序

• 使用 TS、scss 为小程序编程语言
• 使用 Tdesign 作为 UI 组件库

小程序初始化操作

一、安装依赖

• yarn

二、构建 npm

• 工具 -> 构建 npm

三、在 app.[j|t]s 中初始化项目配置

• 在 App 前面（非 App 内部）添加如下代码

import { startApp, hideApp } from '@/lib/index';
// 初始化app
initApp();

• 在 App 的钩子函数 onHide 添加代码：hideApp();

App<IAppOption>({
    ...
    onShow() {
        startApp();
    },
    onHide() {
        hideApp();
    }
});

四、导入公共样式

• 在 app.[wx|sc]ss 中底一行添加如下样式

@import './miniprogram_npm/@kjts20/tool/wx.wxss';
@import './style/wr-iconfont/iconfont.wxss';

.t-tabs__item--active {
    font-weight: 400 !important;
}

开发说明

注意事项

app.json 中自定义 tabbar 时候，图标使用的 icon 字段

"tabBar": {
    "custom": true,
    "list": [
        {
            "selectedColor": "#000000",
            "text": "测试",
            "pagePath": "pages/index/index",
            "icon": "home"
        },
        {
            "selectedColor": "#000000",
            "text": "测试2",
            "pagePath": "pages/logs/logs",
            "icon": "user"
        }
    ]
}

初始化的部分包含 tabbar，如果不需要需要自定去除

··