@kjts20/tool-weixin-mp/README.md

wkj

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

### 安装方式

```shell
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 内部）添加如下代码

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

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

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

#### 四、导入公共样式

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

```css
@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 字段

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

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

··