siyu_app/pages/user/popularizeGoods.vue

<template>
	<view>
		<es-nav-bg title="推广商品" ref="esNavBg"></es-nav-bg>

		<view class="es-view-w-x">
			<view class="con es-center">
				<view class="item es-bc-white es-mt-20 es-br-20 es-pb-20" v-for="v,i in 10">
					<view class="es-fw es-fs-30 es-tc es-omit es-pt-41 es-pb-30">中医阴虚治疗包</view>
					<view class="es es-ac es-pc">
						<view class="es-icon-199 es-br">
							<image src="/static/logo.png"></image>
						</view>
					</view>
					<view class="es-mt-50 es-pl-23 es-pr-23">
						<view class="es-h-74 es-fs-26">
							<view class="es-omit-2">适用于乏力、头晕等人群通过问诊...</view>
						</view>
						<view class="es es-fs-22 es-mt-10">
							<view class="es-f1 es-c">30.00/日</view>
							<view class="es-c-99">2897 人已购</view>
						</view>
						<view class="es es-pe es-ac es-mt-17">
							<view class="es-icon-20 es-icon-share-goods"></view>
							<view class="es-fs-22 es-c es-ml-10">分享赚￥0.01</view>
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {


			}
		},
		onLoad(options) {


		},
		onPageScroll: function(e) {
			this.$refs.esNavBg.scrollBody(e);
		},
		methods: {


		}
	}
</script>

<style>
	.con {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.item {
		width: calc(50% - 14rpx);
	}

	.es-icon-share-goods {
		background-image: url(/static/images/other/user/share-goods.png);
	}
</style>