今天练习了label组件。
按照结构-样式-响应方式,逐步完成demo。这种做法的好处是:
- 每次专注在一个问题上,写页面结构,就专注于结构;写样式,就专注界面效果;写响应就专注业务逻辑。
- 写样式的过程中,可以逐步看到效果。比起直接粘贴示例,或者看别人的代码有体会。
wxss样式中,练习了通过CSS显示自定义checkbox/radiobox样式。
- hidden,把checkbox,radiobox的选中区域隐藏。
- 新建view,覆盖原来的区域 18x18px。
- 用css,新建12x12px的区域,带颜色,border-radius设为50%圆形。
这样就达成了一个自定义按钮效果。
button里面的bindtap使用时候要注意,点击一次会触发两次事件,可以用bindtouchend来替代。