没有合适的资源？快使用搜索试试~ 我知道了~

首页微信UI（weui）使用手册最新版

微信UI（weui）使用手册最新版

微信

需积分: 9 43 下载量 103 浏览量更新于2023-03-16 评论收藏 679KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

32页

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。在微信网页或小程序中使用 WeUI 这个文档主要介绍WeUI的各个组件使用方法

资源详情

资源评论

资源推荐

目录
actionSheet
alert
confirm
dialog
form
gallery
loading
picker
searchBar
slider
tab
toast
topTips
uploader
-2-本文档使用看云构建

actionSheet

actionSheet(menus,actions,[options])

actionsheet弹出式菜单

Kind:globalfunction

Param Type Description

menus

array

上层的选项

menus[].label

string

选项的文字

menus[].onClick

function

选项点击时的回调

actions

array

下层的选项

actions[].label

string

选项的文字

actions[].onClick

function

选项点击时的回调

[options]

object

配置项

[options.className]

string

自定义类名

Example

weui.actionSheet([

{

label:'拍照',

onClick:function(){

console.log('拍照');

}

},{

label:'从相册选择',

onClick:function(){

console.log('从相册选择');

}

},{

label:'其他',

onClick:function(){

console.log('其他');

}

}

],[

{

label:'取消',

onClick:function(){

console.log('取消');

}

}

actionSheet

-3-本文档使用看云构建

],{

className:'custom-classname'

});

actionSheet

-4-本文档使用看云构建

alert

alert(content,[yes],[options])

alert警告弹框，功能类似于浏览器自带的alert弹框，用于提醒、警告用户简单扼要的信

息，只有一个“确认”按钮，点击“确认”按钮后关闭弹框。

Kind:globalfunction

Param Type Description

content

string

弹窗内容

[yes]

function

点击确定按钮的回调

[options]

object

配置项

[options.title]

string

弹窗的标题

[options.className]

string

自定义类名

[options.buttons]

array

按钮配置项，详情参考dialog

Example

weui.alert('普通的alert');

weui.alert('带回调的alert',function(){console.log('ok')});

varalertDom=weui.alert('手动关闭的alert',function(){

returnfalse;//不关闭弹窗，可用alertDom.hide()来手动关闭

});

weui.alert('自定义标题的alert',{title:'自定义标题'});

weui.alert('带回调的自定义标题的alert',function(){

console.log('ok')

},{

title:'自定义标题'

});

weui.alert('自定义按钮的alert',{

title:'自定义按钮的alert',

buttons:[{

label:'OK',

type:'primary',

onClick:function(){console.log('ok')}

}]

});

//多次使用

varalert=weui.alert('hello');

alert.hide(function(){

weui.alert('world');

});

alert

-5-本文档使用看云构建

剩余31页未读，继续阅读

lijifa518

粉丝: 4
资源: 1

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

微信UI（weui）使用手册最新版

评论0

会员权益专享

最新资源

微信UI（weui）使用手册最新版

评论0

微信官方WeUI5+WeChat开发者工具+教程文档

weui-wxss文档文件

weui开发整套移动端微商城模板源码

微信小程序UI组件库的选择与使用

微信小程序weUI提示框使用

微信小程序开发怎么使用weui

uniapp 微信小程序ui库

微信小程序ui组件库使用

微信小程序开发怎么使用weui搜索框

微信小程序ui组件库

微信小程序ui组件框架

微信小程序前端ui框架

weui组件库axure

weui实现微信网页模板(主页,购物车,分类,后台

weui demo示例代码

微信小程序开发有哪些好用的ui框架

微信小程序原生开发有哪些好用的ui框架

微信小程序开发可以使用那些组件库

element组件在vue打包转换为微信小程序开发的时候还可以显示吗?

weui.wxss源码压缩包

会员权益专享

最新资源