yu-mobile-tool

Yu Mobile Tool 移动端常用工具库

版本

引入

使用 npm 或 yarn 安装

$ npm install yu-mobile-tool --save
或者
$ yarn add yu-mobile-tool

import YuMobileTool from 'yu-mobile-tool'
import 'yu-mobile-tool/dist/style.css'

浏览器引入

<script src="~filepath/yu-mobile-tool.min.js"></script>
<link rel="stylesheet" href="~filepath/style.css">

使用

Toast 文本提示

YuMobileTool.Toast(message, duration)

参数说明

参数	类型	必填	默认值	说明
message	String	是	无	信息文本
duration	Number	否	1500	显示时长（毫秒）

使用 npm 或 yarn

import YuMobileTool from 'yu-mobile-tool'
const spin = YuMobileTool.Toast('操作成功', 2000)

浏览器引入

<script>
    YuMobileTool.Toast('操作成功', 2000)
</script>

Spin 加载效果

const spin = new YuMobileTool.Spin(target, options).show()

参数说明

参数	类型	必填	默认值	说明
target	String/DOM	是	无	目标节点
options	Object	否	transparent: true	spin的配置

使用 npm 或 yarn

import YuMobileTool from 'yu-mobile-tool'
const spin = new YuMobileTool.Spin('#app', {
    transparent: false,
    show: false
})
spin.show()
spin.hide()

浏览器引入

<div class="test-box"></div>
<script>
    const spin = new YuMobileTool.Spin('.test-box')
    spin.show()
    setTimeout(() => {
        spin.hide()
    }, 3000)
</script>