0.9.0 • Published 3 years ago
smartuiweapp v0.9.0
smartui组件库使用手册
基本组件
组件 | 描述 | |
---|---|---|
1 | floatingbtn | 悬浮按钮 |
2 | loading | 加载状态 |
3 | loadmore | 加载更多 |
基本模块
模块 | 描述 | |
---|---|---|
1 | toast消息 | 二次封装更易于使用 |
2 | 导航 | 二次封装更易于使用 |
3 | 网络 | 二次封装便于管理程序中所有的网络请求 |
4 | sha256加密 | 前端sha256加密模块 |
快速开始
github 下载发布包,解压后放在项目根目录
https://github.com/Nightstars/smartui/releases/download/0.5.4/dist.zip
npm 安装
npm i smartuiweapp
用法参考
组件使用
index.json
{
"usingComponents": {
...,
[github 发布包用户(相对路径根据实际项目路径修改)]
"smart-loading": "../../../../../smartui/components/loading/smartloading"
[npm 用户]
"smart-loading": "smartuiweapp/components/loading/smartloading"
}
}
index.wxml
<smart-loading bg='https://xxx.com/wechat/images/loading/xxx.gif' loadModal='{{loadModal}}'/>
模块使用
index.js
[github 发布包用户(相对路径根据实际项目路径修改)]
let rq=require('../../../../../smartui/moudles/request/request')
let msg=require('../../../../../smartui/moudles/msg/msg')
[npm 用户]
let rq=require('smartuiweapp/moudles/request/request')
let msg=require('smartuiweapp/moudles/msg/msg')
Page({
...
search(parm){
var that=this
rq.search('二级地址',parm,(res)=>{
that.setData({
modle: res.data,
loadModal:false,
loaded:false
})
},(res)=>{
msg.info(res.message)
})
}
})
注意 使用网络模块须在app.js中配置
globalData: {
...,
baseUrl: 'https://xxx.com'
}