<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
	<title><?php echo $shoname; ?></title>
	<link rel="shortcut icon" href="" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	<link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
	<link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
	<script type="text/javascript">
		window.sysinfo = {
            <?php if (!empty($_W['uniacid']) ){ ?>'uniacid': '<?php echo ($_W['uniacid']); ?>',<?php } ?>
            <?php if( !empty($_W['acid']) ){ ?>'acid': '<?php echo ($_W['acid']); ?>',<?php } ?>
            <?php if (!empty($_W['openid']) ) { ?>'openid': '<?php echo ($_W['openid']); ?>',<?php } ?>
            <?php if( !empty($_W['uid']) ) { ?>'uid': '<?php echo ($_W['uid']); ?>',<?php } ?>
            'isfounder': <?php if (!empty($_W['isfounder']) ) { ?>1<?php  }else{ ?>0<?php } ?>,
            'siteroot': '<?php echo ($_W['siteroot']); ?>',
            'siteurl': '<?php echo ($_W['siteurl']); ?>',
            'attachurl': '<?php echo ($_W['attachurl']); ?>',
            'attachurl_local': '<?php echo ($_W['attachurl_local']); ?>',
            'attachurl_remote': '<?php echo ($_W['attachurl_remote']); ?>',
            'module' : {'url' : '<?php if( defined('MODULE_URL') ) { ?>{MODULE_URL}<?php } ?>', 'name' : '<?php if (defined('IN_MODULE') ) { ?>{IN_MODULE}<?php } ?>'},
            'cookie' : {'pre': ''},
            'account' : <?php echo json_encode($_W['account']);?>,
        };
	</script>

	<script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="/static/js/diy/vue.min.js"></script>
	<script src="/static/js/diy/ddsort.js"></script>

	<script>
		var random = Math.random();
		document.write('<link href="/static/css/diy/shopdiy.css?v=' + random + '" rel="stylesheet" type="text/css"/>');
	</script>
	<script>
		var random = Math.random();
		document.write('<link href="/static/js/diy/color_picker/css/colorpicker.css?v=' + random + '" rel="stylesheet" type="text/css"/>');
	</script>


	<script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
	<script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
	<script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
	<script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
	<script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
	<link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
	<link href="/static/css/snailfish.css" rel="stylesheet">
	<script>
		//初始化高度
		$(function () {
			var lf_height = $(document).height() - $('#modify-view').offset().top - 28;
			$('#modify-view').css('height', lf_height + 'px');
			$('.all_component_list').css('height', lf_height + 'px');
		})
	</script>
</head>

<body layadmin-themealias="default">

	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-card-body">
				<!-- begin modify -->
				<div id="modify-view">
					<!-- left component begin -->
					<div class="all_component_list">
						<div class="componnet_list_box">
							<?php if(is_array($diyview)): foreach($diyview as $k=>$vo): ?><div class="component_title" data-index="<?php echo ($k); ?>">
									<img src="/static/images/diy/down.png"><?php echo ($vo["type_name"]); ?>
								</div>
								<ul data-index="<?php echo ($k); ?>">
									<?php if($vo['type'] == 'SYSTEM' && $name != 'DIYVIEW_GOODS_CATEGORY'): ?><!-- <li title="弹出广告" v-on:click='addSzyComponent("popadv")'>
											<img src="/static/images/diy/ad.png">
											<span>弹出广告</span>
										</li> --><?php endif; ?>
									<?php if(is_array($vo["list"])): foreach($vo["list"] as $li_k=>$li): ?><li 
											title="<?php echo ($li["title"]); ?>" 
											<?php if($li.value): ?>v-on:click='addSzyComponent(<?php echo ($li["value"]); ?>,{ controller: "<?php echo ($li["controller"]); ?>", name : "<?php echo ($li["name"]); ?>", title : "<?php echo ($li["title"]); ?>", max_count : <?php echo ($li["max_count"]); ?>, addon_name : "<?php echo ($li["addon_name"]); ?>", controller : "<?php echo ($li["controller"]); ?>", is_delete : "<?php echo ($li["is_delete"]); ?>" })'
											v-bind:class="{ 'disabled' : !checkComponentIsAdd('<?php echo ($li["name"]); ?>',<?php echo ($li["max_count"]); ?>) }" 
											<?php else: ?>class="disabled"<?php endif; ?>
										>
											<img src="<?php echo ($li["icon"]); ?>" data-icon="<?php echo ($li["icon"]); ?>" data-icon-selected="<?php echo ($li["icon_selected"]); ?>" >
											<span><?php echo ($li["title"]); ?></span>
										</li><?php endforeach; endif; ?>
								</ul><?php endforeach; endif; ?>
						</div>
					</div>
					<!-- left component end -->
					<!-- center component begin -->
					<div class="preview-box">
						<div class="preview-div">
							<div class="preview-screen">
								<button class="layui-btn layui-btn-primary position-page-btn"
									v-on:click="changeCurrentIndex(-99)">页面设置</button>
									<div class="screen_center_wrap">
										<div class="view-wrap" id="viewWrap">
											<div class="screen_head">
												<div class="preview-head_div"
													v-bind:style="{ backgroundColor : global.topNavColor,color:global.textNavColor}">
													<div class="search">
														<span v-bind:style="{ textAlign:global.textImgPosLink}">{{global.title}}</span>
													</div>
												</div>

												<!-- 全局设置项目 begin -->
												<div v-bind:class="{selected : currentIndex==-99}" v-bind:data-sort="-99"
													style="display:none;" v-show="data.length==0 || currentIndex==-99">
													<div class="edit-attribute">
														<div class="attr-wrap">
															<div class="restore-wrap">
																<h2 class="attr-title">页面设置</h2>
																<div class="layui-form-item">
																	<label class="layui-form-label sm">页面名称</label>
																	<div class="layui-input-block">
																		<input type="text" v-model="global.title"
																			placeholder="请输入页面名称" class="layui-input"
																			maxlength="15">
																	</div>
																</div>

																<div class="layui-form-item">
																	<label class="layui-form-label sm">首页展示</label>
																	<div class="layui-input-block">
																		<div class="flex_fill">
																			<div v-on:click="global.openDiyPage=0" v-bind:class="{ 'layui-unselect layui-form-radio' : true,'layui-form-radioed' : (global.openDiyPage==0) }">
																				<i class="layui-anim layui-icon">&#xe63f;</i>
																				<div>旧版首页</div>
																			</div>
																			<div v-on:click="global.openDiyPage=1" v-bind:class="{ 'layui-unselect layui-form-radio' : true,'layui-form-radioed' : (global.openDiyPage==1) }">
																				<i class="layui-anim layui-icon">&#xe63f;</i>
																				<div>新版“首页DIY”</div>
																			</div>
																		</div>
																		<div class="ns-word-aux ns-diy-word-aux" style="margin-left: 0;">
																			小程序设置新版 “首页DIY” 以后，“小程序首页”内容根据“首页DIY”设置的内容进行展示，商城其他“首页”设置会无效。如还使用商城“首页”设置请切换至“旧版首页”
																		</div>
																	</div>
																</div>

																<div class="template-edit-title">
																	<h3>页面显示样式</h3>
																	<i class="layui-icon layui-icon-down"
																		onclick="closeBox(this)"></i>
																</div>

																<div class="template-edit-wrap">
																	<template>
																		<color
																			v-bind:data="{ field : 'bgColor', label : '页面颜色', value : global.bgColor, defaultcolor : '#f6f6f6', global: 1 }">
																		</color>
																		<color
																			v-bind:data="{ field : 'topNavColor', label : '顶部颜色', value : global.topNavColor, defaultcolor : '#ffffff', global: 1 }">
																		</color>
																		<div class="layui-form-item flex">
																			<div class="flex_left">
																				<label class="layui-form-label sm">标题颜色</label>
																				<div class="curr_color"></div>
																			</div>
																			<div class="layui-input-block flex_fill">
																				<div v-on:click="global.textNavColor='#000000'" v-bind:class="{ 'layui-unselect layui-form-radio' : true,'layui-form-radioed' : (global.textNavColor=='#000000') }">
																					<i class="layui-anim layui-icon">&#xe63f;</i>
																					<div>黑色</div>
																				</div>
																				<div v-on:click="global.textNavColor='#ffffff'" v-bind:class="{ 'layui-unselect layui-form-radio' : true,'layui-form-radioed' : (global.textNavColor=='#ffffff') }">
																					<i class="layui-anim layui-icon">&#xe63f;</i>
																					<div>白色</div>
																				</div>
																			</div>
																		</div>
																	</template>
																	<div class="layui-form-item">
																		<label class="layui-form-label sm">背景图片</label>
																		<div class="layui-input-block ns-img-upload">
																			<img-sec-upload v-bind:data="{ data : global, field : 'bgUrl', text: '' }">
																			</img-sec-upload>
																		</div>
																	</div>
																</div>


															</div>
														</div>

													</div>

												</div>
												<!-- 全局设置项目 end -->

											</div>
											<!--画布中心 begin -->
											<div class="screen_center" style="background-size: contain;background-position: top center;background-repeat: no-repeat;" v-bind:style="{ backgroundColor : global.bgColor,backgroundImage : 'url('+global.bgUrl+')' }">
												<template v-for="(nc,index) in data" v-bind:k="index">
													<div 
														v-bind:data-index="index" 
														v-on:click="changeCurrentIndex(nc.index)" 
														v-bind:class="{ 'draggable-element nc-border-color-selected' : true,selected : currentIndex == nc.index }" 
														v-bind:data-sort="index"
													>
														<?php if(is_array($diyview)): foreach($diyview as $key=>$vo): if(is_array($vo["list"])): foreach($vo["list"] as $key=>$li): ?><template v-if="nc.type == '<?php echo ($li["name"]); ?>'">
																	<?php if($li['name']=='TEXT'): ?><cm-construct v-bind:data="data[index]" class="component-title">
	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{textAlign: nc.alignStyle, backgroundColor : nc.backgroundColor, margin : nc.marginTop + 'px 15px 0'}">
			<!-- 图一 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-if="nc.style == 1">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, padding: '0 7px' }">{{ nc.title }}</span>
					<span class="line-left" v-bind:style="{ background: nc.textColor }"></span>
					<span class="line-right" v-bind:style="{ background: nc.textColor }"></span>
				</div>
			</div>
			<!-- 图二 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 2">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px' }">{{ nc.title }}</span>
				</div>
				<div v-bind:class="'text-title-con'+ nc.style">
					<span class="inner-line" v-bind:style="{ background: nc.textColor }"></span>
					<span class="line-triangle" v-bind:style="{ borderColor: nc.textColor, opacity: nc.textColor ? 1 : 0 }"></span>
				</div>
			</div>
			<!-- 图三 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 3">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px' }">{{ nc.title }}</span>
				</div>
				<div v-bind:class="'text-title-con'+ nc.style">
					<span class="inner-line" v-bind:style="{ background: nc.textColor }"></span>
					<span class="line-short" v-bind:style="{ background: nc.textColor, opacity: nc.textColor ? 1 : 0 }"></span>
				</div>
			</div>
			<!-- 图四 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 4">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px' }">{{ nc.title }}</span>
				</div>
				<div class="text-title-line">
					<span class="line-left" v-bind:style="{ background: nc.textColor }"></span>
					<span class="line-center" v-bind:style="{ borderColor: nc.textColor, opacity: nc.textColor ? 1 : 0 }"></span>
					<span class="line-right" v-bind:style="{ background: nc.textColor }"></span>
				</div>
			</div>
			<!-- 图五 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 5">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-block" v-bind:style="{ borderColor: nc.textColor, opacity: nc.textColor ? 1 : 0 }">
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px', borderColor: nc.textColor }">{{ nc.title }}</span>
						<span class="line-left" v-bind:style="{ background: nc.textColor }"></span>
						<span class="line-right" v-bind:style="{ background: nc.textColor }"></span>
					</span>
				</div>
			</div>
			<!-- 图六 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 6">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-outer" v-bind:style="{ borderColor: nc.textColor }">
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px', borderColor: nc.textColor, background: '#fff' }">{{ nc.title }}</span>
						<span class="text-title-con-2" v-bind:style="{ borderColor: nc.textColor, opacity: nc.textColor ? 1 : 0 }"></span>
					</span>
				</div>
			</div>
			<!-- 图七 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 7">
				<div class="text-title-box" v-show="nc.title">
					<span class="text-title-outer" v-bind:style="{ borderColor: nc.textColor }">
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : '#fff', paddingBottom: 3+'px', borderColor: nc.textColor, background: nc.textColor, opacity: nc.textColor ? 1 : 0 }">{{ nc.title }}</span>
						<span class="text-title-con-2" v-bind:style="{ borderColor: nc.textColor, opacity: nc.textColor ? 1 : 0 }"></span>
					</span>
				</div>
			</div>
			<!-- 图八 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 8" >
				<div class="text-title-box" v-show="nc.title" v-bind:style="{ textAlign: 'left'}">
					<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px' }">{{ nc.title }}</span>
					<span class="line-left" v-bind:style="{ height: (nc.fontSize*1 + 2) + 'px', background: nc.textColor}"></span>
				</div>
			</div>
			<!-- 图九 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 9" >
				<div class="text-title-box" v-show="nc.title">
					<div class="left"></div>
					<div class="center">
						<div><img src="<?php echo ($resourceurl); ?>/text/img/style9-1.png" /></div>
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px', fontWeight: nc.fontWeight }">{{ nc.title }}</span>
						<div><img src="<?php echo ($resourceurl); ?>/text/img/style9-2.png" /></div>
					</div>
					<div v-show="nc.isShowMore == 1" class="more" v-bind:style="{ color: nc.btnColor, opacity: nc.btnColor ? 1 : 0 }">{{nc.moreText}} <i class="iconfont iconyoujiantou"></i></div>
				</div>
				<div class="text-subTitle-box" v-show="nc.subTitle">
					<p v-show="nc.subTitle" v-bind:style="{ fontSize : nc.fontSizeSub + 'px', color: nc.colorSub, opacity: nc.colorSub ? 1 : 0 }">{{ nc.subTitle }}</p>
				</div>
			</div>

			<!-- 图十 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 10" >
				<div class="text-title-box" v-show="nc.title">
					<div class="left"></div>
					<div class="center">
						<div><img src="<?php echo ($resourceurl); ?>/text/img/style10-1.png" /></div>
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px', fontWeight: nc.fontWeight }">{{ nc.title }}</span>
						<div><img src="<?php echo ($resourceurl); ?>/text/img/style10-2.png" /></div>
						<img src="<?php echo ($resourceurl); ?>/text/img/style10-3.png" />
					</div>
					<div v-show="nc.isShowMore == 1" class="more" v-bind:style="{ color: nc.btnColor, opacity: nc.btnColor ? 1 : 0 }">{{nc.moreText}} <i class="iconfont iconyoujiantou"></i></div>
				</div>
				<div class="text-subTitle-box" v-show="nc.subTitle">
					<p v-show="nc.subTitle" v-bind:style="{ fontSize : nc.fontSizeSub + 'px', color: nc.colorSub, opacity: nc.colorSub ? 1 : 0 }">{{ nc.subTitle }}</p>
				</div>
			</div>

			<!-- 图十一 -->
			<div class="text-title" v-bind:class="'text-title-'+ nc.style" v-else-if="nc.style == 11" >
				<div class="text-title-box" v-show="nc.title">
					<div class="left">
						<span class="text-title-con" v-bind:style="{ fontSize : nc.fontSize + 'px', color : nc.textColor, opacity: nc.textColor ? 1 : 0, paddingBottom: 3+'px', fontWeight: nc.fontWeight }">{{ nc.title }}</span>
						<div class="text-subTitle-box" v-show="nc.subTitle">
							<p v-show="nc.subTitle" v-bind:style="{ fontSize : nc.fontSizeSub + 'px', color: nc.colorSub, opacity: nc.colorSub ? 1 : 0 }">{{ nc.subTitle }}</p>
						</div>
					</div>
					<div v-show="nc.isShowMore == 1" class="more" v-bind:style="{ color: nc.btnColor, opacity: nc.btnColor ? 1 : 0 }"><span>{{nc.moreText}}</span> <i class="iconfont iconyoujiantou"></i></div>
					<img class="left-img" src="<?php echo ($resourceurl); ?>/text/img/style11-1.png" />
					<img class="right-img" src="<?php echo ($resourceurl); ?>/text/img/style11-2.png" />
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<!-- <text-style></text-style> -->
		</template>
		
		<!-- <h3 class="template-title">文本名</h3>
		<div class="layui-form-item ns-padding-left">
			<input type="text" v-model="nc.title" v-bind:id="'title_'+index" placeholder="请输入文本" class="layui-input">
		</div> -->
		<div class="layui-form-item">
			<label class="layui-form-label sm">文本名称</label> 
			<div class="layui-input-block">
				<input type="text" v-model="nc.title" v-bind:id="'title_'+index" placeholder="请输入文本" class="layui-input">
			</div>
		</div>
		<sel-link v-bind:data="{ field : nc.link }"></sel-link>
		
		<div class="template-edit-title">
			<h3>文字显示样式</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		
		<div class="template-edit-wrap">
			<!-- <font-size v-bind:data="{ value : nc.fontSize }"></font-size> -->
			<!-- <slide v-bind:data="{ field : 'fontSize', label : '文字大小', max: 30, min: 12 }"></slide> -->
			<!-- <text-align></text-align> -->
			<template v-if="nc.lazyLoad">
				<text-font-size v-bind:data="{ field : 'fontSize', label : '文字大小', max: 16 }"></text-font-size>
				<color v-bind:data="{ field : 'textColor', 'label' : '文本颜色', 'defaultcolor': '#333333' }"></color>
				<font-weight v-show="nc.sub == 1"></font-weight>
				<!-- <text-align-style></text-align-style> -->
			</template>
		</div>
		
		<!-- <hr v-show="nc.sub == 1" /> -->
		
		
		<!-- <hr v-show="nc.sub == 1" /> -->
		
		<!-- 副文本 -->
		<div v-show="nc.sub == 1">
			<div class="template-edit-title">
				<h3>副标题</h3>
				<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
			</div>
			
			<div class="template-edit-wrap">
				<div class="layui-form-item">
					<label class="layui-form-label sm">标题文字</label>
					<div class="layui-input-block">
						<input type="text" v-model="nc.subTitle" v-bind:id="'subTitle_'+index" placeholder="请输入标题文字" class="layui-input">
					</div>
				</div>
				<!-- <font-size v-bind:data="{ field : 'fontSizeSub', 'label' : '文字大小' }"></font-size> -->
				<template v-if="nc.lazyLoad">
					<text-font-size v-bind:data="{ field : 'fontSizeSub', label : '文字大小', max: 14 }"></text-font-size>
				</template>
				<!-- <slide v-bind:data="{ field : 'fontSize', label : '文字大小', max: 30, min: 12 }"></slide> -->
				<color v-bind:data="{ field : 'colorSub', 'label' : '文字颜色', 'defaultcolor': '#999' }"></color>
			</div>
		</div>
		
		<!-- <hr v-show="nc.sub == 1" /> -->
		
		<!-- “更多”按钮设置 -->
		<div v-show="nc.sub == 1">
			<div class="template-edit-title">
				<h3>“更多”按钮设置</h3>
				<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
			</div>
			
			<div class="template-edit-wrap">
				<template v-if="nc.lazyLoad">
					<text-more-btn></text-more-btn>
				</template>
				<div class="layui-form-item">
					<label class="layui-form-label sm">按钮文字</label>
					<div class="layui-input-block">
						<input type="text" v-model="nc.moreText" v-bind:id="'moreText'+index" placeholder="查看更多 >" class="layui-input">
					</div>
				</div>
				<color v-bind:data="{ field : 'btnColor', 'label' : '文字颜色', 'defaultcolor': '#999' }"></color>
				<nc-link v-bind:data="{ field : nc.moreLink }"></nc-link>
			</div>
		</div>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		
		<div class="template-edit-wrap">
			<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>
			<template v-if="nc.lazyLoad">
				<text-empty></text-empty>
			</template>
		</div>
		
		<!-- 弹框 -->
		<div class="style-list-box">
			<div class="style-list layui-form">
				<div class="style-list-con">
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板一</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style1.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板二</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style2.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板三</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style3.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 4}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板四</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style4.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 5}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板五</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style5.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 6}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板六</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style6.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 7}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板七</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style7.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 8}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="0" />
						<span class="layui-hide">模板八</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style8.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 9}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="1" />
						<span class="layui-hide">模板九</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style9.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 10}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="1" />
						<span class="layui-hide">模板十</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style10.png" />
					</div>
					
					<div class="style-li" v-bind:class="{'selected ns-border-color': nc.style == 11}">
						<input type="hidden" v-bind:class="'style-li-'+ nc.style" value="1" />
						<span class="layui-hide">模板十一</span>
						<img src="<?php echo ($resourceurl); ?>/text/img/style11.png" />
					</div>
				</div>
				
				<input type="hidden" name="style">
				<input type="hidden" name="sub" />
				<input type="hidden" name="style_name" />
			</div>
		</div>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<js>
			var textResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/text/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/text/js/style.js"></js>
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='NOTICE'): ?><cm-construct v-bind:data="data[index]" class="notice">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin : nc.marginTop + 'px 15px 0' }">
			<!-- style1 -->
			<div class="notice-box" v-bind:class="'notice-box-'+ nc.style" v-if="nc.style == 1">
				<div class="notice-con" v-for="(item, index) in nc.list" v-if="index < 1">
					<div class="notice-con-icon" v-if="index == 0"><img v-bind:src="nc.leftImg" /></div>
					<!-- <div class="notice-con-split"></div> -->
					<span class="notice-con-font" v-bind:style="{color: nc.textColor?nc.textColor:'rgba(0,0,0,0)'}">{{ item.title }}</span>
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<notice-con></notice-con>
			<notice-edit></notice-edit>
			
		</template>
		
		<color v-show="nc.isEdit == 1" v-bind:data="{ defaultcolor: '#333333' }"></color>
		<div class="template-edit-title">
			<h3>其他设置</h3>
		</div>
		<div class="template-edit-wrap">
			<color v-bind:data="{ field : 'backgroundColor', label : '背景颜色' }"></color>
			<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		</div>

		<!-- 网站公告弹框 -->
		<div class="notice-list">
			<table class="layui-table" id="notice_list"></table>
			<div class="layui-form layui-border-box layui-table-view">
				<div class="layui-table-box">
					<div class="layui-table-header">
						<table cellspacing="0" cellpadding="0" border="0" class="layui-table" lay-skin="line" lay-size="lg">
							<thead>
								<tr>
									<th data-field="0" data-key="2-0-0" data-unresize="true" class=" layui-table-col-special">
										<div class="layui-table-cell laytable-cell-2-0-0">
											<span>公告标题</span>
										</div>
									</th>
									<th data-field="1" data-key="2-0-1" data-unresize="true" class=" layui-table-col-special">
										<div class="layui-table-cell laytable-cell-2-0-1">
											<span>创建时间</span>
										</div>
									</th>
									<th data-field="2" data-key="2-0-2" data-unresize="true" class=" layui-table-col-special">
										<div class="layui-table-cell laytable-cell-2-0-2">
											<span>操作</span>
										</div>
									</th>
								</tr>
							</thead>
						</table>
					</div>
					<div class="layui-table-body layui-table-main">
						<table cellspacing="0" cellpadding="0" border="0" class="layui-table" lay-skin="line" lay-size="lg">
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

	</template>

	<!-- 资源 -->
	<template slot="resource">

		<js>
			var noticeResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/notice/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/notice/js/style.js"></js>

	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='GRAPHIC_NAV'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['graphic-navigation']">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ background: nc.backgroundColor, marginTop : nc.marginTop + 'px', borderRadius: nc.navRadius == 'fillet' ? '5px' : '0px' }">
			<template v-if="nc.lazyLoad">
				<graphic-nav></graphic-nav>
			</template>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
	
		<template v-if="nc.lazyLoad">
			<graphic-nav-list></graphic-nav-list>
		</template>
		
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<js>
			var graphicNavResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/graphic_nav/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/graphic_nav/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='SEARCH'): ?><cm-construct v-bind:data="data[index]" class="top-search">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{background: nc.backgroundColor}">
			<div class="top-search-form">
				<input name="d_elem" type="hidden" value="<?php echo ($shop_info["logo"]); ?>" ref="d_elem" />
				<div class="logo" v-if="nc.searchType == 2" :style="{backgroundImage:'url('+changeImgUrl(nc.searchImg)+')'}">
				</div>
				<div class="top-search-box" v-bind:class="{'border-circle': nc.borderType == 2}" v-bind:style="{background: nc.bgColor, textAlign: nc.textAlign}">
					<span class="top-search-intro" v-bind:style="{color: nc.textColor?nc.textColor:'rgba(0,0,0,0)'}">{{ nc.title }}</span>
					<span class="top-search-icon"><i class="iconfont iconsousuo" v-bind:style="{color: nc.textColor?nc.textColor:'rgba(0,0,0,0)'}"></i></span>
				</div>
			</div>
		</div>

	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<div class="layui-form-item">
			<label class="layui-form-label sm">文本名</label>
			<div class="layui-input-block">
				<input type="text" v-model="nc.title" v-bind:id="'title_'+index" placeholder="请输入搜索内容" class="layui-input">
			</div>
		</div>
		
		<div class="search_h3">
			<h3 class="ns-margin-left">搜索样式</h3>
			<span class="layui-nav-more"></span>
		</div>
		<div class="line"></div>
		<color class="ns-margin-top" v-bind:data="{ 'defaultcolor': '#999999' }"></color>
		<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>
		<color v-bind:data="{ field : 'bgColor', 'label' : '框体颜色' }"></color>
		
		<template v-if="nc.lazyLoad">
			<goods-search></goods-search>
			<search-border></search-border>
		</template>
		
	</template>
	<!-- 预览 -->
	<template slot="preview">
		<div class="search_style" >
			<div class="sytle">
				<!-- 图一 -->
				<div class="text-title" data-index="1" v-if="nc.searchType == 1" :class="{active:nc.searchStyle == 1}">
					<img src="<?php echo ($resourceurl); ?>/search/img/style3.png"/>
				</div>
				<div class="text-title" data-index="2" v-if="nc.searchType == 1" :class="{active:nc.searchStyle == 2}">
					<img src="<?php echo ($resourceurl); ?>/search/img/style4.png"/>
				</div> 
				<div class="text-title" data-index="1" v-if="nc.searchType == 2" :class="{active:nc.searchStyle == 1}">
					<img src="<?php echo ($resourceurl); ?>/search/img/style1.png"/>
				</div>
				<div class="text-title" data-index="2" v-if="nc.searchType == 2" :class="{active:nc.searchStyle == 2}">
					<img src="<?php echo ($resourceurl); ?>/search/img/style2.png"/>
				</div> 
			</div>
		</div>
	</template>
	<!-- 资源 -->
	<template slot="resource">
		<js>
			var searchResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/search/css/style.css"></css>
		<css src="<?php echo ($resourceurl); ?>/search/css/iconfont.css"></css>
		<js src="<?php echo ($resourceurl); ?>/search/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='HORZ_LINE'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['auxiliary-line',nc.padding]">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" :style="{paddingLeft: nc.padding+ 'px', paddingRight: nc.padding+'px'}">
			<div v-bind:style="{ borderTop: '1px ' + nc.borderStyle + ' ' + nc.color, margin : (nc.margin + 'px 0') }"></div>
		</div>
		
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
		
		<color v-bind:data="{ field : 'color', label : '线条颜色', defaultcolor: '#000000' }"></color>
		
		<div class="layui-form-item ns-icon-radio">
			<label class="layui-form-label sm">线条样式</label>
			<div class="layui-input-block">
				<span :class="{'layui-hide': nc.borderStyle!='solid'}">实线</span>
				<span :class="{'layui-hide': nc.borderStyle!='dashed'}">虚线</span>
				
				<ul class="ns-icon">
					<li :class="{'ns-text-color ns-border-color ns-bg-color-diaphaneity': nc.borderStyle=='solid'}" @click="nc.borderStyle='solid'">
						<img v-if="nc.borderStyle=='solid'" src="<?php echo ($resourceurl); ?>/horz_line/img/solid_1.png" />
						<img v-else src="<?php echo ($resourceurl); ?>/horz_line/img/solid.png" />
					</li>
					<li :class="{'ns-text-color ns-border-color ns-bg-color-diaphaneity': nc.borderStyle=='dashed'}" @click="nc.borderStyle='dashed'">
						<img v-if="nc.borderStyle=='dashed'" src="<?php echo ($resourceurl); ?>/horz_line/img/dash_1.png" />
						<img v-else src="<?php echo ($resourceurl); ?>/horz_line/img/dash.png" />
					</li>
				</ul>
			</div>
		</div>
		
		<slide v-bind:data="{ field : 'margin', label : '页面间距' }"></slide>
		<slide v-bind:data="{ field : 'padding', label : '左右边距' }"></slide>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<css src="<?php echo ($resourceurl); ?>/horz_line/css/style.css"></css>
	</template>
	
</cm-construct><?php endif; ?>
																	<?php if($li['name']=='HORZ_BLANK'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['auxiliary-blank']">
	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box">
			<div v-bind:style="{ height: nc.height+'px', margin: '0 '+nc.marginLeftRight+'px', backgroundColor: nc.backgroundColor }"></div>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
		<color v-bind:data="{ field: 'backgroundColor', label: '空白颜色' }"></color>
		<slide v-bind:data="{ field: 'height', label: '空白高度' }"></slide>
		<slide v-bind:data="{ field: 'marginLeftRight', label: '左右边距' }"></slide>
	</template>

	<!-- 资源 -->
	<template slot="resource">
		<css src="<?php echo ($resourceurl); ?>/horz_blank/css/style.css"></css>
	</template>
</nc-component><?php endif; ?>
																	<?php if($li['name']=='RICH_TEXT'): ?><cm-construct v-bind:data="data[index]" class="rich-text">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ margin: nc.marginTop + 'px 15px 0', backgroundColor: nc.backgroundColor }" style="padding: 10px; line-height: 1.5;">
			<div v-html="nc.html"></div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<rich-text></rich-text>
		</template>

	</template>
	
	<!-- 资源 -->
	<template slot="resource">

		<css src="<?php echo ($resourceurl); ?>/rich_text/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/rich_text/js/style.js"></js>

	</template>
	
</cm-construct><?php endif; ?>
																	<?php if($li['name']=='GOODS_LIST'): ?><cm-construct v-bind:data="data[index]" class="goods-list">

	<!-- 预览 -->
	<template slot="preview">
		<div class="goods-list-preview" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: (nc.marginTop + 'px 15px 0 15px') }">
			<!-- 单列小图 -->
			<div class="goods-list single-column" v-if="nc.style == 1">
				<div class="goods-wrap margin-bottom" v-for="(item, index) in [0,1,2,3]" :key="index">	
					<div class="goods-item">
						<div class="goods-img">
							<img src="/static/images/diy/crack_figure.png">
							<div class="goods-tag" v-show="nc.goodsTag == 'default'">爆款</div>
							<div class="goods-tag-img" v-show="nc.goodsTag == 'diy'">
								<div v-if="nc.tagImg.imageUrl == '' " class="tag-wrap">角标区域</div>
								<img v-else :src="changeImgUrl(nc.tagImg.imageUrl)">
							</div>
						</div>
						<div class="info-wrap">
							<div class="name-wrap">
								<div class="goods-name">商品名称</div>
								<div class="goods-desc">商品描述</div>
								<div class="goods-time">仅剩08:08:08</div>
								<div class="goods-sale">
									<div>
										<span>已售100</span>
										<span class="goods-sale-bg">仅剩10</span>
									</div>
								</div>
							</div>
							<div class="lineheight-clear price-wrap">
								<div class="discount-price">
									<span class="unit">¥25</span>
									<span class="price">.69</span>
								</div>
								<div class="delete-price"><span class="unit">¥</span>15.99</div>
							</div>
						</div>
					</div>
					<div class="presale-time">
						<div>预售时间：2021-03-08</div>
						<div>提货时间：2021-03-20</div>
					</div>
				</div>
			</div>
			<!-- 单列大图 -->
			<div class="goods-list single-column-s2" v-if="nc.style == 2">
				<div class="goods-wrap margin-bottom" v-for="(item, index) in [0,1]" :key="index">	
					<div class="goods-item">
						<div class="goods-img">
							<img src="/static/images/diy/crack_figure.png">
							<div class="goods-tag" v-show="nc.goodsTag == 'default'">爆款</div>
							<div class="goods-tag-img" v-show="nc.goodsTag == 'diy'">
								<div v-if="nc.tagImg.imageUrl == '' " class="tag-wrap">角标区域</div>
								<img v-else :src="changeImgUrl(nc.tagImg.imageUrl)">
							</div>
							<div class="goods-time">仅剩08:08:08</div>
						</div>
						<div class="info-wrap">
							<div class="name-wrap">
								<div class="goods-name">商品名称</div>
								<div class="goods-desc">商品描述</div>
								<div class="presale-time">
									<div>预售时间：2021-03-08</div>
									<div>提货时间：2021-03-20</div>
								</div>
							</div>
							<div class="lineheight-clear price-wrap">
								<div class="discount-price">
									<span class="unit">¥25</span>
									<span class="price">.69</span>
								</div>
								<div class="delete-price"><span class="unit">¥</span>15.99</div>
							</div>
							<div class="goods-sale">
								<div>
									<span>已售100</span>
									<span class="goods-sale-bg">仅剩10</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 三列 -->
			<div class="goods-list three-column" v-if="nc.style == 3">
				<div class="goods-wrap margin-bottom" v-for="(item, index) in [0,1,2,3,4,5,6,7,8]" :key="index">	
					<div class="goods-item">
						<div class="goods-img">
							<img src="/static/images/diy/crack_figure.png">
							<div class="goods-tag" v-show="nc.goodsTag == 'default'">爆款</div>
							<div class="goods-tag-img" v-show="nc.goodsTag == 'diy'">
								<div v-if="nc.tagImg.imageUrl == '' " class="tag-wrap">角标区域</div>
								<img v-else :src="changeImgUrl(nc.tagImg.imageUrl)">
							</div>
						</div>
						<div class="info-wrap">
							<div class="name-wrap">
								<div class="goods-name">商品名称</div>
							</div>
							<div class="lineheight-clear price-wrap">
								<div class="discount-price">
									<span class="unit">¥25</span>
									<span class="price">.69</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 两列大图 -->
			<div class="goods-list double-column" v-if="nc.style == 4">
				<div class="goods-wrap margin-bottom" v-for="(item, index) in [0,1,2,3]" :key="index">	
					<div class="goods-item">
						<div class="goods-img">
							<img src="/static/images/diy/crack_figure.png">
							<div class="goods-tag" v-show="nc.goodsTag == 'default'">爆款</div>
							<div class="goods-tag-img" v-show="nc.goodsTag == 'diy'">
								<div v-if="nc.tagImg.imageUrl == '' " class="tag-wrap">角标区域</div>
								<img v-else :src="changeImgUrl(nc.tagImg.imageUrl)">
							</div>
						</div>
						<div class="info-wrap">
							<div class="name-wrap">
								<div class="goods-name">商品名称</div>
							</div>
							<div class="lineheight-clear price-wrap">
								<div class="discount-price">
									<span class="unit">¥25</span>
									<span class="price">.69</span>
								</div>
								<div class="delete-price"><span class="unit">¥</span>15.99</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<goods-list-style></goods-list-style>
		</template>
		
		<template v-if="nc.lazyLoad">
			<goods-list></goods-list>
		</template>
		
		<template v-if="nc.lazyLoad">
			<goods-tag-style></goods-tag-style>
		</template>

		<div class="template-edit-title"><h3>其他设置</h3></div>
		<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>
		<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>

		<!-- 商品列表风格弹框 -->
		<div class="goods-list-style">
			<div class="style-list-goods layui-form">
				<div class="style-list-con-goods">
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/goods_list/img/style1.png" />
					</div>
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/goods_list/img/style2.png" />
					</div>
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/goods_list/img/style3.png" />
					</div>
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 4}">
						<img src="<?php echo ($resourceurl); ?>/goods_list/img/style4.png" />
					</div>
				</div>
				
				<input type="hidden" name="style">
				
			</div>
		</div>

		<!-- 商品分类选择弹框 -->
		<div class="goods-category-layer">
			<?php if(!empty($goods_category_list)): ?><div class="category-head">分类名称</div>
				<div class="category-wrap">
				<?php if(is_array($goods_category_list)): foreach($goods_category_list as $key=>$vo): ?><div class="category-item" data-id="<?php echo ($vo["id"]); ?>"><?php echo ($vo["name"]); ?></div><?php endforeach; endif; ?>
				</div><?php endif; ?>
		</div>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<js>
		var goodsListResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/goods_list/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/goods_list/js/style.js"></js>
	</template>
	
</cm-construct><?php endif; ?>
																	<?php if($li['name']=='RUBIK_CUBE'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['rubik-cube']">
	<template slot="preview">
		<div class="preview-box" v-bind:style="{background: nc.backgroundColor}">
			<template v-if="nc.list.length>0 && !nc.list[0].imageUrl">
				<div class="tip">点击编辑魔方</div>
			</template>
			
			<template v-if="(nc.selectedTemplate != 'custom-rubik-cube')">
			<ul>
				<template v-if="nc.selectedTemplate == 'row1-of3'">
					<li v-for="item in nc.list" v-bind:class="nc.selectedTemplate" :style="{width: 'calc((100% - '+ nc.imageGap * 2 +'px) / 3)'}">
						<template v-if="item.imageUrl!=''">
							<div >
								<img v-bind:src="changeImgUrl(item.imageUrl)">
							</div>
						</template>
					</li>
				</template>
				
				<template v-else-if="nc.selectedTemplate == 'row1-of4'">
					<li v-for="item in nc.list" v-bind:class="nc.selectedTemplate" :style="{width: 'calc((100% - '+ nc.imageGap * 3 +'px) / 4)'}">
						<template v-if="item.imageUrl!=''">
							<div >
								<img v-bind:src="changeImgUrl(item.imageUrl)">
							</div>
						</template>
					</li>
				</template>
				
				<template v-else-if="nc.selectedTemplate == 'row1-lt-of2-rt'">
					<div class="template-left">
						<template v-for="(item, index) in nc.list">
							<template v-if="index == 0">
								<li v-bind:class="nc.selectedTemplate">
									<template v-if="item.imageUrl!=''">
										<div :style="{padding: nc.imageGap/2 + 'px'}">
											<img v-bind:src="changeImgUrl(item.imageUrl)">
										</div>
									</template>
								</li>
							</template>
						</template>
					</div>
					<div class="template-right">
						<template v-for="(item, index) in nc.list">
							<template v-if="index != 0">
								<li v-bind:class="nc.selectedTemplate">
									<template v-if="item.imageUrl!=''">
										<div :style="{padding: nc.imageGap/2 + 'px'}">
											<img v-bind:src="changeImgUrl(item.imageUrl)">
										</div>
									</template>
								</li>
							</template>
						</template>
					</div>
				</template>
				
				<template v-else-if="nc.selectedTemplate == 'row1-lt-of1-tp-of2-bm'">
					<div class="template-left" :style="{paddingRight: nc.imageGap/2 + 'px'}">
						<template v-for="(item, index) in nc.list">
							<template v-if="index == 0">
								<li v-bind:class="nc.selectedTemplate">
									<template v-if="item.imageUrl!=''">
										<div>
											<img v-bind:src="changeImgUrl(item.imageUrl)">
										</div>
									</template>
								</li>
							</template>
						</template>
					</div>
					<div class="template-right" :style="{paddingLeft: nc.imageGap/2 + 'px'}">
						<div class="template-top" :style="{paddingBottom: nc.imageGap/2 + 'px'}">
							<template v-for="(item, index) in nc.list">
								<template v-if="index == 1">
									<li v-bind:class="nc.selectedTemplate">
										<template v-if="item.imageUrl!=''">
											<div>
												<img v-bind:src="changeImgUrl(item.imageUrl)">
											</div>
										</template>
									</li>
								</template>
							</template>
						</div>
						
						<div class="template-bottom" :style="{paddingTop: nc.imageGap/2 + 'px'}">
							<template v-for="(item, index) in nc.list">
								<template v-if="index != 1 && index != 0">
									<li v-bind:class="nc.selectedTemplate" :style="{padding: '0 ' + nc.imageGap/2 + 'px'}">
										<template v-if="item.imageUrl!=''">
											<div>
												<img v-bind:src="changeImgUrl(item.imageUrl)">
											</div>
										</template>
									</li>
								</template>
							</template>
						</div>
					</div>
				</template>
				
				<template v-else>
					<li v-for="item in nc.list" v-bind:class="nc.selectedTemplate">
						<template v-if="item.imageUrl!=''">
							<div :style="{padding: nc.imageGap/2 + 'px'}">
								<img v-bind:src="changeImgUrl(item.imageUrl)">
							</div>
						</template>
					</li>
				</template>
			</ul>
			</template>

			<template v-else>
				<template v-if="nc.lazyLoad">
					<rubik-cube-diy-html v-bind:diy-html="nc.diyHtml"></rubik-cube-diy-html>
				</template>
			</template>
		</div>
	</template>
	
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<rubik-cube></rubik-cube>
		</template>
		<slide v-bind:data="{ field : 'imageGap', label : '图片间隙', max: 30 }"></slide>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<div class="template-edit-wrap">
			<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>
		</div>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<js>
		var rubikCubeResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/rubik_cube/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/rubik_cube/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='COMMUNITY_SHOW'): ?><cm-construct v-bind:data="data[index]" class="component-store-show-info">
	
	<!-- 预览 -->
	<template slot="preview">
		
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor }">
			<div class="info-list">
				<div class="info-item style-one" v-if="nc.style == 1">
					<div class="info-item">
						<span class="store-name" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">社区名称</span>
						<span class="change" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">切换 ></span>
						<p :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">这里展示社区地址</p>
					</div>
					<div class="info-item-r">
						<div class="img-wrap">
							<img src="<?php echo ($resourceurl); ?>/community_show/img/default_store.png" />
						</div>
						<div class="conmunity-name" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">团长昵称</div>
					</div>
				</div>

				<div class="info-item style-three" v-if="nc.style == 2">
					<div class="info-item">
						<div class="img-wrap">
							<img src="<?php echo ($resourceurl); ?>/community_show/img/default_store.png" />
						</div>
						<span class="store-name" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">门店名称</span>
						<span class="change" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">切换 ></span>
					</div>
					<div class="store-right-search">
						<div><img src="<?php echo ($resourceurl); ?>/community_show/img/sousuo.png" /> 搜索</div>
					</div>
				</div>
				
				<div class="info-item style-four" v-if="nc.style == 3">
					<div class="store-left-wrap">
						<i class="iconfont iconweizhi" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }"></i>
						<span class="store-name" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }">门店名称</span>
						<i class="layui-icon layui-icon-down" :style="{ color: nc.textColor?nc.textColor:'rgba(0,0,0,0)' }"></i>
					</div>
					<div class="store-right-search">
						<div>商品搜索<i class="iconfont iconsousuo2"></i></div>
					</div>
				</div>
			</div>
		</div>

	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<store-show-style></store-show-style>
		</template>


		<!-- 商品列表风格弹框 -->
		<div class="goods-list-style" style="display: none;">
			<div class="style-list-goods layui-form">
				<div class="style-list-con-store">
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/community_show/img/style1.jpg" />
						<span class="layui-hide">风格一</span>
					</div>
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/community_show/img/style2.jpg" />
						<span class="layui-hide">风格二</span>
					</div>
				</div>

				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />

			</div>
		</div>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<css src="<?php echo ($resourceurl); ?>/community_show/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/community_show/js/style.js"></js>
	
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='SLIDER'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['slider']">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ background: nc.backgroundColor, marginTop : nc.marginTop + 'px', borderRadius: nc.navRadius == 'fillet' ? '5px' : '0px' }">
			<template v-if="nc.lazyLoad">
				<slider></slider>
			</template>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
	
		<template v-if="nc.lazyLoad">
			<slider-list></slider-list>
		</template>
		
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<js>
			var sliderResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/slider/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/slider/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='COUPON'): ?><cm-construct v-bind:data="data[index]" class="coupon-wrap">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: nc.marginTop + 'px 15px 0' }">
			<div class="coupon-preview">
				<div class="coupon-box coupon-box-1" v-if="nc.style == 1">
					<div class="coupon-box-list">
						<div class="coupon">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style1-bg.png">
							<div class="coupon-intro">
								<p class="coupon-price">￥<span>500</span></p>
								<p class="coupon-desc">满3000可用</p>
							</div>
						</div>
						
						<div class="coupon" v-if="nc.couponCount>1">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style1-bg.png">
							<div class="coupon-intro">
								<p class="coupon-price">￥<span>500</span></p>
								<p class="coupon-desc">满3000可用</p>
							</div>
						</div>
						
						<div class="coupon" v-if="nc.couponCount>2">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style1-bg.png">
							<div class="coupon-intro">
								<p class="coupon-price">￥<span>500</span></p>
								<p class="coupon-desc">满3000可用</p>
							</div>
						</div>

						<div class="coupon" v-if="nc.couponCount>3">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style1-bg.png">
							<div class="coupon-intro">
								<p class="coupon-price">￥<span>500</span></p>
								<p class="coupon-desc">满3000可用</p>
							</div>
						</div>
					</div>
				</div>
				
				<div class="coupon-box coupon-box-2" v-else-if="nc.style == 2">
					<div class="coupon-box-list">
						<div class="coupon">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/coupon_bg.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
							</div>
							<div class="coupon-btn ns-red-color">领取</div>
						</div>
						
						<div class="coupon" v-if="nc.couponCount>1">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/coupon_bg.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
							</div>
							<div class="coupon-btn ns-red-color">领取</div>
						</div>
	
						<div class="coupon" v-if="nc.couponCount>2">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/coupon_bg.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
							</div>
							<div class="coupon-btn ns-red-color">领取</div>
						</div>
					</div>
				</div>
				
				<div class="coupon-box" v-bind:class="'coupon-box-'+ nc.style" v-if="nc.style == 3">
					<div class="coupon-block">
						<div class="coupon">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style3-bg-2.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
								<p class="coupon-info">指定商品可用</p>
							</div>
							<div class="coupon-btn">立即抢</div>
						</div>
						
						<div class="coupon" v-if="nc.couponCount>1">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style3-bg-2.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
								<p class="coupon-info">指定商品可用</p>
							</div>
							<div class="coupon-btn">立即抢</div>
						</div>
						
						<div class="coupon" v-if="nc.couponCount>2">
							<img src="<?php echo ($resourceurl); ?>/coupon/img/style3-bg-2.png">
							<div class="coupon-intro">
								<p class="coupon-price ns-red-color">￥<span>500.00</span></p>
								<p class="coupon-desc ns-red-color">满3000元可用</p>
								<p class="coupon-info">指定商品可用</p>
							</div>
							<div class="coupon-btn">立即抢</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		
		<template v-if="nc.lazyLoad">
			<coupon-style></coupon-style>
			<coupon-list></coupon-list>
		</template>
		
		<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		
		<!-- 弹框 -->
		<div class="coupon-list-style">
			<div class="style-list-coupon layui-form">
				<div class="style-list-con-coupon">
					<div class="style-li-coupon" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/coupon/img/style1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					
					<div class="style-li-coupon" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/coupon/img/style2.png" />
						<span class="layui-hide">风格二</span>
					</div>
					
					<div class="style-li-coupon" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/coupon/img/style3.png" />
						<span class="layui-hide">风格三</span>
					</div>
				</div>

				<input type="hidden" name="style">
				<input type="hidden" name="style_name">
			</div>
		</div>
	
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<js>
			var couponResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/coupon/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/coupon/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='PINTUAN_LIST'): ?>﻿<cm-construct v-bind:data="data[index]" class="component-pintuan">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: nc.marginTop + 'px 15px 0' }">
			<div class="marketing-wrap marketing-wrap-1 marketing-wrap-4" v-if="nc.style == 1">
				<div class="marketing-box">
					<template v-if="nc.lazyLoad&&nc.list[0].imageUrl">
						<img :src="nc.list[0].imageUrl" alt="">
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 风格四 -->
			<div class="marketing-wrap marketing-wrap-1" v-if="nc.style == 4">
				<img v-if="nc.bgSelect == 'red'" src="<?php echo ($resourceurl); ?>/pintuan/img/red.png" />
				<img v-if="nc.bgSelect == 'blue'" src="<?php echo ($resourceurl); ?>/pintuan/img/blue.png" />
				<img v-if="nc.bgSelect == 'yellow'" src="<?php echo ($resourceurl); ?>/pintuan/img/yellow.png" />
				<img v-if="nc.bgSelect == 'violet'" src="<?php echo ($resourceurl); ?>/pintuan/img/violet.png" />
				
				<div class="marketing-box">
					<template v-if="nc.lazyLoad">
						<pintuan-top-content></pintuan-top-content>
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 风格二/风格三 -->
			<div class="marketing-box marketing-box-two" v-bind:class="'marketing-box-'+ nc.style" v-if="nc.style == 2 || nc.style == 3">
				<template v-if="nc.lazyLoad">
					<pintuan-top-content></pintuan-top-content>
				</template>
				
				<div class="list-wrap">
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
				</div>
				
				<div class="more" v-if="nc.style == 3">
					<span>更多拼团</span><i class="layui-icon layui-icon-right"></i>
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<!-- <pintuan-list></pintuan-list> -->
			<pintuan-style></pintuan-style>
		</template>
		
		<template v-if="nc.lazyLoad">
			<pintuan-color v-if="nc.style == 4"></pintuan-color>
			<!-- <change-type v-if="nc.style == 4"></change-type> -->
		</template>
		
		<div class="template-edit-title">
			<h3>顶部标题设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<pintuan-top-list></pintuan-top-list>
		</template>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		</template>

		<!-- 弹框 -->
		<div class="pintuan-list-style">
			<div class="style-list-pintuan layui-form">
				<div class="style-list-con-pintuan">
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/pintuan/img/pintuan_style_1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/pintuan/img/pintuan_style_2.png" />
						<span class="layui-hide">风格二</span>
					</div>
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/pintuan/img/pintuan_style_3.png" />
						<span class="layui-hide">风格三</span>
					</div>
					<!-- <div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 4}">
						<img src="<?php echo ($resourceurl); ?>/pintuan/img/pintuan_style_4.png" />
						<span class="layui-hide">风格四</span>
					</div> -->
				</div>
				
				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />
			</div>
		</div>

	</template>

	<!-- 资源 -->
	<template slot="resource">
		<js>
			var pintuanResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/pintuan/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/pintuan/js/style.js"></js>

	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='SECKILL_LIST'): ?>﻿<cm-construct v-bind:data="data[index]" class="component-seckill">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: nc.marginTop + 'px 15px 0' }">
			<div class="marketing-wrap marketing-wrap-1" v-if="nc.style == 1">
				<div class="seckill-list-preview marketing-box marketing-box-two">
					<div class="seckill-time-list1" v-bind:style="{ backgroundColor : nc.backgroundColor }">
						<div class="seckill-time-list1-tit">
							<div>整点</div>
							<div>秒杀</div>
						</div>
						<ul>
							<li class="selected">
								<p class="time">12:00</p>
								<p class="desc">已开抢</p>
							</li>
							<li class="active">
								<p class="time">14:00</p>
								<p class="desc" v-bind:style="{ color : nc.backgroundColor }">疯抢中</p>
							</li>
							<li>
								<p class="time">16:00</p>
								<p class="desc">即将开抢</p>
							</li>
						</ul>
						<div class="seckill-time-list1-more">更多</div>
					</div>
					
					<div class="list-wrap" style="position: relative;" v-if="nc.style==1">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="top">
									<div class="content-desc">商品名称</div>
									<div class="progress">
										<div class="img">
											<div class="img-con"></div>
										</div>
										<div class="num">已抢888件</div>
									</div>
								</div>
								
								<div class="bot">
									<div class="content-price">
										<div>¥<span>99.00</span></div>
										<div class="content-num">￥139.00</div>
									</div>
									<button class="layui-btn">马上抢</button>
								</div>
							</div>
						</div>
						<span class="current">1/3</span>
					</div>
				</div>
			</div>
			
			<!-- 风格二/风格三 -->
			<div class="seckill-list-preview marketing-box marketing-box-two" v-bind:class="'marketing-box-'+ nc.style" v-if="nc.style == 2 || nc.style == 3">
				<template v-if="nc.lazyLoad">
					<seckill-top-content></seckill-top-content>
				</template>
				
				<div class="list-wrap">
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="progress">
									<div class="img">
										<div class="img-con"></div>
									</div>
									<div class="num">已抢65.32%</div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">立即抢购</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="progress">
									<div class="img">
										<div class="img-con"></div>
									</div>
									<div class="num">已抢65.32%</div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">立即抢购</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="progress">
									<div class="img">
										<div class="img-con"></div>
									</div>
									<div class="num">已抢65.32%</div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">立即抢购</button>
							</div>
						</div>
					</div>
				</div>
				
				<div class="more" v-if="nc.style == 3">
					<span>更多秒杀</span><i class="layui-icon layui-icon-right"></i>
				</div>
			</div>

			<!-- 风格四 -->
			<div class="marketing-wrap" v-if="nc.style == 4">
				<img v-if="nc.bgSelect == 'red'" src="<?php echo ($resourceurl); ?>/seckill/img/red.png" />
				<img v-if="nc.bgSelect == 'blue'" src="<?php echo ($resourceurl); ?>/seckill/img/blue.png" />
				<img v-if="nc.bgSelect == 'yellow'" src="<?php echo ($resourceurl); ?>/seckill/img/yellow.png" />
				<img v-if="nc.bgSelect == 'violet'" src="<?php echo ($resourceurl); ?>/seckill/img/violet.png" />
				
				<div class="seckill-list-preview marketing-box">
					
					<template v-if="nc.lazyLoad">
						<seckill-top-content></seckill-top-content>
					</template>
					
					<div class="seckill-time-list">
						<ul>
							<li class="selected">
								<p>12:00</p>
								<p>抢购中</p>
							</li>
							<li>
								<p>14:00</p>
								<p>敬请期待</p>
							</li>
							<li>
								<p>16:00</p>
								<p>敬请期待</p>
							</li>
							<li>
								<p>18:00</p>
								<p>敬请期待</p>
							</li>
							<li>
								<p>20:00</p>
								<p>敬请期待</p>
							</li>
						</ul>
					</div>
					
					<div class="list-wrap" v-if="nc.style==1">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
								<div class="content-num">￥139.00</div>
							</div>
						</div>
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
								<div class="content-num">￥139.00</div>
							</div>
						</div>
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
								<div class="content-num">￥139.00</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<!-- <slide v-if="nc.style == 2 || nc.style == 3" v-bind:data="{ field : 'goodsCount', label: '商品数量', max: 9, min: 1}"></slide> -->
		
		<template v-if="nc.lazyLoad">
			<seckill-style></seckill-style>
			<!-- <seckill-color v-if="nc.style == 1"></seckill-color> -->
			<!-- <seckill-change-type v-if="nc.style == 1"></seckill-change-type> -->
		</template>
		
		<div class="template-edit-title">
			<h3>顶部标题设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<div class="template-edit-wrap">
			<template v-if="nc.lazyLoad">
				<div v-if="nc.style == 1">
					<color v-bind:data="{ field : 'titleTextColor', 'label' : '文本颜色', 'defaultcolor': '#333333' }"></color>
					<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>
				</div>
				<seckill-top-list v-else="nc.style !== 1"></seckill-top-list>
			</template>
		</div>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<div class="template-edit-wrap">
			<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		</div>
		

		<!-- 弹框 -->
		<div class="seckill-list-style">
			<div class="style-list-seckill layui-form">
				<div class="style-list-con-seckill">
					<div class="style-li-seckill" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/seckill/img/seckill_style_1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					
					<div class="style-li-seckill" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/seckill/img/seckill_style_2.png" />
						<span class="layui-hide">风格二</span>
					</div>
					
					<div class="style-li-seckill" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/seckill/img/seckill_style_3.png" />
						<span class="layui-hide">风格三</span>
					</div>
				</div>

				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />
			</div>
		</div>
	
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<js>
			var seckillResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<js src="<?php echo ($resourceurl); ?>/seckill/js/style.js"></js>
		<css src="<?php echo ($resourceurl); ?>/seckill/css/style.css"></css>

	</template>
	
</nc-component><?php endif; ?>
																	<?php if($li['name']=='FLOAT_BTN'): ?><cm-construct v-bind:data="data[index]" class="float-btn right_bottom" data-disabled="1"
	v-if="nc.bottomPosition == 1 || nc.bottomPosition == 2"
	:style="{top:(parseInt(nc.baseBtnBottom)+parseInt(nc.btnBottom))+'px !important'}">

	<!-- 预览 -->
	<template slot="preview">
		<div class="float-mask" data-disabled="1">
			<div class="float-btn-box" data-disabled="1">
				<!--			v-bind:style="{ backgroundColor : nc.backgroundColor }"-->
				<a v-for="(item, index) in nc.list" :key="index" href="javascript:;" class="float-btn-item" data-disabled="1">
					<div class="img-box" data-disabled="1">
						<img v-bind:src="item.imageUrl" alt="" data-disabled="1">
					</div>
					<!--				<span v-bind:style="{color: nc.textColor}">{{item.title}}</span>-->
				</a>
			</div>
		</div>

	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<!--		<color v-bind:data="{ field : 'textColor', 'label' : '文字颜色' }"></color>-->
		<!--		<color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>-->
		<template v-if="nc.lazyLoad">
			<float-btn-list ref="float_btn"></float-btn-list>
			<btn-position></btn-position>
			<slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
		</template>
	</template>

	<!-- 资源 -->
	<template slot="resource">
		<js>
			var floatBtnResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/float_btn/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/float_btn/js/style.js"></js>
	</template>

</cm-construct>
<cm-construct v-bind:data="data[index]" class="float-btn right_bottom" data-disabled="1"
	v-else-if="nc.bottomPosition == 3 || nc.bottomPosition == 4"
	:style="{bottom:(parseInt(nc.baseBtnBottom)  + parseInt(nc.btnBottom))+'px !important'}">

	<!-- 预览 -->
	<template slot="preview">
		<div class="float-mask" data-disabled="1">
			<div class="float-btn-box" data-disabled="1">
				<a v-for="(item, index) in nc.list" :key="index" href="javascript:;" class="float-btn-item" data-disabled="1">
					<div class="img-box" data-disabled="1">
						<img v-bind:src="item.imageUrl" alt="" data-disabled="1">
					</div>
				</a>
			</div>
		</div>

	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<float-btn-list ref="float_btn"></float-btn-list>
			<btn-position></btn-position>
			<slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
		</template>
	</template>

	<!-- 资源 -->
	<template slot="resource">

		<js>
			var floatBtnResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/float_btn/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/float_btn/js/style.js"></js>
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='VIDEO'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['video']">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ background: nc.backgroundColor, marginTop : nc.marginTop + 'px', borderRadius: nc.navRadius == 'fillet' ? '5px' : '0px' }">
			<template v-if="nc.lazyLoad">
				<szy-video></szy-video>
			</template>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
	
		<template v-if="nc.lazyLoad">
			<video-list></video-list>
		</template>
		
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<js>
			var videoResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/video/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/video/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='NEW_COME'): ?>﻿<cm-construct v-bind:data="data[index]" class="component-pintuan">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: nc.marginTop + 'px 15px 0' }">
			<div class="marketing-wrap marketing-wrap-1 marketing-wrap-4" v-if="nc.style == 4">
				<div class="marketing-box">
					<template v-if="nc.lazyLoad&&nc.list[0].imageUrl">
						<img :src="nc.list[0].imageUrl" alt="">
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 风格一 -->
			<div class="marketing-wrap marketing-wrap-1" v-if="nc.style == 1" style="min-height: 210px;">
				<img v-if="nc.bgSelect == 'red'" src="<?php echo ($resourceurl); ?>/new_come/img/red.png" />
				<img v-if="nc.bgSelect == 'blue'" src="<?php echo ($resourceurl); ?>/new_come/img/blue.png" />
				<img v-if="nc.bgSelect == 'yellow'" src="<?php echo ($resourceurl); ?>/new_come/img/yellow.png" />
				<img v-if="nc.bgSelect == 'violet'" src="<?php echo ($resourceurl); ?>/new_come/img/violet.png" />
				
				<div class="marketing-box">
					<template v-if="nc.lazyLoad">
						<newcome-top-content></newcome-top-content>
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 风格二/风格三 -->
			<div class="marketing-box marketing-box-two" v-bind:class="'marketing-box-'+ nc.style" v-if="nc.style == 2 || nc.style == 3">
				<template v-if="nc.lazyLoad">
					<newcome-top-content></newcome-top-content>
				</template>
				
				<div class="list-wrap">
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
				</div>
				
				<div class="more" v-if="nc.style == 3">
					<span>更多拼团</span><i class="layui-icon layui-icon-right"></i>
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<!-- <newcome-list></newcome-list> -->
			<!-- <newcome-style></newcome-style> -->
		</template>
		
		<template v-if="nc.lazyLoad">
			<newcome-color v-if="nc.style == 1"></newcome-color>
			<!-- <change-type v-if="nc.style == 1"></change-type> -->
		</template>
		
		<div class="template-edit-title">
			<h3>顶部标题设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<newcome-top-list></newcome-top-list>
		</template>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		</template>

		<!-- 弹框 -->
		<div class="pintuan-list-style">
			<div class="style-list-pintuan layui-form">
				<div class="style-list-con-pintuan">
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/new_come/img/newcome_style_1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/new_come/img/newcome_style_2.png" />
						<span class="layui-hide">风格二</span>
					</div>
					<div class="style-li-pintuan" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/new_come/img/newcome_style_3.png" />
						<span class="layui-hide">风格三</span>
					</div>
				</div>
				
				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />
			</div>
		</div>

	</template>

	<!-- 资源 -->
	<template slot="resource">
		<js>
			var newcomeResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/new_come/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/new_come/js/style.js"></js>

	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='SPECIAL_LIST'): ?>﻿<cm-construct v-bind:data="data[index]" class="component-special">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor, margin: nc.marginTop + 'px 15px 0' }">
			<div class="marketing-wrap marketing-wrap-1 marketing-wrap-4" v-if="nc.style == 1">
				<div class="marketing-box">
					<template v-if="nc.lazyLoad&&nc.list[0].imageUrl">
						<img :src="nc.list[0].imageUrl" alt="">
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 风格四 -->
			<div class="marketing-wrap marketing-wrap-1" v-if="nc.style == 4">
				<img v-if="nc.bgSelect == 'red'" src="<?php echo ($resourceurl); ?>/special/img/red.png" />
				<img v-if="nc.bgSelect == 'blue'" src="<?php echo ($resourceurl); ?>/special/img/blue.png" />
				<img v-if="nc.bgSelect == 'yellow'" src="<?php echo ($resourceurl); ?>/special/img/yellow.png" />
				<img v-if="nc.bgSelect == 'violet'" src="<?php echo ($resourceurl); ?>/special/img/violet.png" />
				
				<div class="marketing-box">
					<template v-if="nc.lazyLoad">
						<special-top-content></special-top-content>
					</template>
					
					<div class="list-wrap">
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
						
						<div class="item">
							<div class="img-wrap">
								<img src="/static/images/diy/crack_figure.png" />
							</div>
							<div class="content">
								<div class="content-desc">商品名称</div>
								<div class="content-num">2人团</div>
								<div class="content-price">
									¥<span>99.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 风格二/风格三 -->
			<div class="marketing-box marketing-box-two" v-bind:class="'marketing-box-'+ nc.style" v-if="nc.style == 2 || nc.style == 3">
				<template v-if="nc.lazyLoad">
					<special-top-content></special-top-content>
				</template>
				
				<div class="list-wrap">
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="img-wrap">
							<img src="/static/images/diy/crack_figure.png" />
						</div>
						<div class="content">
							<div class="top">
								<div class="content-desc">商品名称</div>
								<div class="label">
									<div class="label-person"><i class="layui-icon layui-icon-user"></i><span>2人团</span></div>
									<div class="label-num"><span>已拼10件</span></div>
								</div>
							</div>
							
							<div class="bot">
								<div class="content-price">
									<div>¥<span>99.00</span></div>
									<div class="content-num">￥139.00</div>
								</div>
								<button class="layui-btn">去拼团</button>
							</div>
						</div>
					</div>
				</div>
				
				<div class="more" v-if="nc.style == 3">
					<span>更多拼团</span><i class="layui-icon layui-icon-right"></i>
				</div>
			</div>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<!-- <special-list></special-list> -->
			<!-- <special-style></special-style> -->
		</template>
		
		<template v-if="nc.lazyLoad">
			<special-color v-if="nc.style == 4"></special-color>
			<!-- <change-type v-if="nc.style == 4"></change-type> -->
		</template>
		
		<div class="template-edit-title">
			<h3>顶部标题设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<special-top-list></special-top-list>
		</template>
		
		<div class="template-edit-title">
			<h3>其他设置</h3>
			<i class="layui-icon layui-icon-down" onclick="closeBox(this)"></i>
		</div>
		<template v-if="nc.lazyLoad">
			<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>
		</template>

		<!-- 弹框 -->
		<div class="special-list-style">
			<div class="style-list-special layui-form">
				<div class="style-list-con-special">
					<div class="style-li-special" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/special/img/special_style_1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					<div class="style-li-special" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="<?php echo ($resourceurl); ?>/special/img/special_style_2.png" />
						<span class="layui-hide">风格二</span>
					</div>
					<div class="style-li-special" v-bind:class="{'selected ns-border-color': nc.style == 3}">
						<img src="<?php echo ($resourceurl); ?>/special/img/special_style_3.png" />
						<span class="layui-hide">风格三</span>
					</div>
					<div class="style-li-special" v-bind:class="{'selected ns-border-color': nc.style == 4}">
						<img src="<?php echo ($resourceurl); ?>/special/img/special_style_4.png" />
						<span class="layui-hide">风格四</span>
					</div>
				</div>
				
				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />
			</div>
		</div>

	</template>

	<!-- 资源 -->
	<template slot="resource">
		<js>
			var specialResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/special/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/special/js/style.js"></js>

	</template>

</cm-construct><?php endif; ?>
																	<?php if($li['name']=='MANY_GOODS_LIST'): ?><cm-construct v-bind:data="data[index]" class="many-goods-list">

	<!-- 预览 -->
	<template slot="preview">
		<div class="goods-list-preview" v-bind:style="{ marginTop: nc.marginTop + 'px' }" style="padding: 0 15px;">
			<template v-if="nc.style == 1">
				<div class="goods-cate-list">
					<template v-for="(item, index) in nc.list">
						<div class="split-line" v-if="index > 0"></div>
						<div class="goods-cate-item" :class="{'active': index == 0}">
							<p>{{item.title}}</p>
							<p :style="{background: index == 0 && item.desc ? nc.selectColor : ''}">{{item.desc}}</p>
						</div>
					</template>
				</div>
			</template>
		</div>
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		<!-- <div class="layui-form-item">
			<label class="layui-form-label sm">名称</label> 
			<div class="layui-input-block">
				<input type="text" v-model="nc.goodsGroupTitle" v-bind:id="'title_'+index" placeholder="请输入商品组名称" class="layui-input">
			</div>
		</div> -->
		
		<template v-if="nc.lazyLoad">
			<many-goods-list-style></many-goods-list-style>
		</template>
		
		<template v-if="nc.lazyLoad">
			<many-goods-list></many-goods-list>
		</template>
		
		<div class="template-edit-title"><h3>其他设置</h3></div>
		<slide v-bind:data="{ field : 'marginTop', label : '页面间距' }"></slide>

		<!-- 商品组风格弹框 -->
		<div class="goods-cate-style">
			<div class="style-cate-goods layui-form">
				<div class="style-cate-con-goods">
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/many_goods_list/img/cate_style_1.png" />
					</div>
				</div>
				
				<input type="hidden" name="style">
				
			</div>
		</div>

		<!-- 商品分类选择弹框 -->
		<div class="goods-category-layer">
			<?php if(!empty($goods_category_list)): ?><div class="category-head">分类名称</div>
				<div class="category-wrap">
				<?php if(is_array($goods_category_list)): foreach($goods_category_list as $key=>$vo): ?><div class="category-item" data-id="<?php echo ($vo["id"]); ?>"><?php echo ($vo["name"]); ?></div><?php endforeach; endif; ?>
				</div><?php endif; ?>
		</div>
		
		<!-- 商品列表风格弹框 -->
		<!-- <div class="goods-list-style">
			<div class="style-list-goods layui-form">
				<div class="style-list-con-goods">
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="<?php echo ($resourceurl); ?>/many_goods_list/img/style3.png" />
					</div>
				</div>
				
				<input type="hidden" name="style">
				
			</div>
		</div> -->
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		<js>
		var goodsListResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/many_goods_list/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/many_goods_list/js/style.js"></js>
	</template>
	
</cm-construct><?php endif; ?>
																	<?php if($li['name']=='SINGLE_IMG'): ?><cm-construct v-bind:data="data[index]" v-bind:class="['single_img']">

	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ background: nc.backgroundColor, marginTop : nc.marginTop + 'px' }">
			<template v-if="nc.lazyLoad">
				<single-img></single-img>
			</template>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
	
		<template v-if="nc.lazyLoad">
			<single-img-list></single-img-list>
		</template>
		
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<js>
			var singleImgResourcePath = "<?php echo ($resourceurl); ?>";
		</js>
		<css src="<?php echo ($resourceurl); ?>/single_img/css/style.css"></css>
		<js src="<?php echo ($resourceurl); ?>/single_img/js/style.js"></js>
		
	</template>

</cm-construct><?php endif; ?>
																</template><?php endforeach; endif; endforeach; endif; ?>
													</div>
												</template>

											</div>
											<!--画布中心 end   -->
										</div>
									</div>
							</div>
						</div>
					</div>
					<!-- center component end -->

					<!-- 底部 保存 begin -->
					<div class="custom-save">
						<button class="layui-btn ns-bg-color save">保存</button>
					</div>
					<!-- 底部 end -->
				</div>
				<!-- end modify -->
			</div>
		</div>
	</div>
	<script type="text/javascript">
		document.write('<script src="/static/js/diy/color_picker/js/colorpicker.js?t="' + Math.random() + '><\/script>');
	</script>
	<script type="text/javascript">
		document.write('<script src="/static/js/diy/color_picker/js/paigusu.min.js?t="' + Math.random() + '><\/script>');
	</script>

	<script type="text/javascript">
		var linkUrl = "<?php echo U('Shopdiy/link');?>";
		var specialUrl = "<?php echo U('Marketing/special_select');?>";
		document.write('<script type="text/javascript" charset="utf-8" src="/static/js/diy/common.js?t="' + Math.random() + '><\/script>');
	</script>
	<script type="text/javascript">
		document.write('<script src="/static/js/diy/async_load_css.js?t="' + Math.random() + '><\/script>');
	</script>
	<script type="text/javascript" charset="utf-8" src="/Common/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="/Common/ueditor/ueditor.all.min.js"> </script>
	<script type="text/javascript" charset="utf-8" src="/Common/ueditor/lang/zh-cn/zh-cn.js"></script>

	<script src="/layuiadmin/layui/layui.js"></script>
	<script>
		layui.config({
			base: '/layuiadmin/' //静态资源所在路径
		}).extend({
			index: 'lib/index' //主入口模块
		}).use('index');
	</script>

	<script>
		//由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
		var layer = layui.layer;
		var $;
		var cur_open_div;
		layui.use(['jquery', 'layer', 'form', 'slider'], function () {
			$ = layui.$;
			var form = layui.form;
			var table = layui.table;
		})
	</script>
	<script type="text/javascript">
		document.write('<script src="/static/js/diy/szycompontents.js?t="' + Math.random() + '><\/script>');
	</script>
	<script type="text/javascript">
		var diyJson = <?php echo ($diyJson); ?>;
		var global = <?php echo ($global); ?>;
		var openDiyPage =  <?php echo ($openDiyPage); ?>;
		if(global) {
			global.openDiyPage = openDiyPage;
		} else {
			global = {openDiyPage: openDiyPage};
		}
		document.write('<script src="/static/js/diy/szydiy.js?t="' + Math.random() + '><\/script>');
	</script>
	
	<!-- 提交begin　-->
	<script>
		$('.all_component_list').on("mousemove",".componnet_list_box ul li",function () {
			var icon_selected = $(this).find("img").attr("data-icon-selected");
			$(this).find("img").attr("src", icon_selected);
		}).on("mouseout",".componnet_list_box ul li",function () {
			var icon = $(this).find("img").attr("data-icon");
			$(this).find("img").attr("src", icon);
		});

		var id = 0;
		if(diyJson) {
			for(var i=0;i<diyJson.length;i++) vue.addSzyComponent(diyJson[i]);
		} else {
			vue.globalLazyLoad = true;
		}

		var repeat_flag = false;
		$("button.save").click(function(){
			// 刷新排序
			vue.refreshSort();
			setTimeout(function () {
				if(vue.submitVerify()){
					//全局属性
					var global = JSON.stringify(vue.global);
					global = eval("("+global+")");

					//组件属性
					var value = JSON.stringify(vue.data).replace(/\@/g, "");
					value = JSON.parse(value);

					//重新排序
					value.sort(function(a,b){
						return a.sort-b.sort;
					});

					for(var item in value){
						delete value[item].verify;
						delete value[item].lazyLoad;
						delete value[item].lazyLoadCss;
						delete value[item].index;
						delete value[item].sort;
						delete value[item].outerCountJs;
					}

					var v = {
						global : global,
						value : value
					};

					if(repeat_flag) return;
					repeat_flag = true;

					var data = { 
						id: id, 
						name: 'index', 
						title: vue.global.title, 
						openDiyPage: vue.global.openDiyPage, 
						global: JSON.stringify(global).replace(/\'/g, "@"),
						value: JSON.stringify(value).replace(/\'/g, "@")
					};
					var diyurl = "<?php echo U('Shopdiy/save');?>";
					$.ajax({
						url: diyurl,
						type: "post",
						data: data,
						dataType:'json',
						success: function (info) {
							if(info.status == 0)
							{
								layer.msg(info.result.message,{icon: 1,time: 2000});
							}else if(info.status == 1){
								var go_url = location.href;
								if( info.result.hasOwnProperty("url") )
								{
									go_url = info.result.url;
								}
								
								layer.msg('操作成功',{time: 1000,
									end:function(){
										location.href = info.result.url;
									}
								}); 
							}
						}
					})
				}
			},100);
		});

	</script>

</body>