Skip to content

Latest commit

 

History

History
18 lines (11 loc) · 871 Bytes

learn-weixin-app-day28.md

File metadata and controls

18 lines (11 loc) · 871 Bytes

X天小程序开发速度入门(UI)--第28天

今天练习了label组件。

按照结构-样式-响应方式,逐步完成demo。这种做法的好处是:

  • 每次专注在一个问题上,写页面结构,就专注于结构;写样式,就专注界面效果;写响应就专注业务逻辑。
  • 写样式的过程中,可以逐步看到效果。比起直接粘贴示例,或者看别人的代码有体会。

wxss样式中,练习了通过CSS显示自定义checkbox/radiobox样式。

  • hidden,把checkbox,radiobox的选中区域隐藏。
  • 新建view,覆盖原来的区域 18x18px。
  • 用css,新建12x12px的区域,带颜色,border-radius设为50%圆形。

这样就达成了一个自定义按钮效果。

button里面的bindtap使用时候要注意,点击一次会触发两次事件,可以用bindtouchend来替代。