xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:解决文章标题过长显示不友好的问题

Browse Source
This commit is contained in:
Xwen
2024-01-07 21:09:15 +08:00
parent 684a83b7c2
commit d0b64b6521
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Yi.Bbs.Vue3/src/components/TreeArticleInfo.vue
View File

@@ -15,7 +15,7 @@
class="box-item" class="box-item"
effect="dark" effect="dark"
:content="data.name" :content="data.name"
placement="top-start" placement="right"
> >
<span class="title-name">{{ data.name }}</span> <span class="title-name">{{ data.name }}</span>
</el-tooltip> </el-tooltip>
@@ -78,14 +78,14 @@ const { isHasPermission: isRemoveArticle } = getPermission("bbs:article:del");
</script> </script>
<style scoped> <style scoped>
.custom-tree-node { .custom-tree-node {
width: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 14px;
padding-right: 8px;
.title-name { .title-name {
width: 100px; /* 定义容器宽度 */ width: 100%; /* 定义容器宽度 */
white-space: nowrap; /* 不换行 */ white-space: nowrap; /* 不换行 */
overflow: hidden; /* 溢出部分隐藏 */ overflow: hidden; /* 溢出部分隐藏 */
text-overflow: ellipsis; /* 显示省略号 */ text-overflow: ellipsis; /* 显示省略号 */