微信小程序 页面跳转

App.json中配置页面信息

{
  "pages": [
    "pages/index/index",
    "pages/select/select",
    "pages/function/function",
    "pages/check/checkFun/checkFun",
    "pages/check/checkSync/checkSync"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "登录",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json"
}

按钮的点击事件 bindtap 实现页面跳转

_______________index.wxml
  
    
  
_____________index.js中定义login方法
  login(){
    wx.navigateTo({
      url: '../function/function'
    })
  }

表格 日期控件

________________wxml

  
  
    
      查询单号
    
    
      
    
  
  
    
      出库日期
    
    
      
        {{date}}
      
    
    
      查询
    
  
  
    
      出库单号
      发往
      SKU数量
      罐数
      箱数
    
    
      2018/02/12
      11:30
      2018/02/12
      11:30
      本次对海煞造成了100000点伤害
    
  
    
      
      
    

_________________wxss
/* pages/depotTask/depotList/depotList.wxss */
.history-table-wrap{
  position: absolute;
  width: 668rpx;
  height: 578rpx;
  left: 50%;
  margin-left: -334rpx;
  top: 70rpx;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* 表格代码   */
.table{
  border:1px solid #dadada;
  border-right:0;
  border-bottom: 0;
  width: 98%;
  margin-left: 1%;
}
.tr{
  width:100%;
  display: flex;
  justify-content: space-between;
}
.th,.td{
  padding: 10px;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  text-align: center;
  width: 100%;
}
.th1,.th2,.td1,.td2{
  width: 40%;
}
.th{
  font-weight: 800;
  background-color: #b66242;
  font-size: 28rpx;
  color: #330e0e;
}
.td{
  font-size: 20rpx;
  color: #ec9480;
}
.btn1{
  background: #2b85e4
}

.footer{
  /* position: fixed; */
  width: 100%;
  left: 0px;
  bottom: 0;
  display: flex;
}
.btn2{
  background: #2b85e4
}
.footer .weui-btn {
  width: 40%;
  margin:15rpx 5%;
  color:#fff;
  border-radius: 25px;
}
________________js
var util=require("../../../utils/util.js")
Page({
  data: {
    date: ""
  },
  onLoad: function () {
    var TIME = util.formatTime(new Date());
    this.setData({
      date: TIME,
    });    
  },
  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })

    console.log(this.data.date)
  },
})

你可能感兴趣的:(微信小程序 页面跳转)