design.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <nc-component :data="data[index]" class="goods-category">
  2. <!-- 预览 -->
  3. <template slot="preview">
  4. <div class="real-image-box" data-disabled="1">
  5. <img :src="'{$resource_path}/img/category_style_' + nc.template + ((nc.template == 1 && nc.level == 2 || nc.template != 1 && nc.goodsLevel ==1) ? '_1' : '') + ((nc.template == 1 && nc.level == 3 || nc.template != 1 && nc.goodsLevel == 2) ? '_2' : '') + (nc.quickBuy ? '_quickBuy' : '') + (nc.search ? '_search' : '') +'.jpg'">
  6. </div>
  7. </template>
  8. <!-- 内容编辑 -->
  9. <template slot="edit-content">
  10. <template v-if="nc.lazyLoad">
  11. <goods-category></goods-category>
  12. </template>
  13. <div class="goods-category-popup-wrap">
  14. <div class="goods-classification-style layui-form">
  15. <ul class="style-content">
  16. <li>
  17. <div :class="{'style-img-box':true,'selected border-color': nc.template == 1}">
  18. <img src="{$resource_path}/img/category_style_1_1_search.jpg" alt="">
  19. </div>
  20. <div :class="{'style-img-box':true,'selected border-color': nc.template == 2}">
  21. <img src="{$resource_path}/img/category_style_2_1_quickBuy_search.jpg" alt="">
  22. </div>
  23. <div :class="{'style-img-box':true,'selected border-color': nc.template == 3}">
  24. <img src="{$resource_path}/img/category_style_3_1_search.jpg" alt="">
  25. </div>
  26. <div :class="{'style-img-box':true,'selected border-color': nc.template == 4}">
  27. <img src="{$resource_path}/img/category_style_4_1_quickBuy_search.jpg" alt="">
  28. </div>
  29. </li>
  30. </ul>
  31. <input type="hidden" class="layui-input" name="level">
  32. <input type="hidden" class="layui-input" name="template">
  33. </div>
  34. </div>
  35. </template>
  36. <!-- 样式编辑 -->
  37. <template slot="edit-style"></template>
  38. <!-- 资源 -->
  39. <template slot="resource">
  40. <js>
  41. var goodsCategoryResourcePath = "{$resource_path}"; // http路径
  42. var goodsCategoryRelativePath = "{$relative_path}"; // 相对路径
  43. </js>
  44. <css src="{$resource_path}/css/design.css"></css>
  45. <js src="{$resource_path}/js/design.js"></js>
  46. </template>
  47. </nc-component>