design.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <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'}">
  2. <!-- 预览 -->
  3. <template slot="preview" >
  4. <div class="mask" data-disabled="1">
  5. <div class="float-btn-box" data-disabled="1">
  6. <a v-for="(item, index) in nc.list" href="javascript:;" class="float-btn-item" data-disabled="1">
  7. <div class="img-box" data-disabled="1">
  8. <img v-bind:src="changeImgUrl(item.imageUrl)" alt="" data-disabled="1">
  9. </div>
  10. <span v-bind:style="{color: nc.textColor}">{{item.title}}</span>
  11. </a>
  12. </div>
  13. </div>
  14. </template>
  15. <!-- 编辑 -->
  16. <template slot="edit">
  17. <template v-if="nc.lazyLoad">
  18. <make-btn-list ref="make-float"></make-btn-list>
  19. <make-btn-position></make-btn-position>
  20. <slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
  21. </template>
  22. </template>
  23. <!-- 资源 -->
  24. <template slot="resource">
  25. <js>
  26. var floatBtnResourcePath = "{$resource_path}";
  27. </js>
  28. <css src="{$resource_path}/make_tel/css/design.css"></css>
  29. <js src="{$resource_path}/make_tel/js/design.js"></js>
  30. </template>
  31. </nc-component>
  32. <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'}">
  33. <!-- 预览 -->
  34. <template slot="preview" >
  35. <div class="mask" data-disabled="1">
  36. <div class="float-btn-box" data-disabled="1">
  37. <a v-for="(item, index) in nc.list" href="javascript:;" class="float-btn-item" data-disabled="1">
  38. <div class="img-box" data-disabled="1">
  39. <img v-bind:src="changeImgUrl(item.imageUrl)" alt="" data-disabled="1">
  40. </div>
  41. </a>
  42. </div>
  43. </div>
  44. </template>
  45. <!-- 编辑 -->
  46. <template slot="edit">
  47. <!-- <color v-bind:data="{ field : 'textColor', 'label' : '文字颜色' }"></color>-->
  48. <!-- <color v-bind:data="{ field : 'backgroundColor', 'label' : '背景颜色' }"></color>-->
  49. <template v-if="nc.lazyLoad">
  50. <make-btn-list ref="make-float"></make-btn-list>
  51. <make-btn-position></make-btn-position>
  52. <slide v-bind:data="{ field : 'btnBottom', label : '上下偏移' }"></slide>
  53. </template>
  54. </template>
  55. <!-- 资源 -->
  56. <template slot="resource">
  57. <js>
  58. var floatBtnResourcePath = "{$resource_path}";
  59. </js>
  60. <css src="{$resource_path}/make_tel/css/design.css"></css>
  61. <js src="{$resource_path}/make_tel/js/design.js"></js>
  62. </template>
  63. </nc-component>