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.
54 lines
1004 B
54 lines
1004 B
<template>
|
|
<view class="success flex align-center flex-column">
|
|
<view class="success-top flex align-center flex-column">
|
|
<image class="success-image" :src="src" mode="widthFix"></image>
|
|
<text class="theme-color font-30 font-weight-bold">{{text}}</text>
|
|
</view>
|
|
<com-view class="success-btn theme-color font-30 flex align-center justify-center" @click="confirm">{{ btnText }}</com-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
text: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
btnText: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
src: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
methods: {
|
|
confirm (){
|
|
this.$emit('confirm')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.success {
|
|
padding-top: 80rpx;
|
|
&-top {
|
|
margin-bottom: 80rpx;
|
|
}
|
|
&-image {
|
|
width: 360rpx;
|
|
margin-bottom: 60rpx;
|
|
}
|
|
&-btn {
|
|
width: 520rpx;
|
|
height: 80rpx;
|
|
background: #fff;
|
|
border: 4rpx solid $u-type-primary;
|
|
border-radius: 26rpx;
|
|
|
|
}
|
|
}
|
|
</style>
|