<template>
	<view class="content">
		<view class="item"  v-for="(item,index) in list" :key="index" @click="godetail(item)">
			<view class="view">
				<text>{{item.title}}</text>
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		
	<!-- 	<u-collapse
		    @change="change"
		    @close="close"
		    @open="open"
		  >
		    <u-collapse-item
		      :title="item.title"
		      name="Docs guide"
			  v-for="(item,index) in list"
			  :key="index"
		    >
		      <text class="u-collapse-content" v-html="item.content"></text>
		    </u-collapse-item>
		    
		   
		  </u-collapse> -->
	</view>
</template>

<script>
export default {
	data(){
		return{
			list:[]
		}
	},
	methods: {
		open(e) {
		  // console.log('open', e)
		},
		close(e) {
		  // console.log('close', e)
		},
		change(e) {
		  // console.log('change', e)
		},
		async  getAnnouncementList(){
			let res = await this.$api.mine.getAnnouncementList()
			console.log(res,"0000")
			this.list = res.list
		},
		godetail(item){
			console.log(item)
			uni.navigateTo({
				url:"/user/pages/gonggao/item?id="+item.id
			})
		}
		
	},
	onLoad() {
		this.getAnnouncementList()
	}
}
</script>

<style lang="scss" scpoed>
.content{
	background: #FFFFFF;
	margin:24rpx;
	overflow: hidden;
	box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(16,132,86,0.06);
	border-radius: 30rpx;
}.item{
	
	
	.view{
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom:1px solid #EAEAEA;
		margin:0 30upx;
		padding:40upx 0upx;
	}
}
</style>