微信小程序
jasper_ding
活到老學到老,把編程當娛樂。
展开
-
微信小程序 — 标签导航设计
标签页要在 app.json 中设定 tabBar 配置项,有几个属性可以更改其外观,其中最主要的是 list,Array类型,在此指定标签页,另外,position 可指定卷标导航的位置是在底部 (bottom) 或上面 (top),默认值为 bottom。标签导航页最多5个,最少2个,标签页按数组的顺序排列。每个页签要设定: pagePath : 页面的路径,就是切换后要执行哪个 P...原创 2018-06-25 10:53:39 · 850 阅读 · 0 评论 -
微信小程序 — 九宫格
效果图如下: 网络上有几种作法,在此我采用了〝学而时习之〞所提供的做法。其作法很简单,就是将所有格子内容用 wx:for 逐一呈现,然后利用 css 控制格子大小,且宽度不足时会自动换行的特性,达到九宫格的显示效果。在 menu.wxml 中布置如下代码: <view class="grids"> <view class="grids-cell"原创 2018-06-25 16:15:14 · 5813 阅读 · 5 评论