修改

src/main/pc-space/src/components/PageHeader.vue

@@ -19,21 +19,18 @@
                 <div class="login login1">中文</div>
             </div>
         </div>
-        <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="dialogVisible = false">取 消</el-button>
-                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-            </span>
-        </el-dialog>
+        <!-- <login-info :dialogVisible="show"></login-info> -->
     </div>
 </template>
 <script>
+// import LoginInfo from '../components/LoginInfo.vue';
 export default {
+    // components: { LoginInfo },
     data() {
         return {
             tabs: ['铸造者', '收藏探索', '数字盲盒', '我的NFT', '了解更多'],
             active: '',
-            dialogVisible: false
+            show: false
         };
     },
     methods: {
@@ -49,15 +46,9 @@ export default {
                 this.$router.push('/my');
             }
         },
-        handleClose(done) {
-            this.$confirm('确认关闭？')
-                .then(_ => {
-                    done();
-                })
-                .catch(_ => {});
-        },
         Login() {
-            this.dialogVisible = true;
+            console.log(111);
+            this.show = true;
         }
     }
 };

src/main/pc-space/src/main.js

@@ -4,6 +4,7 @@ import router from './router';
 import store from './store';
 import http from './plugins/http';
 import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
 import common from './mixins/common';
 ElementUI.Dialog.props.closeOnClickModal.default = false;
 import './styles/common.less';

src/main/pc-space/src/styles/app.less

@@ -26,72 +26,72 @@ a {
     // .center-content();
 }
 
-.el-dialog {
-    box-shadow: 0px -1px 0px 0px #f2f3f5 !important;
-    border-radius: 8px !important;
-
-    .btns {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        .el-button {
-            min-width: 100px;
-            border-radius: 8px;
-            line-height: 16px;
-        }
-    }
-}
-
-.el-dialog {
-    max-height: 70vh;
-    display: flex;
-    flex-direction: column;
-    .el-dialog__header {
-        flex-shrink: 0;
-    }
-    .el-dialog__body {
-        padding: 30px 0 40px;
-        flex-grow: 1;
-        overflow: auto;
-    }
-    .el-form-item {
-        width: 50%;
-        box-sizing: border-box;
-        padding-right: 16px;
-        margin-right: 0px !important;
-        margin-bottom: 20px;
-        display: inline-flex !important;
-        .el-form-item__content {
-            flex-grow: 1;
-        }
-        &.block {
-            width: calc(100% - 14px);
-            .el-input {
-                width: 400px;
-            }
-            .el-textarea {
-                width: 400px;
-            }
-        }
-
-        .el-input {
-            width: 200px;
-        }
-
-        .el-input-number--small {
-            text-align: left;
-            width: 200px;
-
-            input {
-                text-align: left;
-            }
-        }
-    }
+// .el-dialog {
+//     box-shadow: 0px -1px 0px 0px #f2f3f5 !important;
+//     border-radius: 8px !important;
+
+//     .btns {
+//         display: flex;
+//         align-items: center;
+//         justify-content: flex-end;
+//         .el-button {
+//             min-width: 100px;
+//             border-radius: 8px;
+//             line-height: 16px;
+//         }
+//     }
+// }
 
-    .btns {
-        padding: 50px 90px 0;
-    }
-}
+// .el-dialog {
+//     max-height: 70vh;
+//     display: flex;
+//     flex-direction: column;
+//     .el-dialog__header {
+//         flex-shrink: 0;
+//     }
+//     .el-dialog__body {
+//         padding: 30px 0 40px;
+//         flex-grow: 1;
+//         overflow: auto;
+//     }
+//     .el-form-item {
+//         width: 50%;
+//         box-sizing: border-box;
+//         padding-right: 16px;
+//         margin-right: 0px !important;
+//         margin-bottom: 20px;
+//         display: inline-flex !important;
+//         .el-form-item__content {
+//             flex-grow: 1;
+//         }
+//         &.block {
+//             width: calc(100% - 14px);
+//             .el-input {
+//                 width: 400px;
+//             }
+//             .el-textarea {
+//                 width: 400px;
+//             }
+//         }
+
+//         .el-input {
+//             width: 200px;
+//         }
+
+//         .el-input-number--small {
+//             text-align: left;
+//             width: 200px;
+
+//             input {
+//                 text-align: left;
+//             }
+//         }
+//     }
+
+//     .btns {
+//         padding: 50px 90px 0;
+//     }
+// }
 
 .iconfont {
     font-size: 24px;