style: replace legacy padding classes with inline pixel values

Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
duanshuwen
2026-07-24 16:36:44 +08:00
parent e57617d2c6
commit 79b101978a
50 changed files with 247 additions and 703 deletions

View File

@@ -2,17 +2,13 @@
<view v-if="shouldRenderCard" class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-col px-16 pt-16 pb-12 border-box" @click="lookDetailAction">
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
<view v-if="tag" class="long-answer-tag" :style="longAnswerTagStyle">{{ tag }}</view>
<view v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
<text class="font-size-16 font-600 text-color-900"> {{ title }}</text>
</view>
<!-- 文字内容根据数据模式限制预览行数 -->
<view
v-if="processedContent"
class="answer-content font-size-12 font-color-600"
:style="answerContentStyle"
>
<view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
<ChatMarkdown :text="processedContent" :fontColor="'#94A3B8'" />
</view>
<!-- 超过2行时显示...提示 -->
@@ -154,7 +150,7 @@ onBeforeUnmount(cleanupStreamWatchers);
const lookDetailAction = () => {
const message = previewContent.value ? String(previewContent.value) : "";
// 使用 StreamManager 以 streamId 转发当前及后续流式更新,详情页通过 streamId 订阅
const streamId = `stream_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;
const streamId = `stream_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
const updateStream = () => {
StreamManager.updateStream(
streamId,
@@ -211,6 +207,7 @@ const lookDetailAction = () => {
text-overflow: ellipsis;
line-height: 16px;
}
.long-answer-tag {
display: inline-flex;
width: fit-content;