siyu_app/pages/user/shareGoods.vue

<template>
	<view>
		<es-nav-bg ref="esNavBg" css="bg-img">
			<es-nav-title-base title="达人推荐"></es-nav-title-base>
			<view class="es-h-88 es es-ac es-view-w-x">
				<view class="es-bc-white es-h-70 es-br es es-ac es-oh es-f1">
					<view class="es-icon-26 es-ml-27 es-icon-search-search"></view>
					<view class="es-f1 es-ipt es-bc-white">
						<input placeholder="请输入关键字搜索" class="es-fs-24" placeholder-class="es-c-b4" />
					</view>
					<view class="es-w-108 es-h-58 es-br es-bc es-mr-7  es es-ac es-pc es-fw-500 es-fs-26 es-on-act">搜索
					</view>
				</view>
			</view>

			<view class="es-view-w-y es-h-88 es es-oh es-c-white es-fs-28" style="border-bottom: 1px #e5e5e5 solid;">
				<view class="es-f1"></view>
				<block v-for="v,i in ['全部','体质调理','新老健康','抗衰防老','更多>']">
					<view class="es-f2" v-if="i"></view>
					<view class="es es-ver es-ac es-pc">
						<view class="" :class="i==0?'es-c es-fw-600':''">{{v}}</view>
						<view class="es-w-52 es-h-6 es-br" :class="i==0?'es-bc':''"></view>
					</view>
				</block>
				<view class="es-f1"></view>
			</view>
		</es-nav-bg>
		<view class="es-bc-white">
			<es-top></es-top>
			<view class="es-h-88"></view>
			<view class="es-h-88"></view>
			<view class="es-h-88"></view>
		</view>
		<view class="model" v-if="0">
			<view class="es-bc-white es-view-w-x es es-ac es-h-73 es-fs-28">
				<view class="es-tc es-f1">优生优育</view>
				<view class="es-tc es-f1">养生滋补</view>
				<view class="es-tc es-f1">食疗药膳</view>
				<view class="es-tc es-f1">疑难杂症</view>
			</view>
		</view>


		<view class="es-view-w-x">
			<view class="es-mt-20 es-view-w-x es-bc-white es-br-20 es-pt-33 es-pb-27 es" v-for="v,i in 10">
				<view class="es-icon-196 es-br-10">
					<image src="/static/logo.png"></image>
				</view>
				<view class="es-f1 es-ml-30 es es-ver">
					<view class="es-f1">
						<view class="es-omit-2 es-fw-600 es-fs-30">海氏海诺一次性使用医用外科口罩 儿童专用 无菌50只</view>
					</view>
					<view class="es-c-6a es-fs-26">
						<view class="">灭菌一次性三层透气…</view>
						<view class="">
							<text class="es-fs-22">单笔可赚</text>
							<text class="es-c es-fw-600">￥0.80</text>
						</view>
						<view class="es es-ac">
							<view class="es-f1 es-fs-22">
								<text>售价 ￥29.8</text>
								<text class="es-ml-22">月售1.2万</text>
							</view>
							<view class="es-w-135 es-h-38 es-br es-bc es es-ac es-pc">
								<view class="es-icon-like es-icon-22 es-mr-9"></view>
								<view class="es-fw-500 es-fs-22">加推荐</view>
							</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>
	.es-icon-search-search {
		background-image: url(/static/images/other/search/search.png);
	}

	.model {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		background-color: rgba(0, 0, 0, 0.25);
	}
	.es-icon-like{
		background-image: url(/static/images/other/integral/like.png);
	}
</style>