1 Star 0 Fork 0

goldpankit / walle-uniapp-mp

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

Wall-E由GoldPanKit团队研发,致力于快速研发APP、小程序、电脑网页等类型的C端项目。

框架介绍

当前为Uniapp小程序的通用框架,样式预编译采用SASS,状态管理采用Pinia,未使用UI库。后续会陆续上架常用页面的插件。

功能总览

  • 环境分离:提供开发、测试和生产环境的配置分离
  • 常用插件,如dayjs,快速获取字典和系统配置方法等
  • 请求工具脚本:可通过core/utils/request.js调用接口
  • 整合pinia
  • 分包处理
  • 主题定义
  • 内置图标

全局组件

Icon

用于获取图标,用法如下:

<Icon icon="icon-musicfill"/>

icon可在static/iconfont/demo_index.html中获取。

全局对象/方法

$consts/常量

可在core/plugins/consts.js中定义常量,如下方式获取

console.log(this.$consts.NAME);

$storage/本地存储

提供方法如下

方法名 参数 描述
get key 从存储中获取数据
set key, value 存储数据
remove key 根据key删除存储的数据

用法如下

// 写入数据
this.$storage.set('myKey', 1);
// 获取数据
console.log(this.$storage.get('myKey'));
// 删除数据
this.$storage.remove('myKey');

$tip/全局提示

目前提供了apiFailed方法用于做接口调用异常提示,与Eva用法保持一致。

fetchList()
  .then(() =>   {})
  .catch(e =>   {
    this.$tip.apiFailed()
  })

$bus/事件总线

事件总线用于处理跨页面的事件。

// 绑定confirm事件
this.$bus.on('confirm', () =>   {
  // 删除confirm事件
  this.$bus.delete('confirm')
})
// 触发confirm事件
this.$bus.emit('confirm')

$dayjs/日期处理

详见dayjs中文网(非官网)

$c/根据配置编码获取配置值

详见Eva4获取系统配置值

$d/根据编码表达式获取字典或数据标签

详见Eva4获取字典/字典数据标签

$dc/获取字典数据配置方法

详见Eva4获取字典数据配置方法

$defaultStore/默认store

可通过默认store获取默认store中的数据,如

// 获取客户端配置
console.log(this.$defaultStore.clientConfig)

navigateTo/跳转

封装uni.navigateTo方法,用法如下

this.navigateTo('pages/index/index')

注意切换tabBar不能使用该方法。

分包处理

注意:分包应该是子页面,而不应该是tabbar对应的页面,这会导致切换tab时页面还在加载中导致闪现的情况。

  1. 创建分包目录,与pages同级,如pages-user
  2. 修改pages.json文件如下
{
  "pages": [],
  "subPackages": [
    {
      "root": "pages-user",
      "pages": [
        {
          "path": "user/index"
        }
      ]
    }
  ]
}
MIT License Copyright (c) 2024 Caesar.Liu Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

🇨🇳一套基于Uniapp Vue3、SASS、Pinia的微信小程序开发框架,可与任意Wall-E系后端结合使用来完成C端互联网项目的研发。 展开 收起
HTML 等 5 种语言
MIT
取消

发行版 (1)

全部

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/goldpankit/walle-uniapp-mp.git
git@gitee.com:goldpankit/walle-uniapp-mp.git
goldpankit
walle-uniapp-mp
walle-uniapp-mp
master

搜索帮助