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.
yanzong_qianduan/pages/news/caigou/notice1.vue

98 lines
1.7 KiB

<template>
<view class="notice">
<view class="notice-bd">
<view class="a">
<image src="https://wholesaler.royaum.com.cn/static/caigou/success.png"></image>
<view class="title">支付成功</view>
<!-- <view class="desc">您的申请资料已经提交成功 预计1-2个工作日内审核完成</view> -->
</view>
</view>
<view class="notice-fd">
<view class="btn" @click="openPage()">完成</view>
</view>
<addShuiyin />
</view>
</template>
<script>
export default {
data() {
return {
value: ""
};
},
methods: {
openPage() {
uni.switchTab({
url: "/pages/user/index"
})
}
}
}
</script>
<style lang="scss" scoped>
.notice{
height: 100vh;
background-color: #fff;
padding-bottom: 150rpx;
&-bd{
width: 700rpx;
margin: 0 auto;
text-align: justify;
border-radius: 10rpx;
padding: 0 45rpx;
box-sizing: border-box;
.a{
padding: 20rpx 0;
.title{
font-size: 36rpx;
color: #222222;
text-align: center;
margin-top: 30rpx;
}
.desc{
width: 450rpx;
font-size: 28rpx;
color: #666666;
line-height: 48rpx;
text-align: center;
margin: 0 auto;
margin-top: 20rpx;
}
image{
width: 189rpx;
height: 166rpx;
display: block;
margin: 0 auto;
margin-top: 80rpx;
}
}
}
&-fd{
height: 140rpx;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 22;
background-color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
.btn{
width: 662rpx;
height: 90rpx;
line-height: 90rpx;
background: #F34A40;
border-radius: 90rpx;
text-align: center;
font-size: 32rpx;
color: #FFFFFF;
&-on{
background-color: #ccc;
}
}
}
}
</style>