scout666/chat-app
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge branch 'main' into wyfMain-dev
Some checks are pending
Check / lint (push) Waiting to run
Details
Check / typecheck (push) Waiting to run
Details
Check / build (build, 18.x, ubuntu-latest) (push) Waiting to run
Details
Check / build (build, 18.x, windows-latest) (push) Waiting to run
Details
Check / build (build:app, 18.x, ubuntu-latest) (push) Waiting to run
Details
Check / build (build:app, 18.x, windows-latest) (push) Waiting to run
Details
Check / build (build:mp-weixin, 18.x, ubuntu-latest) (push) Waiting to run
Details
Check / build (build:mp-weixin, 18.x, windows-latest) (push) Waiting to run
Details

Browse Source
This commit is contained in:
wangyifeng 2025-03-04 14:11:21 +08:00
commit aa9adb6211
3 changed files with 65 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/custom-input/custom-input.vue
View File

@ -12,6 +12,7 @@
@input="inputSearchText"
:showClear="true"
@clear="clearInput"
placeholderStyle="color:#BABABA"
></tm-input>
</div>
</template>

48
src/pages/index/components/chatItem.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<wd-swipe-action>
<wd-swipe-action class="swipe_action">
<div
@click="cellClick"
:class="['chatItem', props.data.is_top === 1 ? 'isTop' : '']"
@ -31,23 +31,19 @@
</div>
<div class="chatInfo">
<div class="chatInfo_1">
<div class="flex items-center">
<div class="text-[#000000] text-[32rpx] font-bold opacity-90">
{{ props.data.name }}
</div>
<div>
<div v-if="props.data.group_type === 2" class="depTag">
部门
</div>
<div v-if="props.data.group_type === 3" class="projectTag">
项目
</div>
<div v-if="props.data.group_type === 4" class="companyTag">
公司
</div>
</div>
<div >
<span class="text-[#000000] text-[32rpx] font-bold opacity-90 mr-[20rpx]">{{ props.data.name }}</span>
<span v-if="props.data.group_type === 2" class="depTag">
部门
</span>
<span v-if="props.data.group_type === 3" class="projectTag">
项目
</span>
<span v-if="props.data.group_type === 4" class="companyTag">
公司
</span>
</div>
<div class="text-[#000000] text-[28rpx] font-medium opacity-26">
<div class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx]">
{{ beautifyTime(props.data.updated_at) }}
</div>
</div>
@ -60,6 +56,8 @@
</div>
<template #right>
<div class="flex flex-row flex-row-center-end">
<!-- 样式占位 -->
<div style="width:1px"></div>
<div
@click="handleTop"
class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#F09F1F] flex items-center justify-center"
@ -140,6 +138,10 @@ const handleDelete = () => {
}
</script>
<style lang="scss" scoped>
::v-deep .swipe_action {
// border: 1px solid #fff;
// transform: translate3d(1px, 0px, 0px) !important;
}
.chatItem {
width: 100%;
height: 154rpx;
@ -172,8 +174,7 @@ const handleDelete = () => {
.chatInfo_2_1 {
font-size: 28rpx;
color: #000000;
opacity: 40%;
color: rgba($color: #000000, $alpha: 0.4);
}
.companyTag {
@ -186,7 +187,8 @@ const handleDelete = () => {
border-radius: 6rpx;
color: #7a58de;
font-weight: bold;
margin-left: 12rpx;
display: inline-block;
}
.depTag {
@ -199,7 +201,8 @@ const handleDelete = () => {
border-radius: 6rpx;
color: #377ec6;
font-weight: bold;
margin-left: 12rpx;
display: inline-block;
}
.projectTag {
@ -212,7 +215,8 @@ const handleDelete = () => {
border-radius: 6rpx;
color: #c1681c;
font-weight: bold;
margin-left: 12rpx;
display: inline-block;
}
.textEllipsis {

55
src/pages/index/index.vue
View File

@ -1,15 +1,15 @@
<template>
<div class="outer-layer">
<div>
<tm-navbar :hideBack="false" hideHome title="" :leftWidth="420">
<tm-navbar class="index_top_navbar" :hideBack="false" hideHome title="" :leftWidth="420">
<template v-slot:left>
<div class="flex items-center ml-[48rpx]">
<tm-image
:width="72"
:height="72"
:round="12"
<image
class="w-[72rpx] h-[72rpx]"
style="border-radius: 50%;"
:src="userStore.avatar"
></tm-image>
mode="scaleToFill"
/>
<div class="ml-[24rpx] text-[36rpx] font-bold">
{{ userStore.nickname }}
</div>
@ -18,24 +18,24 @@
<template v-slot:right>
<div class="mr-[48rpx] popoverBox">
<tm-popover position="br" color="#333333" :width="260">
<tm-image
:width="41"
:height="41"
:round="12"
<image
class="w-[48rpx] h-[48rpx]"
style="border-radius: 50%;"
:src="addCircle"
></tm-image>
mode="scaleToFill"
/>
<template v-slot:label>
<div
class="w-full h-[208rpx] pt-[22rpx] pb-[22rpx] pl-[34rpx] pr-[32rpx]"
class="w-full h-[208rpx] pt-[22rpx] pb-[32rpx] pl-[14rpx] pr-[12rpx]"
>
<div
@click="creatGroupChat"
class="flex items-center mb-[30rpx]"
class="flex items-center pl-[22rpx] mb-[32rpx]"
>
<div class="mr-[26rpx] flex items-center">
<tm-image
:width="40"
:height="40"
:height="39"
:src="cahtPopover"
></tm-image>
</div>
@ -48,12 +48,12 @@
<div class="divider"></div>
<div
@click="toAddressBookPage"
class="flex items-center mt-[28rpx]"
class="flex items-center pl-[22rpx] mt-[32rpx]"
>
<div class="mr-[26rpx] flex items-center">
<tm-image
:width="40"
:height="40"
:height="43"
:src="zu3289"
></tm-image>
</div>
@ -78,6 +78,8 @@
:round="1"
prefix="tmicon-search"
prefixColor="#46299D"
placeholderStyle="color:#BABABA"
class="input_search"
></tm-input>
</div>
<div class="contentRoot">
@ -191,6 +193,17 @@ page {
display: flex;
flex-direction: column;
}
::v-deep .index_top_navbar > .statusHeight:first-child{
height: 70px !important;
}
::v-deep .index_top_navbar .statusHeightTop{
height: 70px !important;
}
::v-deep .index_top_navbar .statusHeightTop > .noNvueBorder:first-child{
height: 70px !important;
}
.root {
flex: 1;
padding: 20rpx 0;
@ -198,6 +211,14 @@ page {
.searchRoot {
background-color: #fff;
padding: 22rpx 18rpx;
/* ::v-deep .input_search{
background: #F9F9FD !important;
} */
::v-deep .noNvueBorder > .noNvueBorder > .noNvueBorder{
// border: 1px solid red !important;
background: #F9F9FD !important;
}
}
.contentRoot {
margin-top: 20rpx;
@ -210,7 +231,7 @@ page {
}
.popoverBox {
:deep(.popover-bcc) {
transform: translateX(20rpx) translateY(40rpx);
transform: translateX(16rpx) translateY(48rpx);
}
}
</style>