@kjts20/tool-weixin-mp NPM

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

安装方式

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|ts 中初始化项目配置

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

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

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

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

四、导入公共样式

在 app.wx|scss 中底一行添加如下样式

@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"
        }
    ]
}