1.0.10 • Published 3 years ago

self-me-ui v1.0.10

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

self-me-ui 使用方式:

  1. 下载组件包
npm i self-me-ui
  1. app.js 中引入组件,并挂载
// app.js

import me_ui from 'self-me-ui/me-ui.js';

// 在 onLaunch中调用方法,同时传入wx

me_ui(wx);
  1. 页面 json 中引入组件

    {
    	"usingComponents": {
    		"me-ui": "self-me-ui"
    	}
    }
  2. 页面 wxml

    <me-ui id='me-ui'></me-ui>

暴露方法:

  • 本组件方法已全部挂载到 wx 对象上面,可通过 wx.方法名(),直接调用。如:在自定义 loading 组件中暴露了__showLoading()__hideLoading() 方法,直接使用 wx.__showLoading()wx.__hideLoading() 即可使用。

loading 组件

  • 方法:

    wx.__showLoading(opts)	 // 显示loading
    	// 配置对象(opts不传时loading为默认样式)
    	opts = {
    		is_animate: true,		// 是否开启动画
            title: '',				// 自定义文本
            title_color: '#666',	// 文本颜色
            icon_color: 'red',		// icon的颜色(支持iconfont)
            animate_class: '',		// 自定义动画(可自定义动画,使用时上面的 is_animate 要开启)
            icon_class: '',			// iconfont的类名(全局中引入要用到的icon样式)
            icon_size: 100,			// icon的大小
            loading_pic: '',		// 使用图片loading(线上链接)
            pic_size: [120, 120]	// 图片大小
    }
    
    wx.__hideLoading()		隐藏loading

获取二次授权

  • 方法:

    wx.__secondRoot(rootType);
    
    // 在授权失败的回调中调用即可
    // 返回一个promise,then方法中可以执行授权后续的操作
    // 参数rootType为授权类型,如:scope.werun

me-uploader 组件

  1. 页面 json 中引入组件

    {
    	"usingComponents": {
    		"me-uploader": "self-me-ui/me-uploader/me-uploader"
    	}
    }
  2. 页面 wxml

    <me-uploader
    	configObj="{{configObj}}"
    	bind:upload="upload"
    	bind:uploadError="uploadError"
        bind:delete='delete'
        picList='{{picList}}'
    ></me-uploader>
    <!-- 
        configObj为配置对象(以下为默认配置):
        configObj:{
            limitSize: 5,
            count: 9,
            mediaType: ['image', 'video'],  // 默认只上传图片
            sourceType: ['album', 'camera'],
            maxDuration: 30,
            camera: 'back',
            sizeType: ['original', 'compressed'],
        }
    
        bind:upload:接收上传的数据
        bind:uploadError: 错误监听
        bind:delete: 删除
     -->

1.0.10

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.4

3 years ago

1.0.5

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago