完成公告

This commit is contained in:
TOP糯米 2023-03-19 00:17:23 +08:00
parent 0419c656e2
commit 662ae6cca4
1 changed files with 22 additions and 1 deletions

View File

@ -25,7 +25,7 @@
interval="3000" interval="3000"
duration="1000" duration="1000"
> >
<swiper-item v-for="(item, index) in notifyList" :key="index"> <swiper-item v-for="(item, index) in notifyList" :key="index" @click="notifyDetail(item)">
<view class="swiper-item notify-item"> <view class="swiper-item notify-item">
<text class="limit-line clamp-1"> <text class="limit-line clamp-1">
{{ item.title }} {{ item.title }}
@ -74,11 +74,17 @@
</view> </view>
</view> </view>
</view> </view>
<widget-modal v-show="showNotifyModal" @close="showNotifyModal = false" :title="notify.title">
<view class="message-box">
<rich-text :nodes="notify.content"></rich-text>
</view>
</widget-modal>
</app-layout> </app-layout>
</template> </template>
<script> <script>
import AppLayout from "@/components/layout/layout"; import AppLayout from "@/components/layout/layout";
import WidgetModal from "@/components/widgets/modal";
export default { export default {
name: "index", name: "index",
data() { data() {
@ -87,6 +93,11 @@ export default {
safePt: 0, safePt: 0,
backgroundImage: require("@/static/temp/1.png"), backgroundImage: require("@/static/temp/1.png"),
notifyList: [], notifyList: [],
showNotifyModal: false,
notify: {
title: "",
content: "",
},
action: { action: {
item1: 0, item1: 0,
item2: 0, item2: 0,
@ -97,6 +108,7 @@ export default {
}, },
components: { components: {
AppLayout, AppLayout,
WidgetModal,
}, },
onLoad() { onLoad() {
this.$models.system.notifyList(1, 1).then((list) => { this.$models.system.notifyList(1, 1).then((list) => {
@ -119,6 +131,11 @@ export default {
this.$store.commit("system/messageTabIndex", id); this.$store.commit("system/messageTabIndex", id);
this.$utils.toPage("/pages/message/message", {}, "switch"); this.$utils.toPage("/pages/message/message", {}, "switch");
}, },
notifyDetail(detail) {
this.showNotifyModal = true;
this.notify.title = detail.title;
this.notify.content = detail.message;
},
}, },
}; };
</script> </script>
@ -240,4 +257,8 @@ export default {
background: linear-gradient(135deg, #328eff, #2fb2fe, #44c2ee); background: linear-gradient(135deg, #328eff, #2fb2fe, #44c2ee);
} }
} }
.message-box {
max-height: 400rpx;
overflow-y: scroll;
}
</style> </style>