75 lines
2.6 KiB
HTML
75 lines
2.6 KiB
HTML
<nc-component v-bind:data="data[index]" class="make-float 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="mask" data-disabled="1">
|
|
<div class="float-btn-box" data-disabled="1">
|
|
<a v-for="(item, index) in nc.list" href="javascript:;" class="float-btn-item" data-disabled="1">
|
|
<div class="img-box" data-disabled="1">
|
|
<img v-bind:src="changeImgUrl(item.imageUrl)" alt="" data-disabled="1">
|
|
</div>
|
|
<span v-bind:style="{color: nc.textColor}">{{item.title}}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<!-- 编辑 -->
|
|
<template slot="edit">
|
|
<template v-if="nc.lazyLoad">
|
|
<make-btn-list ref="make-float"></make-btn-list>
|
|
<make-btn-position></make-btn-position>
|
|
<slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- 资源 -->
|
|
<template slot="resource">
|
|
|
|
<js>
|
|
var floatBtnResourcePath = "{$resource_path}";
|
|
</js>
|
|
<css src="{$resource_path}/make_tel/css/design.css"></css>
|
|
<js src="{$resource_path}/make_tel/js/design.js"></js>
|
|
</template>
|
|
|
|
</nc-component>
|
|
<nc-component v-bind:data="data[index]" class="make-float 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="mask" data-disabled="1">
|
|
<div class="float-btn-box" data-disabled="1">
|
|
<a v-for="(item, index) in nc.list" href="javascript:;" class="float-btn-item" data-disabled="1">
|
|
<div class="img-box" data-disabled="1">
|
|
<img v-bind:src="changeImgUrl(item.imageUrl)" alt="" data-disabled="1">
|
|
</div>
|
|
</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">
|
|
<make-btn-list ref="make-float"></make-btn-list>
|
|
<make-btn-position></make-btn-position>
|
|
<slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- 资源 -->
|
|
<template slot="resource">
|
|
|
|
<js>
|
|
var floatBtnResourcePath = "{$resource_path}";
|
|
</js>
|
|
<css src="{$resource_path}/make_tel/css/design.css"></css>
|
|
<js src="{$resource_path}/make_tel/js/design.js"></js>
|
|
</template>
|
|
|
|
</nc-component> |