更新记录

1.1（2025-07-17） 下载此版本

干净版

1.0（2025-07-04） 下载此版本

无

平台兼容性

uni-app(4.06)

uni-app x(4.06)

其他

uniapp

介绍

uniapp vue3 ts vite pinia axios router-next wot design

安装运行

yarn
yarn dev (小程序环境)
yarn dev:h5
...
具体查看package.json

mock

项目可以使用 mock 接口，在 mock 文件夹下，接口前缀必须是 mock

分包

在 pages.json 中， 与 pages 同级添加 "subPackages": [ { "root": "subPages", "pages": [ ] } ],

启动时

如果启动时报错 两种方案：

• 将 yarn 升级至 4.9.1 版本(需开启 core,嫌麻烦可看第二步)
• 将 package.json 页面中的最底部

"packageManager": "yarn@4.9.1+sha512.f95ce356460e05be48d66401c1ae64ef84d163dd689964962c6888a9810865e39097a5e9de748876c2e0bf89b232d583c33982773e9903ae7a76257270986538"
这一行删除, 重新执行yarn

模拟请求

• 请求时可以实现 mock 方式请求，但是需要将接口前缀写为 mock。 如：

api.ts
// mock 请求示例
export function fetchMockTest() {
    return request<IHttpResponse>({
        url: `/mock/getMockData`,
        method: "GET",
    });
}

index.vue
import { fetchMockTest } from "./api.ts";
const handleRequest = () => {
    fetchMockTest().then((res) => {
        console.log(res);
    });
};
注： mock请求只在小程序下有效，h5无效!!

css 使用

可在 scr/static/css/base.scss 、 scr/static/css.index.scss 查看公共样式