84 lines
1.4 KiB
Vue
84 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<view class="app">
|
||
|
|
<view class="concent">
|
||
|
|
<view class="background">
|
||
|
|
<image src="/static/logo.png" mode=""></image>
|
||
|
|
<view class="detailed">
|
||
|
|
敬请期待
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
//1.分享给朋友
|
||
|
|
onShareAppMessage(res) {
|
||
|
|
let pages = getCurrentPages();
|
||
|
|
let url = pages[pages.length - 1].$page.fullPath
|
||
|
|
return {
|
||
|
|
title: '泉医到家',
|
||
|
|
path: url,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
//2.分享到朋友圈
|
||
|
|
onShareTimeline(res) {
|
||
|
|
let pages = getCurrentPages();
|
||
|
|
let url = pages[pages.length - 1].$page.fullPath
|
||
|
|
return {
|
||
|
|
title: '泉医到家',
|
||
|
|
path: url,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.app {
|
||
|
|
padding-top: 10rpx;
|
||
|
|
font-size: 34rpx;
|
||
|
|
|
||
|
|
.concent {
|
||
|
|
width: 701rpx;
|
||
|
|
height: 440rpx;
|
||
|
|
background: #4C7BC9;
|
||
|
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||
|
|
border-radius: 20rpx;
|
||
|
|
margin: 5% auto 20px;
|
||
|
|
|
||
|
|
.background {
|
||
|
|
position: relative;
|
||
|
|
width: 657rpx;
|
||
|
|
height: 400rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 25rpx;
|
||
|
|
background-color: white;
|
||
|
|
margin: 0 auto;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 178rpx;
|
||
|
|
height: 160rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 25px;
|
||
|
|
margin-left: 68%;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.detailed {
|
||
|
|
padding: 0 20rpx;
|
||
|
|
line-height: 56rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|