deming/pageD/activity/activity.vue

108 lines
1.9 KiB
Vue
Raw Normal View History

2020-06-11 08:43:51 +08:00
<template>
<view id="actives">
<!-- 活动消息推送 -->
<view class="activity" v-for="(item, index) in actives" :key="index">
<view class="times">{{item.type}}</view>
<view class="content">
2020-07-09 16:35:23 +08:00
<view class="title">{{item.title}}</view>
2020-06-11 08:43:51 +08:00
<view class="images_about">
2020-07-09 16:35:23 +08:00
<image :src="item.goods_image"></image>
2020-06-11 08:43:51 +08:00
<view>
2020-07-09 16:35:23 +08:00
<text>{{item.summary}}</text>
2020-06-11 08:43:51 +08:00
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
actives: [
]
};
},
2020-07-09 16:35:23 +08:00
onLoad(){
this.messageactivityList()
},
2020-06-11 08:43:51 +08:00
methods: {
titletext(){
console.log("22345")
2020-07-09 16:35:23 +08:00
},
// 活动消息列表
messageactivityList(){
this.$u.api.messageactivityList({}).then((res)=>{
console.log(res)
this.actives = res.data
})
2020-06-11 08:43:51 +08:00
}
},
components:{
}
};
</script>
<style lang="scss" scoped>
2020-07-09 16:35:23 +08:00
uni-page-body{
height: 100%;
}
2020-06-11 08:43:51 +08:00
#actives{
background: #ECECEC;
height: 100%;
}
.activity{
.times{
width:100%;
font-size:28rpx;
font-weight:400;
color:rgba(102,102,102,1);
text-align: center;
padding: 39rpx 0 30rpx;
}
.content{
width:630rpx;
padding: 30rpx;
background:rgba(255,255,255,1);
border-radius:20rpx;
margin: 0 auto;
overflow: hidden;
image{
width: 137rpx;
height: 140rpx;
float: left;
}
.title{
font-size:30rpx;
color:rgba(51,51,51,1);
padding: 0rpx 0 19rpx;
}
.images_about{
overflow: hidden;
text{
display: table-cell;
height: 140rpx;
vertical-align: middle;
width: 400rpx;
padding-left: 15rpx;
line-height: 36rpx;
2020-07-09 16:35:23 +08:00
display: block;
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //用省略号显示
white-space:nowrap; //不换行
2020-06-11 08:43:51 +08:00
}
view{
display: inline-block;
float: left;
width:430rpx;
height:140rpx;
background:rgba(241,241,241,1);
}
}
}
}
</style>