<switch>组件 #46

Open
Erwin11 opened this Issue Jul 15, 2016 · 9 comments

Projects

None yet

7 participants

@Erwin11
Erwin11 commented Jul 15, 2016

http://alibaba.github.io/weex/doc/components/switch.html

< switch > 组件

概述

weex 构建了组件switch 用于创造和管理类似iOS样式的On/Off 开关按钮。举个例子,在app设置中的‘muted’和‘toggle color’设置。

子组件

这个组件不支持子组件。

属性

  • checked:<布尔值> true | false.按钮初始值的状态是开或者关。

其他属性请查阅基本属性

样式

注释:这里有一些属性你不能用在此组件上,很有可能会影响布局。以下是所有非法属性:

  • width
  • height
  • min-width
  • min-height
  • marginmargin-xx
  • paddingpadding-xx
  • borderborder-xx

基础样式特别是widthheight相关属性和尺寸不可配置,固定在100x60(750px尺寸设计下)

事件

基本事件:查阅基本事件

事件对象的参数

  • 对于 change事件:
    • value:组件布尔值真或假。
    • :事件的时间戳。

例子

 

<div>
  <text>muted:</text>
  <switch checked="true">muted:</switch>
</div>


@lvscar
lvscar commented Jul 18, 2016

thx

@jsrdjaj
jsrdjaj commented Aug 11, 2016

<switch checked="true">muted:</switch>
代码执行是死循环
提示:'Maximum call stack size exceeded'

@Jinjiang
Contributor

@jsrdjaj 确定一下你是不是把文件名也叫 switch.we (或 template 里面出现过的别的标签名),这是一个已知的问题,会导致打包的时候重复循环引用自己,换个名字就可以了,最新的 weex-loader 也针对这个情况加了警告提示。

@guogailee

如何指定开关true和false情况下的颜色和开关的样式
s60901-242043

@Jinjiang
Contributor
Jinjiang commented Sep 5, 2016

@guogailee 目前恐怕还不行,将来可以考虑设计一个style字段做控制,但更多的我们希望尊重OS自身的搭配

@cuanhanshansi

@Jinjiang
image
上面是weex playground上的样子,下面是浏览器上的正确样式:(什么情况呢?)
image

@DoranYun

@cuanhanshansi 与 OS 平台自身 style 有关。

@cuanhanshansi

@DoranYun上面显示有问题的是安卓手机

@Jinjiang
Contributor

@cuanhanshansi HTML5 下我们无法拿到操作系统的样式,所以就统一做成 iOS 的效果了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment