当前位置: 首页 > news >正文

品划网络做营销型网站专业seo培训

品划网络做营销型网站,专业seo培训,爱网站长尾,可以做产品推广的网站Button 多端按钮基础组件,可用于进行强交互的操作。 导入 import { Button } from ray-js/ray; 属性说明 属性类型默认值必填说明支持平台sizekeyof Sizedefault否按钮的大小涂鸦、微信typekeyof Typedefault否按钮的样式类型涂鸦、微信plainbooleanfalse否按钮…

Button

多端按钮基础组件,可用于进行强交互的操作。

导入

import { Button } from '@ray-js/ray';

属性说明

属性类型默认值必填说明支持平台
sizekeyof Sizedefault按钮的大小涂鸦、微信
typekeyof Typedefault按钮的样式类型涂鸦、微信
plainbooleanfalse按钮是否镂空,背景色透明涂鸦、微信
disabledbooleanfalse是否禁用涂鸦、微信
loadingbooleanfalse名称前是否带 loading 图标涂鸦、微信
formTypekeyof FormType用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件涂鸦、微信
openTypeOpenType微信开放能力微信
hoverClassNamestringbutton-hover指定按下去的样式类。当 hover-class="none" 时,没有点击态效果涂鸦、微信

hoverStop

Propagation

booleanfalse指定是否阻止本节点的祖先节点出现点击态微信
hoverStartTimenumber20按住后多久出现点击态,单位毫秒涂鸦、微信
hoverStayTimenumber70手指松开后点击态保留时间,单位毫秒涂鸦、微信

 

示例代码

基本使用
import React from 'react';
import { Button, View } from '@ray-js/ray';
import styles from './index.module.less';export default function () {return (<View className={styles.buttonWrapper}><Button> Button </Button><Button loading style={{ marginLeft: '8px', marginRight: '8px' }}>Loading</Button><Button disabled> Disabled </Button></View>);
}

👉 立即免费领取开发资源,体验涂鸦 MiniApp 小程序开发。 

镂空
import React from 'react';import { Button, View } from '@ray-js/ray';import styles from './index.module.less'; export default function () {  return (    <View className={styles.buttonWrapper}>      <Button plain={true} type="primary" style={{ marginRight: 20 }}>        Plain + Primary      </Button>      <Button plain={true} type="warn">        Plain + Warn      </Button>    </View>  );}import React from 'react';
import { Button, View } from '@ray-js/ray';
import styles from './index.module.less';export default function () {return (<View className={styles.buttonWrapper}><Button plain={true} type="primary" style={{ marginRight: 20 }}>Plain + Primary</Button><Button plain={true} type="warn">Plain + Warn</Button></View>);
}

尺寸
import React from 'react';
import { Button, View } from '@ray-js/ray';
import styles from './index.module.less';export default function () {return (<View className={styles.buttonWrapper}><Button style={{ marginRight: 24 }}> Default </Button><Button size="mini"> Mini </Button></View>);
}

类型
import React from 'react';
import { Button, View } from '@ray-js/components';
import styles from './index.module.less';export default function () {return (<View className={styles.buttonWrapper}><Button type="primary"> Primary </Button><Button type="default" style={{ marginLeft: '8px', marginRight: '8px' }}>Default</Button><Button type="warn"> Warn </Button></View>);
}

 

Checkbox

多选项目。

导入

import { Checkbox } from '@ray-js/ray';

属性说明

属性类型默认值说明支持平台
valuestringcheckbox 标识,选中时触发 checkbox-group 的 change 事件,并携带 checkbox 的 valueRN、微信、涂鸦、Web
disabledbooleanfalse是否禁用RN、微信、涂鸦、Web
checkedbooleanfalse当前是否选中,可用来设置默认选中RN、微信、涂鸦、Web
colorstring'#007AFF'checkbox 的颜色,同 css 的 colorRN、微信、涂鸦、Web

 

示例代码

基本使用
import React from 'react';
import { Checkbox } from '@ray-js/components';export default function () {return <Checkbox color="#ff0000" checked />;
}

👉 立即免费领取开发资源,体验涂鸦 MiniApp 小程序开发。 

http://www.zhongyajixie.com/news/18857.html

相关文章:

  • 肥乡邯郸做网站广州seo优化公司排名
  • bs网站做映射视频号最新动作
  • 有关网站建设的网站企业培训课程名称
  • 提高网站粘性头条今日头条新闻头条
  • 郑州做网站好网络课程
  • 做弹幕网站网页设计作品集
  • wordpress_子网站重命名外贸平台有哪些比较好
  • 嘉兴微信网站建设百度上做优化一年多少钱
  • 做视频网站视频用什么插件国外搜索引擎有哪些
  • 做网站的三年规划宁波seo博客
  • 贵阳网站建设开发百度人工在线客服
  • 化妆品的网站建设相城seo网站优化软件
  • 怎样提升网站关键词谷歌浏览器下载安装2022最新版
  • 网站建设目标是什么意思全国网站排名
  • wordpress收费版怎么激活seo服务价格表
  • 网站设计一般包括什么优化方法
  • web网站如何做性能测试每日财经要闻
  • 昆明免费网站建设企业qq手机版
  • 信宜网站建设公司千万别在百度上搜别人的名字
  • 手机网站和pc网站的区别刷赞网站推广免费链接
  • 服饰 公司 网站建设推广平台排行榜app
  • 红十字会网站建设方案沈阳全网推广公司哪家好
  • 企业网站的建立视频阿里云免费建站
  • c语言做网站后台服务seo网站关键词排名软件
  • 58同城广告推广电话铁岭网站seo
  • 如何进行企业营销型网站建设规划石家庄
  • 为自家企业做网站网站建设报价
  • 专门做私人定制旅游的网站seo流程
  • 做静态网站工资多少推广网络营销案例
  • 昆明网站建设 网络服务百度竞价开户3000