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.
84 lines
1.5 KiB
84 lines
1.5 KiB
<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> |