Explorar el Código

feat: 登录引导窗不专门制作,直接用confirm弹窗。

任一存 hace 4 años
padre
commit
cccbdde3b8

+ 0 - 86
src/components/shared/message/LoginTips.vue

@@ -1,86 +0,0 @@
-<template>
-    <popup ref="Message" :show="show">
-        <div class="ui-message ui-message-confirm">
-            <div class="ui-message-header">
-                <span>{{title}}</span>
-            </div>
-            <div class="ui-message-main">
-                <div class="ui-message-icon"></div>
-                <div class="ui-message-title">{{tips}}</div>
-                <div class="ui-message-content" v-html="content"></div>
-            </div>
-            <div v-if="okLink" class="ui-message-footer">
-                <a
-                    :href="noLink"
-                    target="_blank"
-                    class="ui-button link cancel"
-                    @click="onNo"
-                >{{noText}}</a>
-                <a
-                    :href="okLink"
-                    target="_blank"
-                    class="ui-button link submit"
-                    @click="onOk"
-                >{{okText}}</a>
-            </div>
-            <div v-else class="ui-message-footer">
-                <button class="ui-button cancel" @click="onNo">{{noText}}</button>
-                <button class="ui-button submit" @click="onOk">{{okText}}</button>
-            </div>
-        </div>
-    </popup>
-</template>
-<script>
-import Popup from "../popup";
-export default {
-    name: "ui-confirm",
-    components: {
-        Popup
-    },
-    data() {
-        return {
-            show: false,
-            showCloseIcon: true,
-            duration: 0,
-            title: "提示",
-            tips: "",
-            content: "",
-            okText: "确定",
-            noText: "取消",
-            okLink: null,
-            noLink: null,
-            ok: null,
-            no: null
-        };
-    },
-    methods: {
-        onOk() {
-            if (this.ok && this.ok(this) === false) {
-                return;
-            }
-            this.onClose();
-        },
-        onNo() {
-            this.no && this.no();
-            this.onClose();
-        },
-        onClose() {
-            setTimeout(() => {
-                this.show = false;
-                document.body.removeChild(this.$el);
-                this.$destroy();
-            }, this.duration);
-        }
-    }
-};
-</script>
-<style lang="less" scoped>
-[show-mode="mobile"],
-[edit-mode="mobile"] {
-    .ui-message-footer {
-        .ui-button {
-            font-size: 0.3rem !important;
-        }
-    }
-}
-</style>

+ 0 - 14
src/components/shared/message/index.js

@@ -2,12 +2,10 @@ import Vue from 'vue'
 import UITips from './Tips.vue'
 import UIAlert from './Alert.vue'
 import UIConfirm from './Confirm.vue'
-import UILoginTips from './LoginTips.vue'
 
 export const Tips = Vue.extend(UITips)
 export const Alert = Vue.extend(UIAlert)
 export const Confirm = Vue.extend(UIConfirm)
-export const LoginTips = Vue.extend(UILoginTips)
 
 export function $tips(data={}) {
     let instance = new Tips({
@@ -43,16 +41,4 @@ export function $confirm(data={}) {
     Vue.nextTick(() => {
         instance.show = true
     })
-}
-
-export function $loginTips(data={}) {
-    let instance = new LoginTips({
-        data
-    }).$mount()
-
-    document.body.appendChild(instance.$el)
-
-    Vue.nextTick(() => {
-        instance.show = true
-    })
 }

+ 3 - 3
src/utils/request.js

@@ -12,7 +12,7 @@ import browser from "./browser";
 import { base64ToBlob } from "./file";
 import { checkLogin } from "@/api";
 import { LoginDetector } from "@/utils/starter";
-import { $alert, $loginTips } from "@/components/shared/message";
+import { $alert, $confirm } from "@/components/shared/message";
 
 let vue = new Vue();
 
@@ -52,11 +52,11 @@ const showLoginTips = () => {
 
   showLoginTips.__is_show = true;
 
-  return $loginTips({
+  return $confirm({
     title: "提示",
+    content: "您没有登录,请登录后再编辑",
     okText: "去登录",
     noText: "登录完毕,继续",
-    content: "您没有登录,请登录后再编辑",
     okLink: "/",
     ok: function() {
       showLoginTips.__is_show = false;