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

stash

Browse Source
This commit is contained in:
Jason.Chen
2022-02-08 14:11:15 +08:00
parent 4020f1f6eb
commit 784483cc47
2 changed files with 46 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/im/components/sentText.nvue
View File

@@ -62,7 +62,7 @@
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="scss">
.sent--text { .sent--text {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -77,17 +77,17 @@
padding: 0 20rpx; padding: 0 20rpx;
} }
.button { // .button {
border: none; // border: none;
background: #34CE98; // background: #34CE98;
color: white; // color: white;
width: 120rpx; // width: 120rpx;
line-height: 70rpx; // line-height: 70rpx;
text-align: center; // text-align: center;
border-radius: 10rpx; // border-radius: 10rpx;
font-size: 30rpx; // font-size: 30rpx;
font-weight: bold; // font-weight: bold;
} // }
// .button[disabled] { // .button[disabled] {
// background-color: #555555; // background-color: #555555;
// } // }

26
pages/im/index.vue
View File

@@ -5,19 +5,24 @@
<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 absolute max="99" shape="horn" :offset="[-7, -7]" :value="5" />
</view> </view>
<view class="item" @click="onNav('', {})">
群聊
<u-badge absolute max="99" shape="horn" :offset="[-7, -7]" :value="10" />
</view>
</view>
<view class="btns"> <view class="btns">
<view class="item" @click="scanQrCode"> <view class="item" @click="scanQrCode">
<uni-icons color="#555" type="scan" size="22"></uni-icons> <uni-icons color="#555" type="scan" size="22" />
</view> </view>
<view class="item" @click="onNav('imFriends', {})"> <view class="item" @click="onNav('imFriends', {})">
<uni-icons color="#555" custom-prefix="iconfont" type="icon-tuandui" size="22"></uni-icons> <u-badge absolute max="99" isDot :offset="[0, 0]" :show="hasNewFriends" />
<uni-icons color="#555" custom-prefix="iconfont" type="icon-tuandui" size="22" />
</view> </view>
<!-- <view class="item" @click="onNav('', {})">
<uni-icons color="#555" custom-prefix="iconfont" type="icon-gengduo2" size="22"></uni-icons>
</view> -->
</view> </view>
</view> </view>
</view> </view>
@@ -46,7 +51,7 @@
<message-preview class="preview" :msg="item.latestMessage" /> <message-preview class="preview" :msg="item.latestMessage" />
</view> </view>
</view> </view>
<!-- TODO 长按的弹出框，怎么点击隐藏，没搞明白 -->
<view class="shade" @click="hidePop" v-show="showPop"> <view class="shade" @click="hidePop" v-show="showPop">
<view class="pop" :style="popStyle" :class="{'show':showPop}"> <view class="pop" :style="popStyle" :class="{'show':showPop}">
<view v-for="(item, index) in popButton" :key="index" @click="pickerMenu" :data-index="index"> <view v-for="(item, index) in popButton" :key="index" @click="pickerMenu" :data-index="index">
@@ -89,7 +94,8 @@
popButton: ['置顶聊天', '删除该聊天'], popButton: ['置顶聊天', '删除该聊天'],
/* 弹窗定位样式 */ /* 弹窗定位样式 */
popStyle: "", popStyle: "",
pickedItem: {} pickedItem: {},
hasNewFriends: true
} }
}, },
components: { components: {
@@ -268,6 +274,7 @@
.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;
@@ -289,6 +296,7 @@
.btns { .btns {
.item { .item {
position: relative;
display: inline-block; display: inline-block;
margin-left: $margin; margin-left: $margin;
} }