perf: 样式调整
This commit is contained in:
@ -1,25 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
<span class="back-wap" @click="goChatIndex"> <icon-left /> 返回空间 </span>
|
||||
<div class="px-4px">
|
||||
<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>
|
||||
<div class="content">
|
||||
<div class="left-wap mr-24px" v-if="isCollapsed == false">
|
||||
<img :src="cozeInfo?.image_url" class="w-full h-160px rounded-8px object-contain w-100% mb-15px bg-#F0EDFF" />
|
||||
<div class="content mb-15px">
|
||||
<div class="title-body">
|
||||
<div class="text">{{ cozeInfo?.name }}</div>
|
||||
<div class="tag-body">
|
||||
<div class="text mr-4px">{{ cozeInfo?.name }}</div>
|
||||
<div class="tag-body">
|
||||
<div class="">
|
||||
<img class="status-icon" :src="chatbotIcon" />
|
||||
<SvgIcon size="12" name="svg-chatbot" class="color-#6D4CFE" />
|
||||
</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>
|
||||
@ -34,7 +33,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>
|
||||
@ -54,8 +53,7 @@ import { getChatAgent } from '@/api/all/agent';
|
||||
import { useRouter } from 'vue-router';
|
||||
import menuFold from '@/assets/svg/menu-fold.svg';
|
||||
import menuUnfold from '@/assets/svg/menu-unfold.svg';
|
||||
import workflow from '@/assets/svg/workflow.svg';
|
||||
import chatbotIcon from '@/assets/svg/chatbot.svg';
|
||||
import { formatNumberShow } from "@/utils/tools"
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user