WeChat Mini Program - Attendance Check-in: Lesson 4 - Jump between pages

How to jump between WeChat applet pages

-------------------------------------------------grammar Dividing line-------------------------------------------

-----------------------------------Code splitting line------------ ------------------------------------------------

Jump page:

<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',
    })

  }

Destination page:

<view class="input-cell">
    <view class="input-cell-hd">
      <text>Working hours:</text>
    </view>
    <view class="input-cell-bd">
      <view class="input-box">Working hours</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;
}

---------------------------------------------See the effect--- -------------------------------------------------- ------

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

Reprint Statement : This article is an original article by the blogger and may not be reproduced without the permission of the blogger.

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

If you have any questions in the article, you can comment in the comment area to discuss the mysteries of programming together!

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

  Come here, please give a thumbs up