1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <?php /*a:1:{s:42:"./app/component/view/horz_line/design.html";i:1583474751;}*/ ?>
- <nc-component v-bind:data="data[index]" v-bind:class="['auxiliary-line',nc.padding]">
- <!-- 预览 -->
- <template slot="preview">
-
- <hr v-bind:style="{ borderColor : nc.color,borderStyle : nc.borderStyle }" />
-
- </template>
-
- <!-- 编辑 -->
- <template slot="edit">
-
- <color v-bind:data="{ field : 'color', label : '颜色' }"></color>
-
- <div class="layui-form-item">
- <label class="layui-form-label sm">边距</label>
- <div class="layui-input-block">
- <div class="layui-unselect layui-form-radio" v-bind:class="{ 'layui-form-radioed' : (nc.padding=='no-padding') }" v-on:click="nc.padding='no-padding'">
- <i class="layui-anim layui-icon"></i>
- <div>无边距</div>
- </div>
- <div class="layui-unselect layui-form-radio" v-bind:class="{ 'layui-form-radioed' : (nc.padding=='have-padding') }" v-on:click="nc.padding='have-padding'">
- <i class="layui-anim layui-icon"></i>
- <div>左右留边</div>
- </div>
- </div>
- </div>
-
- <div class="layui-form-item">
- <label class="layui-form-label sm">样式</label>
- <div class="layui-input-block">
- <div class="layui-unselect layui-form-radio" v-bind:class="{ 'layui-form-radioed' : (nc.borderStyle=='solid') }" v-on:click="nc.borderStyle='solid'">
- <i class="layui-anim layui-icon"></i>
- <div>实线</div>
- </div>
- <div class="layui-unselect layui-form-radio" v-bind:class="{ 'layui-form-radioed' : (nc.borderStyle=='dashed') }" v-on:click="nc.borderStyle='dashed'">
- <i class="layui-anim layui-icon"></i>
- <div>虚线</div>
- </div>
- </div>
- </div>
-
- </template>
-
- <!-- 资源 -->
- <template slot="resource">
-
- <css src="<?php echo htmlentities($resource_path); ?>/horz_line/css/design.css"></css>
-
- </template>
-
- </nc-component>
|