parent
43cafcabfc
commit
ce92192f0b
10 changed files with 115 additions and 20 deletions
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 3.2 KiB |
@ -0,0 +1,68 @@ |
|||||||
|
<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/img/mini-code1.png" 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> |
Loading…
Reference in new issue