82 lines
1.5 KiB
Vue
82 lines
1.5 KiB
Vue
<!--外部会议资料-->
|
|
<template>
|
|
<div class="conference-materials">
|
|
<ul>
|
|
<li v-for="item in materialsList" :key="item.id" class="time-title">
|
|
<a class="title" :title="item.title">{{item.name}}</a>
|
|
<span class="time">{{putTime}}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ConferenceMaterials",
|
|
data () {
|
|
return {
|
|
putTime: '',
|
|
materialsList: [
|
|
{
|
|
id: 1,
|
|
name: '外部会议资料1',
|
|
},
|
|
{
|
|
id: 2,
|
|
name: '外部会议资料2',
|
|
},{
|
|
id: 3,
|
|
name: '外部会议资料3',
|
|
},
|
|
{
|
|
id: 4,
|
|
name: '外部会议资料4',
|
|
},
|
|
|
|
], //会议资料数据
|
|
}
|
|
},
|
|
methods: {
|
|
//获取当前时间
|
|
getDate () {
|
|
var date = new Date()
|
|
var year = date.getFullYear()
|
|
var month = date.getMonth() + 1
|
|
var day = date.getDate()
|
|
if (month < 10) {
|
|
month = '0' + month
|
|
}
|
|
if (day < 10) {
|
|
day = '0' + day
|
|
}
|
|
var nowDate = year + '-' + month + '-' + day
|
|
this.putTime = nowDate
|
|
}
|
|
|
|
},
|
|
mounted() {
|
|
this.getDate()
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.conference-materials {
|
|
.time-title {
|
|
margin: 15px;
|
|
.time {
|
|
float: right;
|
|
color:#FFFFFF;
|
|
}
|
|
a {
|
|
color: #FFFFFF;
|
|
&:hover {
|
|
color: #e9c851;
|
|
cursor:pointer;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|