用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 小技巧系列 查看内容

小程序常用的知识点

Rolan 2017-10-6 00:05

居中、input、从子页面返回数据给父页面、动态改变样式,如字体颜色等、设置整个页面的背景

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

居中

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

input

  1. 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. prevPage.setCarInfo({
  6. "car_model": e.currentTarget.dataset.car,
  7. "car_price": 289000
  8. })

切换tab页

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

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

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

设置整个页面的背景

  1. /* 整个页面背景 */
  2. page {
  3. display: block;
  4. 赞赏
    鲜花
    鲜花 (13)
    鸡蛋
    鸡蛋

    刚表态过的朋友 (13 人)

    分享至 : QQ空间
    收藏
    原作者: xxq2dream 来自: 简书

    相关阅读

    • heimi2015 2017-10-28 07:59
      这个正好受用,,,谢谢分享
    • emaiqi 2017-10-7 11:20
      分享精神值得称赞,但是,能不能编辑好了检查检查没有错误再发出来。
    • huang1818 2017-10-7 10:48
      谢谢分享。