人人商城

funbar.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. {if $_W['shopset']['shop']['funbar']==1}
  2. <div class="funbar-btn funbar-toggle" title="点击展开快捷导航">
  3. <p style="margin-bottom: 5px;"><i class="fa fa-angle-right"></i></p>
  4. <p>快</p>
  5. <p>捷</p>
  6. <p>导</p>
  7. <p>航</p>
  8. </div>
  9. <div class="funbar">
  10. <div class="fb-header">快捷导航</div>
  11. <div class="search">
  12. <input class="input" id="funsearch" placeholder="关键字搜索" />
  13. </div>
  14. <div class="fb-inner">
  15. <div id="funbar-btns">
  16. {if !empty($funbardata['datas'])}
  17. {loop $funbardata['datas'] $funbaritem}
  18. <nav data- data-href="{$funbaritem['href']}" title="{$funbaritem['text']}" style="color: {$funbaritem['color']}; {if !empty($funbaritem['bold'])}font-weight: bold;{/if}"><span>{$funbaritem['text']}</span></nav>
  19. {/loop}
  20. {/if}
  21. </div>
  22. </div>
  23. <div class="fb-footer">
  24. <div class="default">
  25. <div class="item edit-btn" title="编辑"><i class="fa fa-edit"></i></div>
  26. <div class="item funbar-toggle" title="收起"><i class="fa fa-chevron-left"></i> </div>
  27. </div>
  28. <div class="complete">
  29. <div class="item add-btn" title="添加">添加</div>
  30. <div class="item save-btn" title="保存">保存</div>
  31. </div>
  32. </div>
  33. </div>
  34. {elseif $_W['shopset']['shop']['funbar']==2}
  35. <div id="funcbar" class="funbar style2">
  36. <div class="fb-header">快捷导航</div>
  37. <div class="search">
  38. <input class="input" id="funsearch" placeholder="关键字搜索" />
  39. </div>
  40. <div class="fb-inner">
  41. <div id="funbar-btns">
  42. {if !empty($funbardata['datas'])}
  43. {loop $funbardata['datas'] $funbaritem}
  44. <nav data- data-href="{$funbaritem['href']}" title="{$funbaritem['text']}" style="color: {$funbaritem['color']}; {if !empty($funbaritem['bold'])}font-weight: bold;{/if}"><span>{$funbaritem['text']}</span></nav>
  45. {/loop}
  46. {/if}
  47. </div>
  48. </div>
  49. <div class="fb-footer">
  50. <div class="default">
  51. <div class="item edit-btn" title="编辑" style="width: 100%"><i class="fa fa-edit"></i></div>
  52. </div>
  53. <div class="complete">
  54. <div class="item add-btn" title="添加">添加</div>
  55. <div class="item save-btn" title="保存">保存</div>
  56. </div>
  57. </div>
  58. <div class="page-gotop style2" title="返回顶部">
  59. <span><i class="fa fa-angle-up"></i> 返回顶部</span>
  60. </div>
  61. </div>
  62. {/if}
  63. <div id="modal-funbar" class="modal fade" tabindex="-1" role="dialog" aria-hidden="false" style="width:600px;margin:0px auto;">
  64. <form class="form-horizontal form">
  65. <div class="modal-dialog" style="margin-top: 100px;">
  66. <div class="modal-content">
  67. <div class="modal-header">
  68. <h3>修改快捷导航</h3>
  69. </div>
  70. <div class="modal-body">
  71. <div class="input-group">
  72. <span class="input-group-addon">名称</span>
  73. <input class="form-control" id="menuname" maxlength="4" placeholder="请输入名称,最多4字符" />
  74. <span class="input-group-addon" style="border-left: 0; border-right: 0;">颜色</span>
  75. <input class="form-control" type="color" style="padding: 0; width: 75px;" value="#666666" id="menucolor" />
  76. <span class="input-group-addon" style="border-left: 0;">加粗</span>
  77. <span class="input-group-addon">
  78. <label class="radio-inline" style="padding-top: 0;"><input type="radio" name="bold" value="1" id="menubold1"> 是</label>
  79. <label class="radio-inline" style="padding-top: 0;"><input type="radio" name="bold" value="0" id="menubold0" checked="true"> 否</label>
  80. </span>
  81. </div>
  82. <div class="input-group" style="margin-top: 10px;">
  83. <span class="input-group-addon">链接</span>
  84. <input class="form-control" id="menulink" readonly />
  85. </div>
  86. <div class="help-block" style="padding-top: 5px;">注意:1. 链接只能保存当前页面且不可修改; 2. 此处编辑好后别忘记点击导航栏下方的保存编辑哦~</div>
  87. </div>
  88. <div class="modal-footer">
  89. <a href="#" class="btn btn-primary close-modal" data-dismiss="modal" aria-hidden="true">确定</a>
  90. <a href="#" class="btn btn-default close-modal2" data-dismiss="modal" aria-hidden="true">关闭</a>
  91. </div>
  92. </div>
  93. </div>
  94. </form>
  95. </div>
  96. <script src="{php echo EWEI_SHOPV2_LOCAL}static/js/web/funbar.js"></script>