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.
 
 
 
 
 
 

103 lines
2.3 KiB

<template>
<view>
<uni-nav-bar left-icon="left" :statusBar="true" title="Message"
color="#000000" rightIcon="info" @clickLeft="back" @clickRight="isDelete=!isDelete" :border="false"/>
<view class="body">
<view class="msg_item" v-for="(item,index) in list" :key="index">
<view class="msg_time">{{item.start_time}}~{{item.end_time}}</view>
<view class="msg_title">{{item.act_name}}</view>
<view class="msg_content">{{item.act_range}}</view>
<!-- <view class="msg_img"></view> -->
</view>
<!-- <view class="msg_item">
<view class="msg_time">21/04/2022 14:42:31</view>
<view class="msg_title">Message heading</view>
<view class="msg_content">
estimated to be deliverd on estimated to be deliverd on estim
ated to be deliverd on estimated to be deliverd on
</view>
</view>
<view class="msg_item">
<view class="msg_time">21/04/2022 14:42:31</view>
<view class="msg_title">Message heading</view>
<view class="msg_content">
estimated to be deliverd on estimated to be deliverd on estim
ated to be deliverd on estimated to be deliverd on
</view>
<view class="msg_img"></view>
</view> -->
</view>
</view>
</template>
<script>
import {defaultRequest} from '../../api/index.js'
export default {
data() {
return {
list:[]
}
},
methods:{
getList(){
let data={_action:'getfavourableactivities'}
defaultRequest(data).then(res=>{
console.info(res)
if(res.error==0){
this.list=res.data
}
})
},
back(){
uni.navigateBack()
}
},
onLoad() {
this.getList()
}
}
</script>
<style lang="scss" scoped>
.uni-navbar{
font-size: 32rpx;
font-weight: bold;
}
.body{
border-top: 13.33rpx #F7F7F7 solid;
padding:0 26.67rpx;
}
.msg_item{
padding-top: 42.67rpx;
padding-bottom: 28rpx;
border-bottom: 1px solid #E2E2E2;
.msg_time{
font-size: 25.33rpx;
font-weight: 400;
text-align: center;
margin-bottom: 41.33rpx;
}
.msg_title{
font-size: 28rpx;
margin-bottom: 20rpx;
}
.msg_content{
color: #555555;
font-size: 25.33rpx;
font-weight: 400;
}
.msg_img{
margin-top: 37.33rpx;
background-color: #FEF6F4;
width: 100%;
height: 281.33rpx;
}
}
.msg_item:last-child{
border-bottom: none;
}
</style>