You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.7 KiB
70 lines
2.7 KiB
<template>
|
|
<v-page>
|
|
<v-header :title="$t('notice.a1')"></v-header>
|
|
<!-- <view style="background-color: #121212;height: 100%;"> -->
|
|
<view class="d-flex justify-center p-t-md" style="background-color: #121212;padding-bottom: 15px;">
|
|
<view class="d-flex bg-form-panel-4 rounded-lg overflow-scroll">
|
|
<view :class="{ 'bg-theme-1 rounded-lg': active == 1 }" @click="active = 1" class="p-y-xs p-x-lg min-w-60 fn-center">{{$t('notice.a3')}}</view>
|
|
<view :class="{ 'bg-theme-1 rounded-lg': active == 0 }" @click="active = 0" class="p-y-xs p-x-lg min-w-60 fn-center">{{$t('notice.a2')}}</view>
|
|
</view>
|
|
</view>
|
|
<!-- 公告 -->
|
|
<v-paging class="layout-main" :key="1" :ajax="article" :data="{type:'notice'}" v-if="active==0" style="background-color: #121212;">
|
|
<template #box="list">
|
|
<view class="list m-t-md" key="ul1">
|
|
<v-link tag="li" v-if="item.title!==null" :to="{path:'/pages/notice/detail',query:{id:item.id}}" class="item d-flex p-md align-center m-x-md m-b-xs bg-panel-3 rounded box-shadow" v-for="item in $list(list)" :key="item.id">
|
|
<view class="flex-fill">
|
|
<view class="title color-light eps-2 m-b-xs">{{item.title}}</view>
|
|
<view class="time fn-sm">{{item.created_at}}</view>
|
|
<!-- <view class="time fn-sm">{{item.created_ats| parseTime}}</view> -->
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
</view>
|
|
</template>
|
|
</v-paging>
|
|
<!-- 消息 -->
|
|
<v-paging class="layout-main" :key="2" :ajax="myNotifiables" v-if="active==1" style="background-color: #121212;">
|
|
<template #box="list">
|
|
<view class="list m-t-md" key="ul2">
|
|
<v-link tag="li" :to="{path:'/pages/notice/msg-detail',query:{id:item.id}}" class="item d-flex p-md align-center m-x-md m-b-xs bg-panel-3 rounded box-shadow" v-for="item in $list(list)" :key="item.id">
|
|
<view class="flex-fill">
|
|
<view class="title color-light eps-2 m-b-xs">{{item.data.title}}</view>
|
|
<view class="time fn-sm">{{item.created_at}}</view>
|
|
<!-- <view class="time fn-sm">{{item.created_ats| parseTime}}</view> -->
|
|
</view>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
</view>
|
|
</template>
|
|
</v-paging>
|
|
<!-- </view> -->
|
|
</v-page>
|
|
</template>
|
|
<script>
|
|
import formData from "@/utils/class/date";
|
|
import Member from "@/api/member";
|
|
export default {
|
|
data() {
|
|
return {
|
|
active: 1,
|
|
myNotifiables: Member.myNotifiables,
|
|
article:Member.article
|
|
};
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
filters: {
|
|
parseTime(val) {
|
|
return formData.parseTime(val);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.bg-theme-1{
|
|
color: #101010;
|
|
background-color: #fff;
|
|
}
|
|
</style>
|