小程序技巧

组件推荐

8个最热门的微信小程序 UI 组件库

lin-ui的使用

参考：
官方文档
快速上手
源码
在github的源代码中，有一个example文件夹，这就是可以在微信开发者工具中运行的

lin-ui的吸顶容器失败

我查看了下源码，发现其是由scroll（横向移动的）+ swiper组成的
但是swiper里面的高度不好设置，其中一种推荐方法是在swiper里面再加一个scroll（纵向移动的）

可能还有更好的方法QAQ

参考：
小程序-swiper高度自适应，改变默认高度

echarts在小程序中的使用

在线定制js的网站：在线定制

在线定制以后，echarts.min.js如何替换echarts.js:
小程序引用echart.js

粗略看看：
在小程序中如何优雅的实现数据可视化

设置背景色：
echarts如何设置背景图的颜色

设置legend背景色：
echarts legend文字颜色

echarts官网

页面设计

一些还不错的页面：
https://ibaotu.com/tupian/appqiandaojiemian.html

Tips

• for循环还可以这样写
  wx:for=="{{10}}"

<view wx:for="{{10}}" wx:key wx:if="{{index==TabCur}}" class="bg-grey padding margin text-center">
  Tab{{index}}
</view>

小程序背景图

小程序设置背景图片 (方法全)
图片转base64

不一定需要上传到服务器，可以搜图看看，网上是否有这个图片的服务器url
百度识图

一些好看的样式

微信小程序优美界面之纯CSS星球

opacity的渐变

css中如何使透明度渐变啊

阿里云图标的使用

小程序成長之路_引入小程序自带icon 和 引用阿里图标

微信小程序使用阿里彩色图标
微信小程序使用阿里icon图标库and彩色图标

表格

https://github.com/habc0807/miniprogram-table-component

小程序

wx:if
wx:elif
wx:else

图标和文字

小图标和文字垂直居中的解决方法

表格

微信小程序实现简易table表格

Tabbar的问题

因为分为了学生和教师两个端，但是共用的是同一个小程序，希望能够实现两个tabbar

样式：
自定义底部固定Tabbar的两种方法

Switch

微信小程序把玩（二十一）switch组件

实现小程序下拉刷新

微信小程序下拉刷新：onPullDownRefresh正确使用姿势

onLoad注意事项

点击左上角的返回按钮时，只会触发onShow，不会触发onLoad，所以有些操作要写在onShow，以免更新的不及时

小程序 — 小程序生命周期及页面生命周期

小程序的生命周期函数的调用顺序为：onLoad>onShow>onReady
虽然执行顺序是这个，但要注意：
如果你在onLoad里面写了个wx.showModal，在用户选择确定后，会更新数据，而又在onShow里面有如果数据是true就执行某操作，你可能发现哪项操作无论如何也执行不了，原因在于小程序并不是等待wx.showModal执行完毕才执行onShow，这里是异步操作

解决方法，单独封装该操作为方法，每次更新数据就调用一次此方法。
或者将onLoad里面的wx.showModal改为同步，只有它执行完，onLoad才结束，但是我还不知道怎么搞！！欢迎各位指教啊

小程序的返回键

微信小程序左上角返回键
跳转方式决定了是否有返回键