From e8926403c7f190aee079ded3cc11213312087368 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期日, 03 十一月 2024 11:39:03 +0800
Subject: [PATCH] 修改常用语样式
---
src/components/chat/components/playBar/phrase/CommonPhrases.vue | 19 +++++++++++--------
1 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/src/components/chat/components/playBar/phrase/CommonPhrases.vue b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
index d3a1ff4..ee4703f 100644
--- a/src/components/chat/components/playBar/phrase/CommonPhrases.vue
+++ b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
@@ -9,9 +9,9 @@
<div class="w-full h-full absolute top-0">
<div class="py-0 mt-0 box-border h-full">
<div style="overflow-anchor: none" v-for="(item, index) in commonPhrases" :key="index">
- <div class="phase_item">
+ <div class="phase_item" @click="titleClick(item)">
<div class="flex flex-col">
- <div class="title" @click="titleClick(item)">
+ <div class="title">
{{ item.title }}
</div>
<!-- <div class="content">
@@ -21,11 +21,11 @@
<div class="py-2">
<span
class="ywifont ywicon-bianji cursor-pointer text-[#767a97] pt-[4px] pr-[6px] pb-[2px] pl-0 rounded-lg !text-[13px]"
- @click="editCommonPhrases(item)"
+ @click.stop="editCommonPhrases(item)"
></span>
<span
class="ywifont ywicon-shanchu3 cursor-pointer text-[red] pt-[4px] pr-[6px] pb-[2px] pl-0 rounded-lg"
- @click="deleteCommonPhrases(item)"
+ @click.stop="deleteCommonPhrases(item)"
></span>
</div>
</div>
@@ -99,8 +99,8 @@
};
const editCommonPhrases = (item) => {
state.useCommonPhrasesDialog = true;
- state.inputCommonPhrases = item.content;
state.show_sample_title = true;
+ state.inputCommonPhrases = item.title;
};
const deleteCommonPhrases = (item) => {
ElMessageBox.confirm(`浣犵‘瀹氳鍒犻櫎甯哥敤璇悧?<div style="white-space: pre-line;">[${item.title}]</div>`, '鎻愮ず', {
@@ -196,14 +196,17 @@
}
.title {
font-size: 14px;
- color: #060607;
- font-family: PingFang HK;
- font-weight: 600;
+ color: #8d8e99;
+ font-weight: 400;
font-style: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
+ &:hover {
+ color: #060607;
+ }
}
+
.content {
font-size: 12px;
color: #5e6772;
--
Gitblit v1.9.3