design.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <nc-component v-bind:data="data[index]" class="video-box 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="video-list">
  5. <div v-for="(item,index) in nc.list" class="image-ads-item">
  6. <div>
  7. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 1 && item.is_mute == 1" autoplay="autoplay" muted="muted" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  8. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 1 || item.is_mute == 0" autoplay="autoplay" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  9. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 0 || item.is_mute == 1" muted="muted" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  10. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 0 || item.is_mute == 0" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  11. </div>
  12. </div>
  13. </div>
  14. </template>
  15. <!-- 编辑 -->
  16. <template slot="edit">
  17. <template v-if="nc.lazyLoad">
  18. <video-moba ref=""></video-moba>
  19. </template>
  20. </template>
  21. <!-- 资源 -->
  22. <template slot="resource">
  23. <js>
  24. var floatBtnResourcePath = "{$resource_path}";
  25. </js>
  26. <css src="{$resource_path}/video_moba/css/design.css"></css>
  27. <js src="{$resource_path}/video_moba/js/design.js"></js>
  28. </template>
  29. </nc-component>
  30. <nc-component v-bind:data="data[index]" class="video-box right_bottom" data-disabled="1" v-else-if="nc.bottomPosition == 3 || nc.bottomPosition == 4" :style="{bottom:(parseInt(nc.baseBtnBottom) + parseInt(nc.btnBottom))+'px !important'}">
  31. <!-- 预览 -->
  32. <template slot="preview" >
  33. <div class="video-list">
  34. <div v-for="(item,index) in nc.list" class="image-ads-item">
  35. <div>
  36. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 1 && item.is_mute == 1" autoplay="autoplay" muted="muted" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  37. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 1 && item.is_mute == 0" autoplay="autoplay" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  38. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 0 && item.is_mute == 1" muted="muted" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  39. <video v-bind:src="changeImgUrl(item.videoUrl)" controls v-if="item.is_play == 0 && item.is_mute == 0" v-bind:poster="changeImgUrl(item.imageUrl)"></video>
  40. </div>
  41. </div>
  42. </div>
  43. </template>
  44. <!-- 编辑 -->
  45. <template slot="edit">
  46. <template v-if="nc.lazyLoad">
  47. <video-moba ref=""></video-moba>
  48. </template>
  49. </template>
  50. <!-- 资源 -->
  51. <template slot="resource">
  52. <js>
  53. var floatBtnResourcePath = "{$resource_path}";
  54. </js>
  55. <css src="{$resource_path}/video_moba/css/design.css"></css>
  56. <js src="{$resource_path}/video_moba/js/design.js"></js>
  57. </template>
  58. </nc-component>