小程序入门学习

wxml

  <!-- 云开发用户管理指引 -->
  <view class="guide" >
    <text class="headline" bindtap="showArea" style='text-align:center;'>测试日志</text>
    <span>aaaaa</span>
    <button style="background-color:pink;" bindtap='clicks'>点击</button>
   <view class="title" style='color:red;text-align:center;'>{{title}}</view>
  </view>
    <view class="guide" >
    <text class="headline" bindtap="changeHtml" style='text-align:center;'>跳转主页</text>
    <navigator url="../test/test?title=我是red" redirect>跳转到当前页面</navigator>
  </view>

JS

// pages/userConsole/userConsole.js
Page({

  data: {
    openid: '',
     title:'我是第一次进来',
  },
  onLoad: function (options) {
    console.log(options);
    // 页面初始化 options为页面跳转所带来的参数
    if (options.title != undefined){
      this.setData({
        title: options.title
      })
    }
   
  },

  showArea:function(){
    console.log(11);
  },
  // 页面跳转
  changeHtml:function(){
    wx.redirectTo({
       url: "../index/index",
    })
   
  },
  //弹框
  clicks:function(){
    wx.showToast({
      title: '弹框成功',
      icon: 'success',
      duration: 2000
    })
  }
  
})