TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

新增群聊标签

Browse Source
This commit is contained in:
唐明明
2022-02-08 14:10:20 +08:00
parent a3ddf46f88
commit c722c70624
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/im/index.vue
View File

@@ -5,8 +5,12 @@
<view class="custom-header"> <view class="custom-header">
<view class="header-flex"> <view class="header-flex">
<view class="tabs"> <view class="tabs">
<view class="item show">私聊</view> <view class="item show">
<view class="item" @click="onNav('', {})">群聊</view> <u-badge max="99" value="99" absolute :offset="[0, -10]"/>私聊
</view>
<view class="item" @click="onNav('', {})">
<u-badge max="99" value="99" absolute :offset="[0, -10]"/>群聊
</view>
</view> </view>
<view class="btns"> <view class="btns">
<view class="item" @click="scanQrCode"> <view class="item" @click="scanQrCode">
@@ -265,20 +269,18 @@
justify-content: space-between; justify-content: space-between;
height: 60rpx; height: 60rpx;
line-height: 60rpx; line-height: 60rpx;
.tabs { .tabs {
.item { .item {
position: relative;
margin-left: $margin; margin-left: $margin;
display: inline-block; display: inline-block;
font-size: $title-size-lg; font-size: $title-size-lg;
color: $text-gray; color: $text-gray;
padding: 0 ($padding - 10); padding: 0 ($padding - 10);
border-radius: 30rpx; border-radius: 30rpx;
&:first-child { &:first-child {
margin: 0; margin: 0;
} }
&.show { &.show {
background: rgba($color: $main-color, $alpha: .1); background: rgba($color: $main-color, $alpha: .1);
color: $main-color; color: $main-color;