[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 } ```