BootstrapColorpicker Template 属性使用指南

BootstrapColorpicker 组件的 template 属性可以用来自定义选择器的 HTML 模板。可以通过以下步骤使用 template 属性：

1. 在 HTML 文件中引入 BootstrapColorpicker 的 CSS 和 JS 文件。

<link rel="stylesheet" href="path/to/bootstrap-colorpicker.min.css">
<script src="path/to/bootstrap-colorpicker.min.js"></script>

2. 在 HTML 文件中添加一个空的 div 元素作为 BootstrapColorpicker 的容器。

<div id="color-picker"></div>

3. 使用 JavaScript 代码初始化 BootstrapColorpicker，并设置 template 属性。

$(document).ready(function() {
    $('#color-picker').colorpicker({
        template: '<div class="colorpicker">' +
            '<div class="colorpicker-saturation"><i><b></b></i></div>' +
            '<div class="colorpicker-hue"><i></i></div>' +
            '<div class="colorpicker-alpha"><i></i></div>' +
            '<div class="colorpicker-color"><div></div></div>' +
            '<div class="colorpicker-input"><input type="text" class="form-control"></div>' +
            '</div>'
    });
});

在上面的代码中，template 属性被设置为一个自定义的 HTML 模板。可以在这个模板中添加任意的 HTML 元素和 CSS 样式来自定义 BootstrapColorpicker 的外观和布局。