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

refactor: replace border-box with box-border and clean up unused scss

Browse Source 
Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file.
Update all Vue component template class references from the custom border-box class to the
native box-border utility class to eliminate redundant custom CSS and align with the project's
utility class conventions.
This commit is contained in:
duanshuwen
2026-07-24 16:48:07 +08:00
parent 79b101978a
commit cb7054cd90
47 changed files with 103 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/ChatModule/AigcPhotoCard/index.vue
View File

@@ -1,28 +1,27 @@
<template>
<view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
<view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
:class="{ 'is-disabled': disabled, 'is-empty': !videoUrl }" @click="handleAction">
<video v-if="videoUrl" :id="videoId" class="aigc-photo-card__video block w-full" :src="videoUrl" :poster="poster"
:controls="!disabled" :show-center-play-btn="!disabled" :show-play-btn="!disabled"
:show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled"
:direction="fullscreenDirection" object-fit="cover" @click.stop @play="handlePlay"
@fullscreenchange="handleFullScreenChange" @error="handleError" />
<view
v-if="videoUrl && !disabled"
:show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled" :direction="fullscreenDirection"
object-fit="cover" @click.stop @play="handlePlay" @fullscreenchange="handleFullScreenChange"
@error="handleError" />
<view v-if="videoUrl && !disabled"
class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center color-white font-size-12"
@click.stop="requestFullScreen"
>
@click.stop="requestFullScreen">
全屏
</view>
<view v-if="!videoUrl" class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
<view v-if="!videoUrl"
class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
视频地址为空
</view>
</view>
</view>
</template>
<script setup>