Browse Source

消息中心

h5_css
yanyan 3 years ago
parent
commit
fd12513f66
  1. 16
      pages.json
  2. 55
      subpkg/message/message.vue
  3. 25
      subpkg/messageInfo/messageInfo.vue

16
pages.json

@ -112,6 +112,22 @@
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "message/message",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "messageInfo/messageInfo",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
}]
}],
"globalStyle": {

55
subpkg/message/message.vue

@ -0,0 +1,55 @@
<template>
<view>
<view class="message-list">
<view class="message-item" v-for="(item, i) in messageList" :key="i" @click="navClickHandler(item)">
<image src="/static/images/hpic.jpg" class="message-img"></image>
<text>{{item.title}}</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
messageList:[]
};
},
onLoad() {
this.getMessageList();
},
methods:{
async getMessageList() {
const {
data: res
} = await uni.$http.post('/small/project/message/listAll')
if (!res.success) return uni.$showMsg()
this.messageList = res.data
},
navClickHandler(item) {
uni.navigateTo({
url: '/subpkg/messageInfo/messageInfo?content='+item.content
})
}
}
}
</script>
<style lang="scss">
.message-list {
margin: 12px 0;
.message-img {
width: 99%;
height: 140rpx;
margin-bottom: 10rpx;
border-radius: 10px;
}
}
</style>

25
subpkg/messageInfo/messageInfo.vue

@ -0,0 +1,25 @@
<template>
<view>
<view v-html="content"></view>
</view>
</template>
<script>
export default {
data() {
return {
content:""
};
},
onLoad(options) {
this.content = options.content;
},
methods:{
}
}
</script>
<style lang="scss">
</style>
Loading…
Cancel
Save