| | |
| | | } |
| | | } |
| | | |
| | | /deep/ .el-button { |
| | | .el-button { |
| | | margin: 0 10px 10px 0; |
| | | } |
| | | |
| | | /deep/ .dialog-footer .el-button { |
| | | margin: 0 10px 0 0; |
| | | } |
| | | |
| | | .main { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | <template> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true" width="30%"> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true" class="avue-dialog avue-dialog--top" top="-3%" width="30%"> |
| | | <el-tag v-for="tag in tags" :key="tag" closable disable-transitions effect="Plain" size="medium" |
| | | @click="handleClickTag(tag)" @close="handleCloseTag(tag)"> |
| | | <span> {{ tag.name }}</span> |
| | |
| | | justify-content: end; |
| | | padding-bottom: 10px; |
| | | } |
| | | |
| | | </style> |