接口

2023-12-01 18:21:40 +08:00
parent 9ab26f4915
commit 2319af2203
13 changed files with 931 additions and 867 deletions
@@ -1,67 +1,62 @@
 <template>
-  <a-modal
-      class="dialog"
-      v-model:visible="props.openVis"
-      :title="props.title"
-      :width="props.width"
-      :maskClosable="true"
-      @cancel="handleCancel"
-  >
-    <slot name="container"></slot>
-    <template #footer></template>
-  </a-modal>
+    <a-modal class="dialog" v-model:visible="props.openVis" :title="props.title" :width="props.width" :maskClosable="true" @cancel="handleCancel">
+        <slot name="container"></slot>
+        <template #footer></template>
+    </a-modal>
 </template>

 <script setup lang="ts">
- import { defineProps, defineEmits } from 'vue';
-  const emit = defineEmits(['close'])
-  const props = defineProps({
-      width:{
-        type: String
-      },
-      openVis:{
-        type:Boolean
-      },
-      title:{
-        type:String
-      }
-  })
-  function handleCancel(){
-    emit('close')
-  }
+    import { defineProps, defineEmits } from 'vue';
+    const emit = defineEmits(['close']);
+    const props = defineProps({
+        width: {
+            type: String,
+        },
+        openVis: {
+            type: Boolean,
+        },
+        title: {
+            type: String,
+        },
+    });
+    function handleCancel() {
+        emit('close');
+    }
 </script>

 <style lang="less">
-.dialog{
-  .ant-modal-title{
-    position: relative;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 56px;
-    background: url("../../assets/images/dialog.png") no-repeat;
-    background-size: 100% 100%;
-    color: #ffffff!important;
-    padding-left: 2%;
-  }
-  .ant-modal-header{
-    padding: 0!important;
-    padding-bottom: 0;
-  }
-  .ant-modal-header,.ant-modal-content{
-    background-color: transparent!important;
-  }
-  .ant-modal-body{
-    padding: 0!important;
-  }
-  .ant-modal-close-x,.anticon {
-    color: #999999!important;
-  }
-  .ant-modal-footer{
-    border-top: none!important;
-  }
-  .ant-modal-wrap{
-    background-color: rgba(0,0,0,0.6);
-  }
-}
-</style>
+    .dialog {
+        .ant-modal-title {
+            position: relative;
+            display: flex;
+            align-items: center;
+            width: 100%;
+            height: 56px;
+            background: url('../../assets/images/dialog.png') no-repeat;
+            background-size: 100% 100%;
+            color: #ffffff !important;
+            padding-left: 2%;
+        }
+        .ant-modal-header {
+            padding: 0 !important;
+            padding-bottom: 0;
+        }
+        .ant-modal-header,
+        .ant-modal-content {
+            background-color: transparent !important;
+        }
+        .ant-modal-body {
+            padding: 0 !important;
+        }
+        .ant-modal-close-x,
+        .anticon {
+            color: #999999 !important;
+        }
+        .ant-modal-footer {
+            border-top: none !important;
+        }
+        .ant-modal-wrap {
+            background-color: rgba(0, 0, 0, 0.6);
+        }
+    }
+</style>