zyronon
4 years ago
17 changed files with 1417 additions and 184 deletions
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,128 @@
@@ -0,0 +1,128 @@
|
||||
<template> |
||||
<div id="TaskNotice"> |
||||
<BaseHeader> |
||||
<template v-slot:center> |
||||
<span class="f16">直播通知</span> |
||||
</template> |
||||
<template v-slot:right> |
||||
<span class="f14" @click="$nav('/message/notice-setting',{ type : 'LIVE' })">通知设置</span> |
||||
</template> |
||||
</BaseHeader> |
||||
<div class="content"> |
||||
<div class="list" ref="content"> |
||||
<NoMore/> |
||||
<div class="item" v-for="item in list" @click="goDetail(item)"> |
||||
<div class="title">{{ item.title }} |
||||
</div> |
||||
<div class="time">{{ item.time }}</div> |
||||
<div class="content-text">{{ item.content }}</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {nextTick} from "vue"; |
||||
import Mask from "../../../components/Mask"; |
||||
import FromBottomDialog from "../../../components/dialog/FromBottomDialog"; |
||||
|
||||
export default { |
||||
name: "SystemNotice", |
||||
components: { |
||||
FromBottomDialog |
||||
}, |
||||
data() { |
||||
return { |
||||
list: [ |
||||
{ |
||||
title: '直播举报反馈', |
||||
time: '2021-10-12 12:12', |
||||
content: '你已提交对用户五五开直播内容的举报，我们会在12小时内进行处理，感谢你的监督' |
||||
}, |
||||
{ |
||||
title: '举报结果通知', |
||||
time: '2021-10-12 12:12', |
||||
content: '你举报的【五五开】的直播内容，我们将对主播进行重点观察，并进一步判定，若发现违规立刻处理，感谢你的监督' |
||||
}, |
||||
] |
||||
} |
||||
}, |
||||
watch: {}, |
||||
computed: {}, |
||||
created() { |
||||
}, |
||||
mounted() { |
||||
nextTick(() => { |
||||
let content = this.$refs['content'] |
||||
content.scrollTo({top: content.scrollHeight - content.clientHeight}) |
||||
}) |
||||
}, |
||||
methods: { |
||||
goDetail(item) { |
||||
item.read = true |
||||
if (item.detail) { |
||||
this.$no() |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
@import "@/assets/less/index"; |
||||
|
||||
#TaskNotice { |
||||
position: fixed; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
top: 0; |
||||
overflow: auto; |
||||
color: white; |
||||
font-size: 1.4rem; |
||||
|
||||
.content { |
||||
padding-top: 6rem; |
||||
|
||||
.list { |
||||
height: calc(100vh - 12rem); |
||||
overflow: auto; |
||||
box-sizing: border-box; |
||||
padding: 0 @padding-page; |
||||
|
||||
.item { |
||||
padding: @padding-page; |
||||
background: @second-btn-color-tran; |
||||
border-radius: .5rem; |
||||
margin-bottom: 2rem; |
||||
|
||||
|
||||
.title { |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 1.6rem; |
||||
margin-bottom: 1rem; |
||||
} |
||||
|
||||
.time { |
||||
font-size: 1.2rem; |
||||
color: @second-text-color; |
||||
margin-bottom: 2rem; |
||||
} |
||||
|
||||
.content-text { |
||||
margin-bottom: 2rem; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.footer { |
||||
border-top: 1px solid @line-color; |
||||
height: 6rem; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,145 @@
@@ -0,0 +1,145 @@
|
||||
<template> |
||||
<div id="SystemNotice"> |
||||
<BaseHeader> |
||||
<template v-slot:center> |
||||
<span class="f16">通知设置</span> |
||||
</template> |
||||
</BaseHeader> |
||||
<div class="content"> |
||||
<div class="title">消息免打扰</div> |
||||
<div class="sub-title">开启后，新通知将用黄点展示，不再展示未读数字</div> |
||||
<template v-if="type === 'SYSTEM'"> |
||||
<div class="row"> |
||||
<div class="left">系统通知</div> |
||||
<switches v-model="option" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
</template> |
||||
|
||||
<template v-if="type === 'TASK'"> |
||||
<div class="row"> |
||||
<div class="left">运营任务</div> |
||||
<switches v-model="option1" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">星图(任务)</div> |
||||
<switches v-model="option2" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">成长任务</div> |
||||
<switches v-model="option3" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">DUO来评审团</div> |
||||
<switches v-model="option4" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">任务中心</div> |
||||
<switches v-model="option5" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">中视频伙伴任务</div> |
||||
<switches v-model="option6" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
</template> |
||||
<template v-if="type === 'LIVE'"> |
||||
<div class="row"> |
||||
<div class="left">直播</div> |
||||
<switches v-model="option7" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
</template> |
||||
<template v-if="type === 'MONEY'"> |
||||
<div class="row"> |
||||
<div class="left">钱包服务</div> |
||||
<switches v-model="option8" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">收入服务</div> |
||||
<switches v-model="option9" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">零钱服务</div> |
||||
<switches v-model="option10" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">抖币服务</div> |
||||
<switches v-model="option11" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="left">卡券服务</div> |
||||
<switches v-model="option12" theme="bootstrap" color="success"></switches> |
||||
</div> |
||||
</template> |
||||
|
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Switches from "../components/swtich/switches"; |
||||
|
||||
export default { |
||||
name: "SystemNotice", |
||||
components: {Switches}, |
||||
props: { |
||||
modelValue: false |
||||
}, |
||||
data() { |
||||
return { |
||||
option: true, |
||||
option1: false, |
||||
option2: false, |
||||
option3: true, |
||||
option4: false, |
||||
option5: false, |
||||
option6: false, |
||||
option7: true, |
||||
option8: false, |
||||
option9: false, |
||||
option10: false, |
||||
option11: false, |
||||
option12: false, |
||||
type: 'TASK' |
||||
} |
||||
}, |
||||
watch: {}, |
||||
computed: {}, |
||||
created() { |
||||
this.type = this.$route.query.type |
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
methods: {} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
@import "@/assets/less/index"; |
||||
|
||||
#SystemNotice { |
||||
position: fixed; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
top: 0; |
||||
overflow: auto; |
||||
color: white; |
||||
font-size: 1.4rem; |
||||
|
||||
.content { |
||||
padding-top: 6rem; |
||||
|
||||
.title { |
||||
padding: @padding-page; |
||||
} |
||||
|
||||
.sub-title { |
||||
padding: 0 @padding-page; |
||||
margin-bottom: 1rem; |
||||
color: @second-text-color; |
||||
font-size: 1.2rem; |
||||
} |
||||
|
||||
|
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue