复制layui的select框样式不生效

段超
2023-12-01

复制select的组件的时候需要给该组件加上classlayui-form

<div class="layui-form layui-col-md12">
  <label class="layui-form-label">分配角色权限:</label>
  <div class="layui-input-inline">
    <select name="auth_id" lay-filter="aihao">
      <option value="16">菜单管理员</option>
      <option value="17">产品管理</option>
      <option value="18">管理员管理</option>
    </select>
    <div class="layui-unselect layui-form-select">
      <div class="layui-select-title">
        <input
          type="text"
          placeholder="请选择"
          value="菜单管理员"
          readonly=""
          class="layui-input layui-unselect"
        />
        <i class="layui-edge"></i>
      </div>
      <dl class="layui-anim layui-anim-upbit" style="">
        <dd lay-value="16" class="layui-this">菜单管理员</dd>
        <dd lay-value="17" class="">产品管理</dd>
        <dd lay-value="18" class="">管理员管理</dd>
      </dl>
    </div>
  </div>
</div>

**底部加上预加载的js,只需要修改base: './../layuiadmin/' //静态资源所在路径**的路径即可

<script>
    layui.config({
        base: './../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'laydate'], function () {
        var $ = layui.$
            , admin = layui.admin
            , element = layui.element
            , layer = layui.layer
            , laydate = layui.laydate
            , form = layui.form;
    });
</script>
 类似资料: