小程序模板网

小程序常用的知识点

作为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;  


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23971.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询