[TOC] ## 1.啟動歡迎頁的配置 ### welcome.js ``` { Page({ handleClick() { //加了導航后的配置 wx.switchTab({ url: '/pages/index/index', }), //關閉當前頁面，跳轉到新的頁面 wx.navigateTo({ //沒加導航這樣配置也可以跳轉 url: '/pages/index/index', }), wx.scanCode({ //點擊可以跳轉到掃碼 }) }, }) } ``` ### welcome.wxml ``` <view class='head'> <image src='/images/3.png'></image> <text>hello 七月</text> <button hover-class="btn-hover" bindtap='handleClick'>開啟我的小程序之旅</button> </view> ``` #### 1. `hover-class` 相當于hover ### welcome.wxss ``` image{ width: 200rpx; height: 200rpx; } page{ height: 100%; background: #b3d4db; } .head{ display: flex; flex-direction: column; align-items: center; } .head image{ margin:150rpx 0 100rpx; } .head button{ background: #b3d4db; width: 300rpx; font-size: 24rpx; margin-top: 150rpx; line-height: 80rpx; color: #405f80; border-color: #405f80; } .btn-hover{ color: #fff } ```