Update index.vue

This commit is contained in:
sc 2021-04-26 08:45:50 +08:00
parent bdebaaf99d
commit 04a6b9512c
1 changed files with 4 additions and 5 deletions

View File

@ -49,7 +49,7 @@
<draggable v-model="grid[0]" :disabled="false" animation="200" handle=".el-card__header" group="people" @end="end" item-key="id"> <draggable v-model="grid[0]" :disabled="false" animation="200" handle=".el-card__header" group="people" @end="end" item-key="id">
<template #item="{ element }"> <template #item="{ element }">
<div> <div>
<el-card shadow="never" :header="element.name"> <el-card shadow="hover" :header="element.name" style="margin-bottom:15px;">
<component :is="allComps[element.name]" msg="demo"></component> <component :is="allComps[element.name]" msg="demo"></component>
</el-card> </el-card>
</div> </div>
@ -60,7 +60,7 @@
<draggable v-model="grid[1]" animation="200" handle=".el-card__header" group="people" @end="end" item-key="id"> <draggable v-model="grid[1]" animation="200" handle=".el-card__header" group="people" @end="end" item-key="id">
<template #item="{ element }"> <template #item="{ element }">
<div > <div >
<el-card shadow="never" :header="element.name"> <el-card shadow="hover" :header="element.name" style="margin-bottom:15px;">
<component :is="allComps[element.name]" msg="demo"></component> <component :is="allComps[element.name]" msg="demo"></component>
</el-card> </el-card>
</div> </div>
@ -124,9 +124,8 @@
.welTop .icons p {font-size: 12px;} .welTop .icons p {font-size: 12px;}
.avatar-list .avatar {margin-left: -10px;border: 3px solid #fff;cursor: pointer;} .avatar-list .avatar {margin-left: -10px;border: 3px solid #fff;cursor: pointer;}
.diy-grid-layout .el-card {margin-bottom:15px;}
.sortable-ghost { .sortable-ghost {
opacity: 0.5; opacity: 0.5;
background: #c8ebfb; background: #c8ebfb;
} }
</style> </style>