smartuiweapp

smartui组件库

Usage no npm install needed!

<script type="module">
  import smartuiweapp from 'https://cdn.skypack.dev/smartuiweapp';
</script>

README

smartui组件库使用手册

基本组件

组件 描述
1 floatingbtn 悬浮按钮
2 loading 加载状态
3 loadmore 加载更多

基本模块

模块 描述
1 toast消息 二次封装更易于使用
2 导航 二次封装更易于使用
3 网络 二次封装便于管理程序中所有的网络请求
4 sha256加密 前端sha256加密模块

快速开始

  1. github 下载发布包，解压后放在项目根目录
https://github.com/Nightstars/smartui/releases/download/0.5.4/dist.zip
  1. npm 安装
npm i smartuiweapp

用法参考

  1. 组件使用
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}}'/>
  1. 模块使用
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'
  }