perf: 优化请求展示区域

This commit is contained in:
奔跑的面条 2022-07-16 21:02:32 +08:00
parent 4107477b9b
commit 3db217e687
2 changed files with 11 additions and 12 deletions

View File

@ -29,7 +29,9 @@
</n-input>
</setting-item-box>
<n-text depth="3">更新内容请点击配置</n-text>
<n-space justify="end">
<n-text depth="3" style="font-size: 12px">更新内容请点击展示区域</n-text>
</n-space>
<div class="edit-text" @click="requestModelHandle">
<div class="go-absolute-center">
@ -139,13 +141,18 @@ onBeforeUnmount(() => {
.n-card-shallow {
&.n-card {
@extend .go-background-filter;
@include deep() {
.n-card__content {
padding: 10px;
}
}
}
.edit-text {
position: absolute;
top: 0px;
left: 0px;
width: 325px;
height: 254px;
height: 235px;
cursor: pointer;
opacity: 0;
transition: all 0.3s;

View File

@ -48,17 +48,9 @@
<n-select class="select-time-options" v-model:value="requestIntervalUnit" :options="selectTimeOptions" />
</n-input-group>
</setting-item>
<n-button ghost type="primary">
<template #icon>
<n-icon>
<flash-icon />
</n-icon>
</template>
发送请求
</n-button>
</setting-item-box>
<setting-item-box name="选择方式" class="go-mt-0">
<request-header></request-header>
<request-header></request-header>
</setting-item-box>
</template>
@ -72,7 +64,7 @@ import { isDev } from '@/utils'
import { icon } from '@/plugins'
import { chartDataUrl, rankListUrl, scrollBoardUrl, numberFloatUrl, numberIntUrl, textUrl, imageUrl } from '@/api/mock'
const { HelpOutlineIcon, FlashIcon } = icon.ionicons5
const { HelpOutlineIcon } = icon.ionicons5
const { targetData, chartEditStore } = useTargetData()
const { requestOriginUrl } = toRefs(chartEditStore.getRequestGlobalConfig)
const { requestInterval, requestIntervalUnit, requestHttpType, requestUrl } = toRefs(targetData.value.request)