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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user