zhongshen_project/addon/store/component/view/store_info/design.html

<nc-component :data="data[index]" class="component-store-info">
	
	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box">
			<div class="store-info-top">
				<div class="info-image">
					<img :src="changeImgUrl('public/static/img/default_img/square.png')" />
				</div>
				<div class="info-desc">
					<div class="store-name">门店名称</div>
					<div class="item">
						<label>营业时间：</label>
						<span>周一至周五 9:00-18:00</span>
					</div>
					<div class="item">
						<label>联系电话：</label>
						<span>0351-5265098</span>
					</div>
				</div>
			</div>

			<div class="store-map">
				<h3>门店地图</h3>
				<img src="{$resource_path}/img/map.png" />
			</div>

			<div class="store-info-bottom">
				<div class="address-wrap">
					<div>这里展示门店地址</div>
					<span>距您当前位置4.57km</span>
				</div>
				<img src="{$resource_path}/img/position.png" />
			</div>
		</div>
	</template>
	
	<!-- 内容编辑 -->
	<template slot="edit-content"></template>

	<!-- 样式编辑 -->
	<template slot="edit-style">
		<template v-if="nc.lazyLoad">
			<store-info-set></store-info-set>
		</template>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<css src="{$resource_path}/css/design.css"></css>
		<js src="{$resource_path}/js/design.js"></js>
	</template>

</nc-component>