pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

自定义消息

Browse Source
This commit is contained in:
pengxiaolong
2025-05-16 21:53:47 +08:00
parent 595c5329a0
commit e05d72fccf
43 changed files with 458 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
TUIKit/components/TUIChat/message-list/message-elements/message-custom.vue
View File

@@ -1,5 +1,6 @@
<template>
<div class="custom">
<!-- `````````````````````````````````````````````````````````````````````````````````````````````````````````` -->
<template v-if="customData.businessID === CHAT_MSG_CUSTOM_TYPE.SERVICE">
<div>
<h1>
@@ -28,6 +29,7 @@
<article>{{ extension.description }}</article>
</div>
</template>
<!-- ``````````````````````````````````````````````````````````````````````````````````````````````````` -->
<template v-else-if="customData.businessID === CHAT_MSG_CUSTOM_TYPE.EVALUATE">
<div class="evaluate">
<h1>{{ TUITranslateService.t("message.custom.对本次服务评价") }}</h1>
@@ -46,6 +48,7 @@
<article>{{ customData.comment }}</article>
</div>
</template>
<!-- `````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` -->
<template v-else-if="customData.businessID === CHAT_MSG_CUSTOM_TYPE.ORDER">
<div
class="order"
@@ -61,6 +64,7 @@
</main>
</div>
</template>
<!-- ````````````````````````````````````````````````````````````````````````````````````````````````````````````````` -->
<template v-else-if="customData.businessID === CHAT_MSG_CUSTOM_TYPE.LINK">
<div class="textLink">
<p>{{ customData.text }}</p>
@@ -72,9 +76,21 @@
}}</a>
</div>
</template>
<!-- `························································标记······················································ -->
<template v-else-if="customData.businessID === CHAT_MSG_CUSTOM_TYPE.PK">
<div class="pk">
<h1>{{ customData.title }}</h1>
<div class="button-group">
<button class="buttonAccept">{{ customData.buttonText1 }}</button>
<button class="buttonRefuse">{{ customData.buttonText2 }}</button>
</div>
</div>
</template>
<!-- ``````````````````````````````````````````````````````````````````````````````````````````````````````````````` -->
<template v-else>
<span v-html="content.custom" />
</template>
<!-- ``````````````````````````````````````````````````````````````````````````````````````````````````````````````` -->
</div>
</template>
@@ -118,6 +134,9 @@ const openLink = (url: any) => {
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped>
@import "../../../../assets/styles/common";
a {
@@ -125,7 +144,7 @@ a {
}
.custom {
font-size: 14px;
font-size: 18px;
h1 {
font-size: 14px;
@@ -183,5 +202,56 @@ a {
height: 67px;
}
}
// `````````````````````````````````````````````````````````````````````
.pk{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
background-color: #f5f5f5;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
h1{
font-size: 18px;
color: #333;
margin-bottom: 10px;
}
.button-group{
display: flex;
justify-content: center;
.buttonAccept{
width: 40%;
height: 60rpx;
background-color: #84ff0055;
border-radius: 10px;
border: 2px solid #26ff00;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 60rpx;
margin-bottom: 10px;
border: none;
cursor: pointer;
}
.buttonRefuse{
width: 40%;
height: 60rpx;
background-color: #ff000078;
border: 2px solid #ff0000;
border-radius: 10px;
color: #fff;
font-size: 16px;
line-height: 60rpx;
text-align: center;
margin-bottom: 10px;
border: none;
cursor: pointer;
}
}
}
//``````````````````````````````````````````````````````````````````````````````````
}
</style>