56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
|
<script setup>
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view class="!mt-[40rpx] p-[20rpx] bg-[#F2F3F5] rounded-[16rpx] !flex items-center">
|
|||
|
|
<view class="invitationCode">
|
|||
|
|
我的邀请码：
|
|||
|
|
</view>
|
|||
|
|
<view class="invitationCodeValue">
|
|||
|
|
123445
|
|||
|
|
</view>
|
|||
|
|
<view class="view-detail !ml-auto">查看团队详情></view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="!mt-[24rpx] !grid grid-cols-3 gap-[22rpx]">
|
|||
|
|
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
|
|||
|
|
<view class="test-22r text-[#86909C]">人数</view>
|
|||
|
|
<view class="test-36r text-[#165DFF]">323</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
|
|||
|
|
<view class="test-22r text-[#86909C]">团队收益</view>
|
|||
|
|
<view class="test-36r text-[#165DFF]">323</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="rounded-[16rpx] bg-[#E8F3FF] p-[20rpx] !flex gap-[6rpx] flex-col">
|
|||
|
|
<view class="test-22r text-[#86909C]">团队奖励</view>
|
|||
|
|
<view class="test-36r text-[#165DFF]">323</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.view-detail {
|
|||
|
|
color: rgb(29, 33, 41);
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.invitationCode {
|
|||
|
|
color: rgb(78, 89, 105);
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 140%;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.invitationCodeValue {
|
|||
|
|
color: rgb(29, 33, 41);
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 140%;
|
|||
|
|
letter-spacing: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|