无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-button ] 按钮

时间:2020-09-19 23:18来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-button ] 按钮 # 效果预览 Demo 参数说明 API 按钮支持多种样式,支持小程序按钮类型 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样式 Strting / dis 禁用状态-组

V1.1.1 [ lyuif-button ] 按钮#

效果预览 Demo

   

参数说明 API
按钮支持多种样式,支持小程序按钮类型
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
dis 禁用状态-组件内置效果 Boolean false
disabled 禁用状态-小程序官方效果 Boolean false
loading 名称前是否带 loading 图标 Boolean false
square 方形按钮 Boolean false
size 按钮大小,large、normal、small、mini Strting normal
type 按钮样式,default、primary、info、warning、danger Strting default
color 主色,名称必须规范,red、blue、pink... Strting /
c 字体颜色 Strting /
bc 背景颜色 Strting /
f 字体大小 Strting /
rd 圆角大小 Strting /
rds 大圆角 Boolean false
plain 空心效果 Boolean false
ico-name 图标名称 Strting star
ico-size 字体图标大小(字体大小) Strting 48rpx
ico-c 图标颜色 Strting fff
ico-bc 背景颜色 Strting /
ico-loading 图标-加载状态 Boolean false
open-type 微信开放能力,具体支持可参考 微信官方文档 Strting /
form-type 用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件具体支持可参考 微信官方文档 Strting /
lang lang 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文 Strting false
id business-id 客服消息子商户 id Number /
from session-from 会话来源 Strting /
title send-message-title 会话内消息卡片标题 Strting 当前标题
path send-message-path 会话内消息卡片点击跳转小程序路径 Strting 当前分享路径
img sendMessageImg Strting 截图
card show-message-card 显示会话内消息卡片 Strting false
app xxxxxx Strting false

Lyuif组件源码展示

  1. <lyuif-button
  2.     nav-bar="{{true}}"
  3.     fixed="{{true}}"
  4.     z="999"
  5.     c="#333"
  6.     bc="#f5f5f5"
  7.     ui="yourClass"
  8.     css="color:#red;..."
  9. >
  10.  
  11. <view>内容</view>
  12.  
  13. </lyuif-button>
  14.  
事件 Events
 
参数 说明 类型 默认值
bind:tap 点击事件 eventhandle /
bind:catchtap 点击事件-不穿透 eventhandle /
bind:getuserinfo getUserInfo 获取用户信息,可以从bindgetuserinfo回调中获取到用户信息 eventhandle /
bind:contact contact 打开客服会话,如果用户在会话中点击消息卡片后返回小程序,可以从 bindcontact 回调中获得具体信息,具体说明 eventhandle /
bind:getphonenumber getPhoneNumber 获取用户手机号,可以从bindgetphonenumber回调中获取到用户信息,具体说明 eventhandle /
bind:error 标题点击事件 eventhandle /
bind:launchap launchApp 打开APP,可以通过app-parameter属性设定向APP传的参数具体说明 eventhandle /
bind:opensetting openSetting 打开授权设置页 eventhandle /

Lyuif组件源码展示

  1. <lyuif-button
  2.     bind:getuserinfo="getuserinfo"
  3.     bind:contact="contact"
  4.     bind:tap="tap"
  5.     bind:catchtap="catchtap"
  6.     bind:getphonenumber="getphonenumber"
  7.     bind:launchap="launchap"
  8.     bind:opensetting="opensetting"
  9. />
  10.  
  11.  
  12. </lyuif-button>
  13.  
  14.  
  15. ({Page
  16.     tap(){
  17.     console.log('ico')
  18.     },
  19.     catchtap(){
  20.     console.log('ico')
  21.     }
  22. })
  23.  
前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm