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.
70 lines
1.2 KiB
70 lines
1.2 KiB
<template> |
|
<div class="wrap"> |
|
<div class="inner"> |
|
<div class="icon"> |
|
<i class="el-icon-success icon"></i> |
|
<p class="tips">加入成功</p> |
|
</div> |
|
<p class="text">你已加入城市合伙人计划</p> |
|
<p class="text">请保存并用微信扫以下二维码打开城市合伙人小程序</p> |
|
<img class="qrcode" |
|
src="@/assets/images/mini.jpg" |
|
alt=""> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data () { |
|
return { |
|
|
|
}; |
|
}, |
|
mounted () { |
|
|
|
}, |
|
methods: { |
|
|
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.wrap { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
height: 100%; |
|
background-color: #f3f6fa; |
|
} |
|
.inner { |
|
width: 436px; |
|
padding: 50px 0; |
|
text-align: center; |
|
border-radius: 6px; |
|
background-color: #fff; |
|
border-radius: 10px; |
|
overflow: hidden; |
|
.icon { |
|
font-size: 40px; |
|
color: #007eff; |
|
} |
|
.tips { |
|
margin: 10px 0; |
|
font-size: 20px; |
|
} |
|
.text { |
|
margin-bottom: 15px; |
|
font-size: 14px; |
|
} |
|
.qrcode { |
|
width: 200px; |
|
} |
|
} |
|
@media (max-width: 720px) { |
|
.inner { |
|
width: 90%; |
|
} |
|
} |
|
</style>
|
|
|