156 lines
4.2 KiB
Vue
156 lines
4.2 KiB
Vue
<template>
|
|
<div class="notice">
|
|
<!-- <indexHeader></indexHeader> -->
|
|
<div class="account-wrap">
|
|
<div class="account" style="width:auto">
|
|
<div>
|
|
<div class="back-nav fColor1 ft20 clear" style="padding:0 20px"> {{$t('notice')}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="account-content">
|
|
<div class="tc hide" style="padding-top: 150px;">
|
|
<img src="../../assets/images/nodata.png" alt="">
|
|
<p class="fColor2 ft18">{{$t('nodata')}}</p>
|
|
</div>
|
|
<div>
|
|
<ul class="noticeList">
|
|
<li class="clear curPer" v-for="item in newList" :key="item.id">
|
|
<div class="" @click="goDetail(item.id)">
|
|
<div class="">{{item.title}}</div>
|
|
<span class="fr">{{item.update_time}}</span>
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tc" style="padding:15px">
|
|
<!-- <div class="fColor1 ft14 mt10" @click="getMore">{{more}}</div> -->
|
|
<!-- <div>
|
|
<img src="@/assets/images/loading.gif" alt="" class="lodw20">
|
|
<p class="ft12 baseColor">{{$t('loading')}}...</p>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import indexHeader from "@/view/indexHeader";
|
|
export default {
|
|
name: "noticeList",
|
|
components: { indexHeader },
|
|
data() {
|
|
return {
|
|
more: this.$t('more')+"...",
|
|
newList: []
|
|
};
|
|
},
|
|
created() {
|
|
// this.$http({
|
|
// url: '/api/' + "news/list",
|
|
// method: "get",
|
|
// data: {}
|
|
// })
|
|
// .then(res => {
|
|
// res = res.data;
|
|
// if (res.type === "ok") {
|
|
// console.log(res.message.list)
|
|
// this.newList = res.message.list;
|
|
// } else {
|
|
// layer.msg(res.message);
|
|
// }
|
|
// })
|
|
// .catch(error => {
|
|
// console.log(error);
|
|
// });
|
|
},
|
|
methods: {
|
|
getNotice(){
|
|
this.$http({
|
|
url:'/api/' + 'news/list',
|
|
method:'post',
|
|
}).then(res => {
|
|
// console.log(res);
|
|
this.newList=res.data.message.list
|
|
|
|
})
|
|
},
|
|
goBefore() {
|
|
this.$router.back(-1);
|
|
},
|
|
getMore() {
|
|
},
|
|
goDetail(id) {
|
|
var id = id;
|
|
this.$router.push({
|
|
name: "noticeDetail",
|
|
query: { id: id }
|
|
});
|
|
}
|
|
},
|
|
mounted(){
|
|
var that = this;
|
|
that.getNotice();
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.notice {
|
|
.account-wrap {
|
|
// background: url(../assets/images/account_center_bg.jpg) no-repeat;
|
|
// background-size: cover;
|
|
.account {
|
|
// width: 1500px;
|
|
margin: 0 auto;
|
|
// padding-top: 30px;
|
|
overflow: hidden;
|
|
// min-height: 880px;
|
|
padding-top: 0;
|
|
.back-nav {
|
|
height: 40px;
|
|
font-size: 16px;
|
|
line-height: 40px;
|
|
}
|
|
.nav-after {
|
|
display: block;
|
|
height: 10px;
|
|
background-color: #262a42;
|
|
}
|
|
.account-content {
|
|
width: 100%;
|
|
min-height: 450px;
|
|
background-color: #181b2a;
|
|
ul {
|
|
padding: 0 20px;
|
|
font-size: 14px;
|
|
li {
|
|
border-bottom: 1px dashed #303b4b;
|
|
height: 72px;
|
|
padding: 10px 0 7px;
|
|
color: #cdd6e4;
|
|
font-size: 12px;
|
|
> div {
|
|
> div {
|
|
height: 36px;
|
|
line-height: 18px;
|
|
}
|
|
span{
|
|
color: #61688a;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
|
|
// WEBPACK FOOTER //
|
|
// src/view/lever/lever_noticeList.vue |