110 lines
2.0 KiB
Vue
110 lines
2.0 KiB
Vue
<template>
|
|
<view class="service-protocol">
|
|
<view class="bg">
|
|
<image class="bgImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill" />
|
|
</view>
|
|
<view class="Return" @click="onBack">
|
|
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
|
</view>
|
|
<view class="title">服务协议</view>
|
|
<view class="content">
|
|
<view class="building">
|
|
<view>
|
|
<image
|
|
style="width: 500rpx;"
|
|
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
|
|
mode="scaleToFill"
|
|
/>
|
|
</view>
|
|
<view class="buildingTitle">建设中~</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
title: "Hello",
|
|
};
|
|
},
|
|
onLoad() {
|
|
// 页面加载时执行
|
|
},
|
|
onShareAppMessage(res) {
|
|
if (res.from === 'menu') {
|
|
return {
|
|
title: '分享',
|
|
path: "/pages/Home/Home"
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
onBack() {
|
|
// 返回上一页
|
|
wx.navigateBack({
|
|
delta: 1,
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.bg {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
}
|
|
.bgImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.Return {
|
|
position: absolute;
|
|
top: 110rpx;
|
|
left: 35rpx;
|
|
width: 46rpx;
|
|
height: 46rpx;
|
|
}
|
|
.title {
|
|
position: absolute;
|
|
top: 120rpx;
|
|
left: 335rpx;
|
|
font-size: 34rpx;
|
|
color: #100e0f;
|
|
font-weight: bold;
|
|
}
|
|
.ReturnImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* 建设中 */
|
|
.content{
|
|
position: absolute;
|
|
top: 250rpx;
|
|
left: 0rpx;
|
|
right: 0rpx;
|
|
bottom: 100rpx;
|
|
}
|
|
.building{
|
|
width: 100%;
|
|
height: 90%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.buildingTitle{
|
|
font-size: 40rpx;
|
|
color: #999999;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-top: 50rpx;
|
|
}
|
|
</style>
|