deming/pageD/activity/activity.vue

<template>
	<view id="actives">
		<!-- 活动消息推送 -->
		<view class="activity" v-for="(item, index) in actives" :key="index">
			<view class="times">{{item.type}}</view>
			<view class="content">
				<view class="title">{{item.title}}</view>
				<view class="images_about">
					<image :src="item.goods_image"></image>
					<view>
						<text>{{item.summary}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				actives: [
					
				]
			};
		},
		onLoad(){
			this.messageactivityList()
		},
		methods: {
			titletext(){
				console.log("22345")
			},
			// 活动消息列表
			messageactivityList(){
				this.$u.api.messageactivityList({}).then((res)=>{
					console.log(res)
					this.actives = res.data
				})
			}
		},
		components:{
		}
	};
</script>

<style lang="scss" scoped>
	uni-page-body{
		height: 100%;
	}
	#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;
				display: block;
				overflow:hidden; //超出的文本隐藏
				text-overflow:ellipsis; //用省略号显示
				white-space:nowrap; //不换行
			}
			view{
				display: inline-block;
				float: left;
				width:430rpx;
				height:140rpx;
				background:rgba(241,241,241,1);
			}
		}
	}
}
</style>