王小o

这家伙很懒，什么也没写
文章
0
评论
35
加入时间
2年前

tab组件标题的图标和文字能垂直居中吗

当然可以，bui 只是定义了交互方式，样式上都可以根据自己需要自行定制。

比分你需要的功能，增加以下样式就行.


.bui-tab .bui-nav>[class*=bui-btn] i {
display: block;
margin: 0 auto;
}

2023年08月29日

bui.select 在1.8版下 autoClose 无效

你好，autoClose 参数主要用来点击遮罩的时候关闭的，以前单选的时候，点击会自动关闭，现在是单选多选，都需要通过方法关闭。如果想改变的时候自动关闭，可以在onChange 参数里面操作。

具体可以参考这个例子： http://www.easybui.com/demo/#pages/ui_controls/bui.select_popup

2023年08月03日

为什么用loader.map声明多个模板后，不能加载摸的js

经过测试，通过 loader.map({moduleName:"",template:"",script:""}) 或者通过 loader.set 都是可以正常加载的。

猜测你的问题在使用 loader.map 进行多个模块进行定义，那个方式确实会导致脚本不加载，这个稍后在下一个版本修正。

其实我们更建议不用去定义，通过路径由路由，跟加载器去做这件事。
2023年06月01日

只使用的控件，只引用了css和2个JS 微信中打开，没有自动适应网页大

经过排查，是head引入的顺序不规范导致的，先有meta viewport ，然后才是css


<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>BUI</title>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover">
    <link href="css/bui.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>

<body>

    <!-- BUI标准结构 -->
    <div class="bui-page bui-box-vertical">
        <header>
            <!-- 顶部固定内容 -->
            <div class="bui-bar">
                <div class="bui-bar-left">
                    <div class="bui-btn"><i class="icon-back"></i></div>
                </div>
                <div class="bui-bar-main">测试 首页</div>
                <div class="bui-bar-right"></div>
            </div>
        </header>
        <main>
            <!-- 中间滚动内容 -->

            <div class="bui-page">
                <ul class="bui-nav-icon bui-fluid-4 ">
                    <li class="bui-btn">
                        <div class="bui-icon primary round"><i class="icon-success"></i></div>
                        <div class="item-title"> 全员品质 </div>
                        <div class="item-text"> Total Quality Management </div>
                    </li>
                    <li class="bui-btn">
                        <div class="bui-icon round success"><i class="icon-success"></i></div>
                        <div class="item-title"> 标题文字 </div>
                        <div class="item-text"> 描述信息 </div>
                    </li>
                    <li class="bui-btn">
                        <div class="bui-icon round danger"><i class="icon-success"></i></div>
                        <div class="item-title"> 标题文字 </div>
                        <div class="item-text"> 描述信息 </div>
                    </li>
                    <li class="bui-btn">
                        <div class="bui-icon round warning"><i class="icon-success"></i></div>
                        <div class="item-title"> 标题文字 </div>
                        <div class="item-text"> 描述信息 </div>
                    </li>
                </ul>
            </div>

        </main>
        <footer>
            <!-- 底部固定内容 -->
        </footer>
    </div>

    <script src="js/zepto.js"></script>
    <script src="js/bui.js"></script>
    <script>
        // 多页开发: 一个页面必须要有一个 bui.ready, 且只能有一个
        bui.ready(function () {
            

        });
    </script>

</body>

</html>

2023年05月10日

请问如何打开一个网址

打开外部网址不影响之前到路径的方式，可以使用 bui.page 打开，iframe设置为true即可，具体查看对应的api文档， 一种直接使用 window.location.href = "" 跳转，这种方式会影响之前的路由
2023年04月18日