perf: 样式调整

This commit is contained in:
rd
2025-07-30 14:07:18 +08:00
parent 4a7efc2c9b
commit 35835ca113
6 changed files with 61 additions and 68 deletions

View File

@ -1,25 +1,26 @@
<template>
<div>
<span class="back-wap" @click="goChatIndex"> <icon-left /> 返回空间 </span>
<div class="back-wap cursor-pointer mb-20px" @click="goChatIndex">
<icon-left size="16" class="color-#737478 mr-4px" />
<span class="cs">返回空间</span>
</div>
<div class="workflow-container">
<div class="left-wap" v-if="isCollapsed == false">
<div class="header">
<div class="image-body">
<img :src="cozeInfo.image_url" />
</div>
<div class="left-wap mr-24px" v-if="isCollapsed == false">
<div class="w-full w-100% mb-15px bg-#F0EDFF h-160px rounded-8px">
<img v-if="cozeInfo?.image_url" :src="cozeInfo?.image_url" class= "w-full h-full object-contain" />
</div>
<div class="content">
<div class="content mb-15px">
<div class="title-body">
<div class="text">{{ cozeInfo.name }}</div>
<div class="text mr-4px">{{ cozeInfo.name }}</div>
<div data-尺寸="迷你-20px" data-颜色="red" class="tag-body">
<div class="">
<img class="status-icon" :src="workflow" />
<SvgIcon size="12" name="svg-workflow" class="color-#F64B31" />
</div>
<div class="text">工作流</div>
</div>
</div>
<div class="use-body">
<div class="num">{{ cozeInfo.views }}</div>
<div class="use-body flex items-center">
<div class="num mr-2px">{{ formatNumberShow({ value: cozeInfo?.views, showExactValue: true }) }}</div>
<div class="text">次使用</div>
</div>
</div>
@ -46,7 +47,7 @@
<div class="header">
<div class="body">
<div class="">
<div class="toggle-btn" @click="toggleCollapse">
<div class="toggle-btn cursor-pointer" @click="toggleCollapse">
<a-tooltip :content="isCollapsed ? '展开' : '折叠'">
<img class="status-icon" :src="isCollapsed ? menuUnfold : menuFold" />
</a-tooltip>
@ -78,7 +79,7 @@ import { marked } from 'marked';
import DOMPurify from 'dompurify';
import menuFold from '@/assets/svg/menu-fold.svg';
import menuUnfold from '@/assets/svg/menu-unfold.svg';
import workflow from '@/assets/svg/svg-workflow.svg';
import { formatNumberShow } from "@/utils/tools"
const formFields = ref({});
const history = ref([]);