Ver Fonte

style(dialog): 调整对话框底部样式

- 在 NoticeDialog.vue 和 ShopAuthorize.vue 中添加自定义对话框类名
- 使用 :deep() 选择器调整 el-dialog__footer 的 padding-top 为 0
WanGxC há 6 meses atrás
pai
commit
18ab804f17

+ 4 - 1
src/views/product-manage/product-list/component/NoticeDialog.vue

@@ -96,6 +96,7 @@ function cancelDialog() {
   <div>
     <el-dialog
         ref="noticeDialog"
+        class="notice-dialog"
         v-model="dialogVisible"
         :before-close="handleClose"
         :close-on-click-modal="false"
@@ -151,5 +152,7 @@ function cancelDialog() {
 </template>
 
 <style scoped>
-
+:deep(.notice-dialog .el-dialog__footer) {
+  padding-top: 0;
+}
 </style>

+ 4 - 1
src/views/system/user/ShopAuthorize.vue

@@ -117,6 +117,7 @@ function radioChange(val: any) {
   <div>
     <el-dialog
         ref="noticeDialog"
+        class="authorize-dialog"
         v-model="dialogVisible"
         :before-close="handleClose"
         :close-on-click-modal="false"
@@ -170,5 +171,7 @@ function radioChange(val: any) {
 </template>
 
 <style scoped>
-
+:deep(.authorize-dialog .el-dialog__footer) {
+  padding-top: 0;
+}
 </style>