增加同步方法 修改登陆首页
This commit is contained in:
parent
dec5cad5bd
commit
c84bb57f69
2
.env
2
.env
@ -1,5 +1,5 @@
|
|||||||
# 标题
|
# 标题
|
||||||
VITE_APP_TITLE=芋道管理系统
|
VITE_APP_TITLE=医学影像系统
|
||||||
|
|
||||||
# 项目本地运行端口号
|
# 项目本地运行端口号
|
||||||
VITE_PORT=80
|
VITE_PORT=80
|
||||||
|
@ -91,4 +91,9 @@ export const ApplyformApi = {
|
|||||||
batchupdateFJApplyform: async (data:UPFJApplyformVO[]) => {
|
batchupdateFJApplyform: async (data:UPFJApplyformVO[]) => {
|
||||||
return await request.post({ url: `/applyregistration/applyform/batchupdateFJ`, data})
|
return await request.post({ url: `/applyregistration/applyform/batchupdateFJ`, data})
|
||||||
},
|
},
|
||||||
|
// 同步
|
||||||
|
SyncDb: async (AppCode: string) => {
|
||||||
|
return await request.get({ url: `/applyregistration/applyform/SyncDb?AppCode=` + AppCode })
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -66,10 +66,10 @@ watch(
|
|||||||
]"
|
]"
|
||||||
to="/"
|
to="/"
|
||||||
>
|
>
|
||||||
<img
|
<!-- <img
|
||||||
class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
|
class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
|
||||||
src="@/assets/imgs/logo.png"
|
src="@/assets/svgs/login-fly.svg"
|
||||||
/>
|
/> -->
|
||||||
<div
|
<div
|
||||||
v-if="show"
|
v-if="show"
|
||||||
:class="[
|
:class="[
|
||||||
|
@ -50,7 +50,7 @@ export const useAppStore = defineStore('app', {
|
|||||||
breadcrumb: true, // 面包屑
|
breadcrumb: true, // 面包屑
|
||||||
breadcrumbIcon: true, // 面包屑图标
|
breadcrumbIcon: true, // 面包屑图标
|
||||||
collapse: false, // 折叠菜单
|
collapse: false, // 折叠菜单
|
||||||
uniqueOpened: true, // 是否只保持一个子菜单的展开
|
uniqueOpened: false, // 是否只保持一个子菜单的展开
|
||||||
hamburger: true, // 折叠图标
|
hamburger: true, // 折叠图标
|
||||||
screenfull: true, // 全屏图标
|
screenfull: true, // 全屏图标
|
||||||
search: true, // 搜索图标
|
search: true, // 搜索图标
|
||||||
|
@ -1,78 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
|
||||||
<el-card shadow="never">
|
|
||||||
<el-skeleton :loading="loading" animated>
|
|
||||||
<el-row :gutter="16" justify="space-between">
|
|
||||||
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<el-avatar :src="avatar" :size="70" class="mr-16px">
|
|
||||||
<img src="@/assets/imgs/avatar.gif" alt="" />
|
|
||||||
</el-avatar>
|
|
||||||
<div>
|
|
||||||
<div class="text-20px">
|
|
||||||
{{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-10px text-14px text-gray-500">
|
|
||||||
{{ t('workplace.toady') }},20℃ - 32℃!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
|
||||||
<div class="h-70px flex items-center justify-end lt-sm:mt-10px">
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
|
|
||||||
<CountTo
|
|
||||||
class="text-20px"
|
|
||||||
:start-val="0"
|
|
||||||
:end-val="totalSate.project"
|
|
||||||
:duration="2600"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<el-divider direction="vertical" />
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
|
|
||||||
<CountTo
|
|
||||||
class="text-20px"
|
|
||||||
:start-val="0"
|
|
||||||
:end-val="totalSate.todo"
|
|
||||||
:duration="2600"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<el-divider direction="vertical" border-style="dashed" />
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
|
|
||||||
<CountTo
|
|
||||||
class="text-20px"
|
|
||||||
:start-val="0"
|
|
||||||
:end-val="totalSate.access"
|
|
||||||
:duration="2600"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-skeleton>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<el-row class="mt-8px" :gutter="8" justify="space-between">
|
<el-row class="mt-8px" :gutter="8" justify="space-between">
|
||||||
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-8px">
|
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-8px">
|
||||||
<el-card shadow="never">
|
<el-card shadow="never">
|
||||||
<template #header>
|
|
||||||
<div class="h-3 flex justify-between">
|
|
||||||
<span>{{ t('workplace.project') }}</span>
|
|
||||||
<el-link
|
|
||||||
type="primary"
|
|
||||||
:underline="false"
|
|
||||||
href="https://github.com/yudaocode"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
{{ t('action.more') }}
|
|
||||||
</el-link>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<el-skeleton :loading="loading" animated>
|
<el-skeleton :loading="loading" animated>
|
||||||
|
<span style="font-size: 17px;">快捷入口</span>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col
|
<el-col
|
||||||
v-for="(item, index) in projects"
|
v-for="(item, index) in projects"
|
||||||
@ -85,13 +18,9 @@
|
|||||||
>
|
>
|
||||||
<el-card shadow="hover" class="mr-5px mt-5px">
|
<el-card shadow="hover" class="mr-5px mt-5px">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<Icon :icon="item.icon" :size="25" class="mr-8px" />
|
<router-link :to="item.message" class="menu-button flex items-center justify-center" style="width: 100%; height: 100%;">
|
||||||
<span class="text-16px">{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
</div>
|
</router-link>
|
||||||
<div class="mt-12px text-9px text-gray-400">{{ t(item.message) }}</div>
|
|
||||||
<div class="mt-12px flex justify-between text-12px text-gray-400">
|
|
||||||
<span>{{ item.personal }}</span>
|
|
||||||
<span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -120,7 +49,8 @@
|
|||||||
</el-skeleton>
|
</el-skeleton>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px">
|
|
||||||
|
<!-- <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px">
|
||||||
<el-card shadow="never">
|
<el-card shadow="never">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="h-3 flex justify-between">
|
<div class="h-3 flex justify-between">
|
||||||
@ -140,6 +70,7 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</el-skeleton>
|
</el-skeleton>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<el-card shadow="never" class="mt-8px">
|
<el-card shadow="never" class="mt-8px">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="h-3 flex justify-between">
|
<div class="h-3 flex justify-between">
|
||||||
@ -168,7 +99,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-skeleton>
|
</el-skeleton>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col> -->
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@ -211,46 +142,16 @@ let projects = reactive<Project[]>([])
|
|||||||
const getProject = async () => {
|
const getProject = async () => {
|
||||||
const data = [
|
const data = [
|
||||||
{
|
{
|
||||||
name: 'ruoyi-vue-pro',
|
name: '申请记录单',
|
||||||
icon: 'akar-icons:github-fill',
|
message: '/reservation/applyform'
|
||||||
message: 'https://github.com/YunaiV/ruoyi-vue-pro',
|
|
||||||
personal: 'Spring Boot 单体架构',
|
|
||||||
time: new Date()
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'yudao-ui-admin-vue3',
|
name: '超声报告',
|
||||||
icon: 'logos:vue',
|
message: '/diagnosis/patientexamlistultrasonic'
|
||||||
message: 'https://github.com/yudaocode/yudao-ui-admin-vue3',
|
|
||||||
personal: 'Vue3 + element-plus',
|
|
||||||
time: new Date()
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'yudao-ui-admin-vben',
|
name: '影像报告',
|
||||||
icon: 'logos:vue',
|
message: '/diagnosis/patientexamlist'
|
||||||
message: 'https://github.com/yudaocode/yudao-ui-admin-vben',
|
|
||||||
personal: 'Vue3 + vben(antd)',
|
|
||||||
time: new Date()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'yudao-cloud',
|
|
||||||
icon: 'akar-icons:github',
|
|
||||||
message: 'https://github.com/YunaiV/yudao-cloud',
|
|
||||||
personal: 'Spring Cloud 微服务架构',
|
|
||||||
time: new Date()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'yudao-ui-mall-uniapp',
|
|
||||||
icon: 'logos:vue',
|
|
||||||
message: 'https://github.com/yudaocode/yudao-ui-admin-uniapp',
|
|
||||||
personal: 'Vue3 + uniapp',
|
|
||||||
time: new Date()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'yudao-ui-admin-vue2',
|
|
||||||
icon: 'logos:vue',
|
|
||||||
message: 'https://github.com/yudaocode/yudao-ui-admin-vue2',
|
|
||||||
personal: 'Vue2 + element-ui',
|
|
||||||
time: new Date()
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
projects = Object.assign(projects, data)
|
projects = Object.assign(projects, data)
|
||||||
@ -389,3 +290,18 @@ const getAllApi = async () => {
|
|||||||
|
|
||||||
getAllApi()
|
getAllApi()
|
||||||
</script>
|
</script>
|
||||||
|
<style>
|
||||||
|
.menu-button {
|
||||||
|
/* 按钮样式 */
|
||||||
|
padding: 10px 2px;
|
||||||
|
background: linear-gradient(141.88deg, rgb(0, 102, 235) 0%, rgb(3, 129, 255) 100%), rgb(36, 93, 209);
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@ -173,7 +173,8 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
.bottom-image
|
.bottom-image
|
||||||
{
|
{
|
||||||
margin-left: 75%;
|
margin-left: 75%;
|
||||||
margin-top: 30px;
|
margin-top: 15px;
|
||||||
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
/* 中间 */
|
/* 中间 */
|
||||||
.my-middle {
|
.my-middle {
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
<LoginFormTitle style="width: 100%;color: rgb(4, 41, 129);" />
|
<LoginFormTitle style="width: 100%;color: rgb(4, 41, 129);" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<!-- <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
|
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="loginData.loginForm.tenantName"
|
v-model="loginData.loginForm.tenantName"
|
||||||
@ -25,7 +25,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col> -->
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item prop="username">
|
<el-form-item prop="username">
|
||||||
<el-input
|
<el-input
|
||||||
@ -52,14 +52,14 @@
|
|||||||
style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px"
|
style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px"
|
||||||
>
|
>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-row justify="space-between" style="width: 100%">
|
<el-row justify="space-between" style="width: 100%;">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-checkbox v-model="loginData.loginForm.rememberMe">
|
<el-checkbox v-model="loginData.loginForm.rememberMe">
|
||||||
{{ t('login.remember') }}
|
{{ t('login.remember') }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :offset="6" :span="12">
|
<el-col :offset="6" :span="12">
|
||||||
<el-link style="float: right; " type="primary">{{ t('login.forgetPassword') }}</el-link>
|
<el-link style="float: right; color: rgba(74, 74, 74, 1);" type="primary">{{ t('login.forgetPassword') }}</el-link>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -71,7 +71,7 @@
|
|||||||
:title="t('login.login')"
|
:title="t('login.login')"
|
||||||
class="w-[100%]"
|
class="w-[100%]"
|
||||||
type="primary"
|
type="primary"
|
||||||
style="background: linear-gradient(141.88deg, rgb(0, 102, 235) 0%, rgb(3, 129, 255) 100%), rgb(36, 93, 209);"
|
style="background: linear-gradient(141.88deg, rgb(0, 102, 235) 0%, rgb(3, 129, 255) 100%), rgb(36, 93, 209); height: 40px"
|
||||||
@click="getCode()"
|
@click="getCode()"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -353,4 +353,11 @@ onMounted(() => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
clearable
|
clearable
|
||||||
class="!w-300px"
|
class="!w-300px"
|
||||||
>
|
>
|
||||||
<el-option v-for="item in fordevicemData" :key="item.deviceId" :label="item.deviceName" :value="item.deviceName+'|'+item.deviceId" />
|
<el-option v-for="item in fordevicemData" :key="item.deviceId" :label="item.deviceName+'|'+item.deviceType+'|'+item.deviceId" :value="item.deviceName+'|'+item.deviceId" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
@ -115,7 +115,12 @@
|
|||||||
clearable
|
clearable
|
||||||
class="!w-200px"
|
class="!w-200px"
|
||||||
>
|
>
|
||||||
<el-option v-for="item in fordepartementData" :key="item.id" :label="item.departmentName" :value="item.departmentName" />
|
<el-option
|
||||||
|
v-for="item in fordepartementData"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.departmentName"
|
||||||
|
:value="item.departmentName"
|
||||||
|
/>
|
||||||
<!-- <el-option label="影像科" value="影像科" /> -->
|
<!-- <el-option label="影像科" value="影像科" /> -->
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -149,7 +154,7 @@
|
|||||||
>
|
>
|
||||||
<Icon icon="ep:plus" class="mr-5px" /> 批量分检
|
<Icon icon="ep:plus" class="mr-5px" /> 批量分检
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="resetQuery" type="primary"
|
<el-button @click="Sync" type="primary"
|
||||||
><Icon icon="ep:refresh" class="mr-5px" /> 同步</el-button
|
><Icon icon="ep:refresh" class="mr-5px" /> 同步</el-button
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -322,7 +327,7 @@ const getList = async () => {
|
|||||||
list.value = data.list
|
list.value = data.list
|
||||||
total.value = data.total
|
total.value = data.total
|
||||||
//科室字典
|
//科室字典
|
||||||
fordepartementData.value=await DepartmentApi.getDepartmentList()
|
fordepartementData.value = await DepartmentApi.getDepartmentList()
|
||||||
} finally {
|
} finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
@ -340,6 +345,14 @@ const resetQuery = () => {
|
|||||||
handleQuery()
|
handleQuery()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 同步操作
|
||||||
|
const Sync = async () => {
|
||||||
|
const data = await ApplyformApi.SyncDb('DB001')
|
||||||
|
if (data) {
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** 添加/修改操作 */
|
/** 添加/修改操作 */
|
||||||
const formRef = ref()
|
const formRef = ref()
|
||||||
const openForm = (type: string, pname: string, orgid: string, ID: number, status: string) => {
|
const openForm = (type: string, pname: string, orgid: string, ID: number, status: string) => {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<Dialog :title="dialogTitle" v-model="dialogVisible" style="width: 1050px;">
|
<Dialog :title="dialogTitle" v-model="dialogVisible" style="width: 1500px;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="top">
|
<div class="left">
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<p style="font-weight: bold">本地列表</p>
|
<p style="font-weight: bold">本地列表</p>
|
||||||
<ContentWrap>
|
<ContentWrap>
|
||||||
@ -42,16 +42,16 @@
|
|||||||
/>
|
/>
|
||||||
</ContentWrap>
|
</ContentWrap>
|
||||||
</div>
|
</div>
|
||||||
<div class="middle">
|
<div class="center">
|
||||||
<div>
|
<div>
|
||||||
<p style="font-weight: bold">本地列表选择:检查项目:{{ bdrow.examItemName }} </p>
|
<p style="font-weight: bold; margin-top:50px; color: chocolate;">本地列表选择:检查项目:{{ bdrow.examItemName }} </p>
|
||||||
<div>
|
<div style="margin-left: 30px;margin-top:50px">
|
||||||
<el-button type="success"><Icon icon="ep:refresh" class="mr-5px" /> 对照</el-button>
|
<el-button type="success"><Icon icon="ep:refresh" class="mr-5px" /> 对照</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div> <p style="font-weight: bold">对照列表选择:第三方检查项目名称:{{}}</p></div>
|
<div> <p style="font-weight: bold; margin-top:50px; color: red;">对照列表选择:第三方检查项目名称:{{}}</p></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="right">
|
||||||
<p style="font-weight: bold">对照信息列表</p>
|
<p style="font-weight: bold">对照信息列表</p>
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<ContentWrap>
|
<ContentWrap>
|
||||||
@ -203,25 +203,26 @@ const resetForm = () => {
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex; /* 使用Flexbox布局 */
|
||||||
flex-direction: column;
|
justify-content: space-between; /* 左右两侧对齐,中间留空 */
|
||||||
height: 800px; /* 使用视口高度确保撑满整个屏幕 */
|
|
||||||
width: 1000px;
|
|
||||||
}
|
}
|
||||||
|
.left
|
||||||
.top,
|
{
|
||||||
.bottom {
|
width: 600px;
|
||||||
flex-grow: 1; /* 使上下部分平分剩余空间 */
|
}
|
||||||
background-color: #f0f0f0; /* 为了视觉效果 */
|
.right
|
||||||
|
{
|
||||||
|
width: 600px;
|
||||||
|
}
|
||||||
|
.left, .center, .right {
|
||||||
|
|
||||||
|
/* 可以根据需要添加更多的样式 */
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.middle {
|
/* 可以根据需要调整中间div的flex属性,使其占据更多空间 */
|
||||||
height: 80px; /* 中间部分固定高度 */
|
.center {
|
||||||
background-color: #fff; /* 为了视觉效果 */
|
width: 300px;
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center; /* 水平居中 */
|
|
||||||
align-items: center; /* 垂直居中 */
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user