小程序常用的知识点

作为Android开发人员，记录一下小程序的摸索之路

居中

1. display: flex;
2. flex-direction: row;
3. justify-content: center;
4. align-items: center;

input

1.  
2.  
3.  
4.  
5. type="number" confirm-type="done" value="{{car_price}}" placeholder-style="color:#FF6000;margin-right:10rpx;font-size:28rpx;" placeholder="请输入" class="car-price" bindconfirm="changeCarPrice" bindblur="changeCarPrice"/>

从子页面返回数据给父页面

1. wx.navigateBack() //返回上一页
2. var pages = getCurrentPages();
3. var currPage = pages[pages.length - 1]; //当前页面
4. var prevPage = pages[pages.length - 2]; //上一个页面
5.  
6. prevPage.setCarInfo({
7. "car_model": e.currentTarget.dataset.car,
8. "car_price": 289000
9. })

切换tab页

1. wx.switchTab({
2. url: '../CMSpecialCar/CMSpecialCar',
3. })

动态改变样式，如字体颜色等

1. style="color:{{text_color}}">推荐车型
2.  
3.  
4. this.setData({
5. color: '#ffffff'
6. })

设置整个页面的背景

1.  
2. /* 整个页面背景 */
3. page {
4. display: block;