微信小程序 - 考勤签到 ：第四课 -- 页面之间跳转

微信小程序 页面之间跳转方法

-------------------------------------------------语法分割线-------------------------------------------

-----------------------------------代码分割线------------------------------------------------------------

跳转页：

<image src="../images/functionlists/kaoqin.png" bindtap="kaoqin_tap" />

  
kaoqin_tap:function(event){
    const id = event.currentTarget.dataset.id;
    console.log(id);
    wx.navigateTo({
      url: '../kaoqin/userwork/user_work',
    })

  }

目的页：

<view class="input-cell">
    <view class="input-cell-hd">
      <text>上班时间：</text>
    </view>
    <view class="input-cell-bd">
      <view class="input-box">上班时间</view>
    </view>
  </view>

.input-cell {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  width: 100%;
  padding: 10rpx 0;
}

.input-cell-hd {
  padding-left: 20rpx;
  width: 300rpx;
  font-size: 40rpx;
  height: 100rpx;
  line-height: 100rpx;
}

.input-cell-bd {
  width: 100%;
}

.input_box_time {
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  height: 100rpx;
  line-height: 60rpx;
  font-size: 30rpx;
  width: 100%;
  color: #555;
}

.input-box {
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 40rpx;
  width: 100%;
  color: #555;
  margin-top: 25rpx;
}

---------------------------------------------看效果-----------------------------------------------------------

----------------------------------------------------------------------------------------------------------------

转载 声明：本文为博主原创文章，未经博主允许不得转载。

----------------------------------------------------------------------------------------------------------------

文章中，有问题，可以在评论区评论，一起探讨编程中奥秘！

----------------------------------------------------------------------------------------------------------------

  来都来了，那就点个赞吧