You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
2.1 KiB

<template>
<view>
<view class="formBox">
<image class="codePic" mode="widthFix" src="../../static/share.jpg"></image>
<view class="codeInfo">
<view>扫描二维码即可预约参观</view>
<view>您也可以点击右上角分享给好友</view>
</view>
</view>
<view class="submitBtn plainBtn" @click="goBack"></view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onShareAppMessage() {
return this.util.shareInfo
},
onShareTimeline(){
return this.util.shareInfo
},
methods: {
goBack(){
uni.switchTab({
url: "/pages/index/index"
})
}
}
}
</script>
<style lang="scss" scoped>
.content {
display: flex;
flex-direction: column;
padding-bottom: 20rpx;
}
.formBox {
width: 100%;
background: #fff;
border-radius: 10rpx;
margin: 10rpx auto 14rpx auto;
padding: 0 30rpx;
box-sizing: border-box;
.codePic {
width: 480rpx;
display: block;
margin: 160rpx auto 20rpx auto;
}
.codeInfo {
width: 510rpx;
margin: 24rpx auto 72rpx auto;
font-size: 32rpx;
color: #8C8C8C;
text-align: center;
line-height: 64rpx;
font-weight: 500;
}
.formCol {
border-top: 1rpx solid #F3F3F3;
padding: 30rpx 0;
}
.formCol:first-child {
border-top: none;
}
.colleft {
font-size: 28rpx;
color: #252525;
}
.colright {
font-size: 28rpx;
flex: 1;
input {
color: #666;
text-align: right;
font-size: 28rpx;
}
picker {
font-size: 28rpx;
u-icon {
margin-left: 15rpx;
}
}
textarea {
width: 100%;
height: 600rpx;
background: #fff;
border-radius: 10rpx;
font-size: 28rpx;
box-sizing: border-box;
}
}
}
.plainBtn {
width: 560rpx;
height: 90rpx;
background: #FFFFFF;
border: 2rpx solid #cf995a;
border-radius: 45rpx;
font-size: 32rpx;
color: #cf995a;
letter-spacing: 0.92px;
text-align: center;
line-height: 90rpx;
margin: 24rpx auto 0 auto;
}
</style>