PbootCMS后台模型颜色的多选改成色块输出（实操教程）

wdzsjl 2周前 (01-01) 阅读数 21 #织梦DedeCms

修改JS文件:
- 打开/APPs/admin/view/default/layui/layui.all.js文件。
- 搜索并找到<span> + n.title + </span>。
- 修改为：
  
  javascript
  
  <span style="background:#" + n.title + ">" + n.title + "</span>
设置色卡值:
- 去网站后台，全局配置，模型字段，颜色，修改，输入你要的色卡值，保存。
清理缓存:
- 清理浏览器缓存，刷新页面查看效果。
前台输出:
- 修改前台代码，添加颜色筛选样式：
  
  html
  
  {pboot:select field=ext_color} <a href="[select:link]" class="mb-3 btn {pboot:if('[select:value]' == '[select:current]')}btn-info{else}btn-light{/pboot:if}" style="background-color:#[select:value]"> </a> {/pboot:select}