zhongshen_project/app/component/view/text_nav/design.html

<nc-component v-bind:data="data[index]" v-bind:style="{backgroundColor : nc.backgroundColor}" class="text-navigation">

	<!-- 预览 -->
	<template slot="preview">
		<template v-if="nc.lazyLoad">
			<text-nav></text-nav>
		</template>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
		
		<font-size v-bind:data="{ value : nc.fontSize }"></font-size>
		
		<color v-bind:data="{ defaultcolor: '#333333' }"></color>
		
		<color v-bind:data="{ field : 'backgroundColor', label : '背景颜色' }"></color>
		
		<text-align v-show="nc.arrangement=='vertical'"></text-align>

		<template v-if="nc.lazyLoad">
			<arrangement></arrangement>
		</template>

		<div class="text-navigation-block">
			<ul>
				<li v-for="(item,index) in nc.list" v-bind:key="index">
					<div class="layui-form-item">
						<label class="layui-form-label sm">导航名称</label>
						<div class="layui-input-block">
							<input type="text" v-model="item.text" placeholder="请输入导航名称" class="layui-input" />
						</div>
					</div>
					<div class="layui-form-item" v-show="nc.arrangement=='vertical'">
						<label class="layui-form-label sm">副标题</label>
						<div class="layui-input-block">
							<input type="text" v-model="item.secondText" placeholder="请输入副标题" class="layui-input" />
						</div>
					</div>
					<nc-link v-bind:data="{ field : nc.list[index].link }"></nc-link>
					<i class="del" v-on:click="nc.list.splice(index,1)" v-if="index>0" data-disabled="1">x</i>
				</li>
			</ul>
		</div>
		
		<div style="text-align: center;margin:20px 0;" v-show="nc.arrangement=='horizontal'">
			<button class="layui-btn layui-btn-sm ns-bg-color" v-on:click='nc.list.push({ text : "『文本导航』",link : {} })'>添加</button>
		</div>
	
	</template>
	
	<!-- 资源 -->
	<template slot="resource">

		<css src="{$resource_path}/text_nav/css/design.css"></css>
		<js src="{$resource_path}/text_nav/js/design.js"></js>
		
	</template>

</nc-component>