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

refactor: replace custom ellipsis classes with native utilities

Browse Source 
delete unused ellipsis.scss partial and its import, update all components to use truncate and line-clamp-2 utilities
This commit is contained in:
duanshuwen
2026-07-24 22:19:35 +08:00
parent 0e79cf2ad0
commit 2b12398f2a
32 changed files with 86 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,37 +1,21 @@
<template>
<view
class="template-card"
:class="{ 'is-active': active }"
>
<view class="template-card" :class="{ 'is-active': active }">
<view class="template-media">
<view class="template-media-placeholder" />
<image v-if="templatePosterUrl" class="template-image" :src="templatePosterUrl" mode="aspectFill" />
<video
v-if="templateVideoUrl && playing && !videoLoadFailed"
class="template-video"
:class="{ 'is-ready': videoReady }"
:src="templateVideoUrl"
autoplay
muted
loop
:controls="false"
:show-play-btn="false"
:show-center-play-btn="false"
:show-fullscreen-btn="false"
:enable-progress-gesture="false"
object-fit="cover"
@play="handleVideoReady"
@timeupdate="handleVideoReady"
@error="handleVideoError"
/>
<video v-if="templateVideoUrl && playing && !videoLoadFailed" class="template-video"
:class="{ 'is-ready': videoReady }" :src="templateVideoUrl" autoplay muted loop :controls="false"
:show-play-btn="false" :show-center-play-btn="false" :show-fullscreen-btn="false"
:enable-progress-gesture="false" object-fit="cover" @play="handleVideoReady" @timeupdate="handleVideoReady"
@error="handleVideoError" />
<view class="template-media-shade" />
</view>
<view class="template-copy">
<text class="template-badge">{{ template.templateTag }}</text>
<text class="template-title ellipsis-1">{{ template.templateTitle || template.templateName }}</text>
<text class="template-desc ellipsis-1">{{ template.templateSubTitle }}</text>
<text class="template-note ellipsis-1">{{ template.templateDescription }}</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>
<button class="template-select" type="default" @tap.stop="emit('select')">
选这个模板
</button>