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.
77 lines
1.3 KiB
77 lines
1.3 KiB
3 years ago
|
<template>
|
||
|
|
<view class="page">
|
||
|
|
<view class="wrap">
|
||
|
|
<view class="info">
|
||
|
|
<image class="avatar" src="../../static/avatar.jpg" mode=""></image>
|
||
|
|
<view class="text">
|
||
|
|
<view class="invite">
|
||
|
|
<text class="name">Jane</text> 邀请你加入
|
||
|
|
</view>
|
||
|
|
<view class="com">宁德时代股份有限公司</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<image class="qrcode" src="https://pic.baike.soso.com/p/20130307/20130307133645-1010261466.jpg" mode=""></image>
|
||
|
|
<view class="tips">扫一扫，加入我们吧</view>
|
||
|
|
<view class="warn">邀请二维码失效日期：2022年2月2日</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.wrap {
|
||
|
|
padding: 20px 40px;
|
||
|
|
margin: 60px 40px 0;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #fff;
|
||
|
|
.info {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.avatar {
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
margin-right: 10px;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.invite {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
.name {
|
||
|
|
font-size: 13px;
|
||
|
|
color: $uni-primary;
|
||
|
|
}
|
||
|
|
.com {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
.qrcode {
|
||
|
|
width: 280px;
|
||
|
|
height: 280px;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
.tips {
|
||
|
|
margin: 10px 0 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.warn {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #f00;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|