deming/pageD/logistics/logistics.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="store_name">
					<image src="../../pageE/static/mine/1.png"></image>
					<view>小时代</view>
				</view>
				<view class="xiantiao"></view>
				<view class="title">{{item.name}}</view>
				<view class="images_about">
					<image :src="item.url"></image>
					<view>
						<text>{{item.about}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				actives: [],
                page: 1
			};
		},
        onLoad() {
          this.getCartList();  
        },
		methods: {
            getCartList() {
                this.$u.post("message/orderDeliveryList",{page: this.page}).then(res => {
                    if (res.errCode == 0) {
                        this.actives == res.data;
                    }
                })
            }
		},
		components:{
		}
	};
</script>

<style lang="scss" scoped>
	#actives{
			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;
			font-weight: bold;
		}
		.images_about{
			overflow: hidden;
			text{
				display: table-cell;
				height: 140rpx;
				vertical-align: middle;
				width: 400rpx;
				padding-left: 15rpx;
				line-height: 36rpx;
				font-size: 26rpx;
			}
			view{
				display: inline-block;
				float: left;
				width:430rpx;
				height:140rpx;
				background:rgba(241,241,241,1);
			}
		}
		.content{
		}
		.xiantiao{
			width: 630rpx;
			border-top: 1px #ececec solid;
			margin-left: -30rpx;
			margin-bottom: 20rpx;
		}
		// 店铺
		.store_name{
			overflow: hidden;
			zoom: 1;
			padding: 0rpx 0 20rpx 0;
			image{
				width: 60rpx;
				height: 60rpx;
				border-radius: 50%;
				float: left;
			}
			view{
				font-size:26rpx;
				color:rgba(51,51,51,1);
				float: left;
				display: table-cell;
				line-height: 60rpx;
				display: inline-block;
				margin-left: 21rpx;
			}
		}
	}
}
</style>