67 lines
1.3 KiB
Vue
67 lines
1.3 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="jump" @tap="jumpAuth">跳过</view>
|
|
<image :style="imgStyle" :src="apiHost+'/miniapp/static/boot2.png'"></image>
|
|
<view class="desc">不影响原有习惯与流程</view>
|
|
<view class="desc">让操作简易</view>
|
|
<button class="nextpage" @tap="bootNext">下一页</button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import myapp from '@/common/js/myapp.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
apiHost: myapp.apiHost,
|
|
imgStyle: 'margin-bottom:60rpx;margin-top:200rpx'
|
|
}
|
|
},
|
|
onShow: function() {
|
|
let width = 750 * 0.6;
|
|
let height = 750 * 0.6;
|
|
let setW = ';width:' + width + 'rpx';
|
|
let setH = ';height:' + height + 'rpx';
|
|
this.imgStyle = this.imgStyle + setW + setH;
|
|
},
|
|
methods: {
|
|
jumpAuth: function() {
|
|
uni.reLaunch({
|
|
url:'/pages/index/index'
|
|
})
|
|
},
|
|
bootNext: function() {
|
|
uni.redirectTo({
|
|
url: '/packagePage/pages/boot3/boot3'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
background-color: #0065FF;
|
|
}
|
|
.content {
|
|
text-align: center;padding-top: 30rpx
|
|
}
|
|
.desc {
|
|
color: #FFF;
|
|
font-size: 60rpx;
|
|
}
|
|
.nextpage {
|
|
margin-left: 70rpx;
|
|
margin-right: 70rpx;
|
|
position: absolute;
|
|
width: 610rpx;
|
|
bottom: 150rpx;
|
|
}
|
|
.jump {
|
|
color:#FFF;
|
|
position: absolute;
|
|
right:70rpx;
|
|
font-weight: 100;
|
|
}
|
|
</style>
|