PbootCMS后台模型颜色的多选改成色块输出(实操教程)
- 修改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}
- 修改前台代码,添加颜色筛选样式:
扫码添加技术【解决问题】
专注中小企业网站建设、网站安全12年。
熟悉各种CMS,精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接:企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员。