github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-24 11:32:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor(工作台): [使用模板新建]样式调整

Browse Source
This commit is contained in:
ulleo 2025-01-15 16:16:11 +08:00 committed by xuwei-fit2cloud
parent 46ee665ca0
commit d7ad7ac873
4 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/views/common/DeResourceCreateOptV2.vue
View File

@ -2,7 +2,7 @@
<el-dialog <el-dialog
class="market-create-dialog" class="market-create-dialog"
v-model="state.dialogShow" v-model="state.dialogShow"
width="90vw" width="80vw"
height="90vh" height="90vh"
:before-close="close" :before-close="close"
@submit.prevent @submit.prevent

3
core/core-frontend/src/views/template-market/component/CategoryTemplateV2.vue
View File

@ -90,9 +90,8 @@ const props = defineProps({
width: 100%; width: 100%;
float: left; float: left;
height: 24px; height: 24px;
margin-top: 16px;
display: inline; display: inline;
margin-bottom: 16px; margin-bottom: 8px;
.custom-split-line { .custom-split-line {
margin: 4px 8px 0 12px; margin: 4px 8px 0 12px;
width: 2px; width: 2px;

12
core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<div class="testcase-template"> <div class="testcase-template">
<div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" /> <div class="template-img-container">
<div class="template-img" :style="classBackground" @click.stop="templateInnerPreview" />
</div>
<el-row class="bottom-area"> </el-row> <el-row class="bottom-area"> </el-row>
<el-row <el-row
class="bottom-area-show" class="bottom-area-show"
@ -115,10 +117,14 @@ const templateInnerPreview = () => {
text-overflow: ellipsis; text-overflow: ellipsis;
color: var(--TextPrimary, #1f2329); color: var(--TextPrimary, #1f2329);
} }
.template-img-container {
padding: 4px 4px 0;
display: flex;
flex-direction: row;
justify-content: center;
}
.template-img { .template-img {
background-size: 100% 100%; background-size: 100% 100%;
margin: 4px 4px 0 4px;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
} }

2
core/core-frontend/src/views/template-market/index.vue
View File

@ -140,7 +140,7 @@
</el-row> </el-row>
<el-row v-show="state.marketActiveTab === t('work_branch.recommend')"> <el-row v-show="state.marketActiveTab === t('work_branch.recommend')">
<el-row <el-row
style="display: inline; width: 100%; margin-bottom: 16px" style="display: inline; width: 100%; margin-bottom: 32px"
v-for="(categoryItem, index) in categoriesComputed" v-for="(categoryItem, index) in categoriesComputed"
:key="index" :key="index"
> >