| | |
| | | <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"> |
| | |
| | | <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> |
| | |
| | | }; |
| | | 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>`, '提示', { |
| | |
| | | } |
| | | .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; |