update
This commit is contained in:
55
src/pages/user/components/MyTeam.vue
Normal file
55
src/pages/user/components/MyTeam.vue
Normal file
@@ -0,0 +1,55 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user