|
@@ -0,0 +1,58 @@
|
|
|
+<template>
|
|
|
+ <div class="global-tip" v-if="state.is_show == 1">
|
|
|
+ <img :src="require('@/assets/svg/icon-global-tip.svg')" alt="">
|
|
|
+ <p>{{ state.msg }}</p>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script setup>
|
|
|
+import { onMounted, reactive, defineProps } from "vue";
|
|
|
+import { getAppNotification } from '@/http/messageApi.js'
|
|
|
+let props = defineProps({
|
|
|
+ type: String,
|
|
|
+})
|
|
|
+// 显示位置:1-红包主体,2-发布器,3-插件主体
|
|
|
+
|
|
|
+let state = reactive({
|
|
|
+
|
|
|
+})
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ getAppNotification().then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ res.data.forEach((item) => {
|
|
|
+ if (props.type == item.type) {
|
|
|
+ state.is_show = item.isShow
|
|
|
+ state.msg = item.message
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+})
|
|
|
+
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.global-tip {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999;
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ background: #000000;
|
|
|
+ opacity: 0.7;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ margin-left: 17px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ color: #DCA550;
|
|
|
+ flex: 1;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|