您现在的位置: 首页 > 资讯 > 互联网知识 > 分享一个颜色选择器代码

分享一个颜色选择器代码

互联网知识2022-07-18 13:22:05ddcweb116
layui.use('colorpicker', function(){ var $ = layui.$ ,colorpicker = layui.colorpicker; //表单赋值 colorpicker.render({ elem: '#test-form' ,color: '#
 
<div style="margin-left: 30px;">
  <form class="layui-form" action="">
    <div class="layui-form-item">
      <div class="layui-input-inline" style="width: 120px;">
        <input type="text" value="" placeholder="请选择颜色" class="layui-input" id="test-form-input">
      </div>
      <div class="layui-inline" style="left: -11px;">
        <div id="test-form"></div>
      </div>
    </div>
  </form>
</div>
<script>
layui.use('colorpicker', function(){
  var $ = layui.$
  ,colorpicker = layui.colorpicker;
    colorpicker.render({
    elem: '#test-form'
    ,color: '#1c97f5'
    ,done: function(color){
      $('#test-form-input').val(color);
    }
  });
});
</script>
本文标签:
售前咨询
售后咨询
技术咨询
扫一扫

全国免费服务热线
13712877293

返回顶部