From 43c11f4c38a370fce1061189ed4a4813ee3a35d1 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 14:46:02 +0800
Subject: [PATCH] 右上角通知公告窗口放开
---
src/page/index/top/index.vue | 10 +++--
src/page/index/top/top-notice.vue | 106 ++++++++++++++++++++++++++--------------------------
2 files changed, 59 insertions(+), 57 deletions(-)
diff --git a/src/page/index/top/index.vue b/src/page/index/top/index.vue
index 3c64cc1..8d6e00f 100644
--- a/src/page/index/top/index.vue
+++ b/src/page/index/top/index.vue
@@ -58,13 +58,15 @@
<top-theme></top-theme>
</div>
</el-tooltip>
- <!-- <el-tooltip effect="dark"
- :content="$t('navbar.notice')"
- placement="bottom">
+ <el-tooltip
+ effect="dark"
+ :content="$t('navbar.notice')"
+ placement="bottom"
+ >
<div class="top-bar__item top-bar__item--show">
<top-notice></top-notice>
</div>
- </el-tooltip> -->
+ </el-tooltip>
<el-tooltip
effect="dark"
:content="$t('navbar.language')"
diff --git a/src/page/index/top/top-notice.vue b/src/page/index/top/top-notice.vue
index 5953924..8ad7b93 100644
--- a/src/page/index/top/top-notice.vue
+++ b/src/page/index/top/top-notice.vue
@@ -1,20 +1,18 @@
<template>
- <el-popover placement="bottom"
- width="350"
- trigger="click">
-
+ <el-popover placement="bottom" width="350" trigger="click">
<el-tabs v-model="activeName">
- <el-tab-pane label="邮件(1)"
- name="first"></el-tab-pane>
- <el-tab-pane label="消息(2)"
+ <el-tab-pane label="通知公告" name="first"></el-tab-pane>
+ <!-- <el-tab-pane label="消息(2)"
name="second"></el-tab-pane>
<el-tab-pane label="通知"
- name="third"></el-tab-pane>
+ name="third"></el-tab-pane> -->
</el-tabs>
- <el-scrollbar style="height:300px">
- <avue-notice :data="data"
- :option="option"
- @page-change="pageChange"></avue-notice>
+ <el-scrollbar style="height: 300px">
+ <avue-notice
+ :data="data"
+ :option="option"
+ @page-change="pageChange"
+ ></avue-notice>
</el-scrollbar>
<div slot="reference">
<el-badge is-dot>
@@ -25,61 +23,63 @@
</template>
<script>
-let list = [{
- img: '/img/bg/vip1.png',
- title: '史蒂夫·乔布斯 关注了你',
- subtitle: '05-08 15:08',
- tag: '已经开始',
- status: 0
-}, {
- img: '/img/bg/vip2.png',
- title: '斯蒂夫·沃兹尼亚克 关注了你',
- subtitle: '05-08 15:08',
- tag: '未开始',
- status: 1
-}, {
- img: '/img/bg/vip3.png',
- title: '蒂姆·库克 关注了你',
- subtitle: '05-08 15:08',
- status: 3,
- tag: '有错误'
-}, {
- img: '/img/bg/vip4.png',
- title: '比尔·费尔南德斯 关注了你',
- subtitle: '05-08 15:08',
- status: 4,
- tag: '已完成'
-}];
+let list = [
+ // {
+ // img: "/img/bg/vip1.png",
+ // title: "史蒂夫·乔布斯 关注了你",
+ // subtitle: "05-08 15:08",
+ // tag: "已经开始",
+ // status: 0,
+ // },
+ // {
+ // img: "/img/bg/vip2.png",
+ // title: "斯蒂夫·沃兹尼亚克 关注了你",
+ // subtitle: "05-08 15:08",
+ // tag: "未开始",
+ // status: 1,
+ // },
+ // {
+ // img: "/img/bg/vip3.png",
+ // title: "蒂姆·库克 关注了你",
+ // subtitle: "05-08 15:08",
+ // status: 3,
+ // tag: "有错误",
+ // },
+ // {
+ // img: "/img/bg/vip4.png",
+ // title: "比尔·费尔南德斯 关注了你",
+ // subtitle: "05-08 15:08",
+ // status: 4,
+ // tag: "已完成",
+ // },
+];
export default {
name: "top-notice",
- data () {
+ data() {
return {
- activeName: 'first',
+ activeName: "first",
option: {
props: {
- img: 'img',
- title: 'title',
- subtitle: 'subtitle',
- tag: 'tag',
- status: 'status'
+ img: "img",
+ title: "title",
+ subtitle: "subtitle",
+ tag: "tag",
+ status: "status",
},
},
data: list,
- }
+ };
},
- created () {
-
- },
+ created() {},
methods: {
- pageChange (page, done) {
+ pageChange(page, done) {
setTimeout(() => {
- this.$message.success('页码' + page)
+ // this.$message.success("页码" + page);
this.data = this.data.concat(list);
done();
- }, 1000)
-
+ }, 1000);
},
- }
+ },
};
</script>
--
Gitblit v1.9.3