Files
mwims-mini-program/mwims-disposal-app/packagePage/pages/boot3/boot3.vue
T
2025-06-12 11:58:01 +08:00

72 lines
1.4 KiB
Vue

<template>
<view class="content">
<view class="jump" @tap="jumpAuth">跳过</view>
<image :style="imgStyle" :src="apiHost+'/miniapp/static/boot3.png'"></image>
<view class="desc-small">WS 507-2016</view>
<view class="desc-small">软式内镜清洗消毒</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:180rpx;margin-top:340rpx'
}
},
onShow: function() {
let width = 750 * 0.6;
let height = 750 * 0.25;
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/boot4/boot4'
})
}
}
}
</script>
<style>
page {
background-color: #0065FF;
}
.content {
text-align: center;padding-top: 30rpx
}
.desc {
color: #FFF;
font-size: 60rpx;
}
.desc-small {
color: #FFF;
font-weight: 100;
}
.nextpage {
margin-left: 70rpx;
margin-right: 70rpx;
position: absolute;
width: 610rpx;
bottom: 150rpx;
}
.jump {
color:#FFF;
position: absolute;
right:70rpx;
font-weight: 100;
}
</style>