|
|
@@ -0,0 +1,112 @@
|
|
|
+<template>
|
|
|
+ <view class="informantion_mask">
|
|
|
+ <view class="informantion_content" @tap.stop.prevent>
|
|
|
+ <view class="informantion-title">
|
|
|
+ <p class="informantion-title-p">公告</p>
|
|
|
+ <span class="informantion-title-span">{{message}}</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+ import {
|
|
|
+ normalizeProps,
|
|
|
+ reactive,
|
|
|
+ onMounted,
|
|
|
+ ref,
|
|
|
+ getCurrentInstance
|
|
|
+ } from 'vue'
|
|
|
+ import {
|
|
|
+ onLoad,
|
|
|
+ onReady,
|
|
|
+ onUnload,
|
|
|
+ onShow,
|
|
|
+ onReachBottom
|
|
|
+ } from '@dcloudio/uni-app'
|
|
|
+
|
|
|
+ import {
|
|
|
+ store
|
|
|
+ } from '@/store/index.js'
|
|
|
+ const message = ref('')
|
|
|
+ onMounted(() => {
|
|
|
+ uni.hideLoading();
|
|
|
+ const instance = getCurrentInstance().proxy
|
|
|
+ const eventChannel = instance.getOpenerEventChannel();
|
|
|
+ eventChannel.on('notification', function(data) {
|
|
|
+ console.log('notification', data)
|
|
|
+ if (data && data.data) {
|
|
|
+ message.value = data.data.content;
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ page {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ }
|
|
|
+
|
|
|
+ .informantion_mask {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .informantion_content {
|
|
|
+ width: 600rpx;
|
|
|
+ height: 820rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background-color: white;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mask-header {
|
|
|
+ height: 400rpx;
|
|
|
+ position: relative;
|
|
|
+ background-image: url('../../static/images/bj.png');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: 20rpx;
|
|
|
+ right: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .informantion-title {
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 40rpx;
|
|
|
+
|
|
|
+ p {
|
|
|
+ font-size: 35rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #6C6C6C;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .informantion-btn {
|
|
|
+ height: 93rpx;
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+</style>
|
