修改卡片列表样式.

This commit is contained in:
lijiahang
2023-10-18 10:35:22 +08:00
parent f13395f351
commit 9a05b303bd
19 changed files with 124 additions and 92 deletions

View File

@@ -1,8 +1,7 @@
<template>
<card-list v-model:searchValue="formModel.searchValue"
search-input-placeholder="输入id/名称/用户名"
search-input-placeholder="输入 id / 名称 / 用户名"
create-card-position="head"
:card-height="184"
:loading="loading"
:fieldConfig="fieldConfig"
:list="list"

View File

@@ -1,8 +1,7 @@
<template>
<card-list v-model:searchValue="formModel.searchValue"
search-input-placeholder="输入id/名称"
search-input-placeholder="输入 id / 名称"
create-card-position="head"
:card-height="148"
:loading="loading"
:fieldConfig="fieldConfig"
:list="list"

View File

@@ -1,6 +1,6 @@
<template>
<a-drawer class="drawer-body-padding-0"
:visible="visible"
<a-drawer v-model:visible="visible"
class="drawer-body-padding-0"
:title="title"
:width="470"
:mask-closable="false"

View File

@@ -1,8 +1,7 @@
<template>
<card-list v-model:searchValue="formModel.searchValue"
search-input-placeholder="输入id/名称/标签/地址"
search-input-placeholder="输入 id / 名称 / 编码 / 地址"
create-card-position="head"
:card-height="214"
:loading="loading"
:fieldConfig="fieldConfig"
:list="list"
@@ -32,7 +31,7 @@
</template>
<!-- 标签 -->
<template #tags="{ record }">
<a-space v-if="record.tags" wrap>
<a-space v-if="record.tags" wrap style="margin-bottom: -8px;">
<a-tag v-for="tag in record.tags"
:key="tag.id"
:color="dataColor(tag.name, tagColor)">

View File

@@ -1,7 +1,7 @@
<template>
<a-drawer class="drawer-body-padding-0"
<a-drawer v-model:visible="visible"
class="drawer-body-padding-0"
:width="420"
:visible="visible"
:esc-to-close="false"
:mask-closable="false"
:unmount-on-close="true"

View File

@@ -1,9 +1,9 @@
import { CardField, CardFieldConfig } from '@/types/card';
const fieldConfig = {
rowGap: '12px',
rowGap: '10px',
labelSpan: 8,
minHeight: '24px',
minHeight: '22px',
fields: [
{
label: 'id',