zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui-layout): correct flex text truncation issues

Browse Source 
Add min-w-0, w-full, and block classes to flex child elements and text nodes across various UI components to ensure text truncation works correctly. Remove outdated hardcoded card item width styles from global SCSS and replace them with inline responsive width classes where appropriate.
This commit is contained in:
duanshuwen
2026-07-25 19:17:13 +08:00
parent 04a7acc8b3
commit 7913db7a83
27 changed files with 82 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages-aigc/home/components/TemplateCard/index.vue
View File

@@ -11,11 +11,11 @@
<view class="template-media-shade" />
</view>
<view class="template-copy">
<view class="template-copy box-border w-full min-w-0">
<text class="template-badge">{{ template.templateTag }}</text>
<text class="template-title truncate">{{ template.templateTitle || template.templateName }}</text>
<text class="template-desc truncate">{{ template.templateSubTitle }}</text>
<text class="template-note truncate">{{ template.templateDescription }}</text>
<text class="template-title block w-[178px] truncate">{{ template.templateTitle || template.templateName }}</text>
<text class="template-desc block w-[178px] truncate">{{ template.templateSubTitle }}</text>
<text class="template-note block w-[172px] truncate">{{ template.templateDescription }}</text>
<button class="template-select" type="default" @tap.stop="emit('select')">
选这个模板
</button>

8
src/pages-aigc/record/components/RecordCard/index.vue
View File

@@ -7,10 +7,10 @@
<text v-if="isGenerating" class="record-card-media-text">生成中</text>
</view>
<view class="record-card-copy">
<text class="record-card-title truncate">{{ title }}</text>
<text class="record-card-time truncate">{{ record.createTime }}</text>
<text class="record-card-status truncate">{{ statusText }}</text>
<view class="record-card-copy w-full min-w-0">
<text class="record-card-title block w-full truncate">{{ title }}</text>
<text class="record-card-time block w-full truncate">{{ record.createTime }}</text>
<text class="record-card-status block w-full truncate">{{ statusText }}</text>
</view>
<view v-if="actionText" class="record-card-action">