layui前端框架表格如何进行屏幕适配

发布网友 发布时间：2022-04-20 10:34

我来回答

共3个回答

热心网友 时间：2022-04-07 08:57

标签：js代码 .com 效果 click .text jquer 参考 定义 html

项目中需要弹出层效果，使用了layui前端框架，主要使用了里面的弹出层特效（可以移动）

html代码

要给这个标签绑定click方法

1 <a href=‘javascript:;‘ data-method=‘offset‘ data-type=‘auto‘ class=‘showMean‘>显示</a>
点击以后，显示这个页面

1 <div class="con-no-ma displayNo" id="con-no-ma">
2 显示页面
3 </div>
js代码

function showMean() {
layui.use(‘layer‘,function () {
var $ = layui.jquery, layer = layui.layer;

//触发事件,这个相当于设置参数
var active = {
offset: function(othis){
var type = othis.data(‘type‘)
,text = othis.text();

layer.open({
title:"数据关联",
type: 1,
offset: type, //具体配置参考：http://www.layui.com/doc/moles/layer.html#offset
id: ‘LAY_demo‘+type, //防止重复弹出
content: $("#con-no-ma"), //在页面新定义，然后通过id绑定到这
btn: ‘关闭全部‘,
area: [‘1000px‘, ‘500px‘],
btnAlign: ‘c‘, //按钮居中
shade: 0, //不显示遮罩
//btn的方法
yes: function(){
layer.closeAll();
},
//右上角关闭按钮的方法
cancel: function(){
layer.closeAll();
}
});
}
};

//给指定标签绑定click事件
$(‘ .showMean‘).on(‘click‘, function(){
var othis = $(this), method = othis.data(‘method‘);
active[method] ? active[method].call(this, othis) : ‘‘;
});
})
}

热心网友 时间：2022-04-07 10:15

使用IDV ，外层DIV画进度条矩形边框，内层DIV使用JS，进行填充宽度

热心网友 时间：2022-04-07 11:50

layui框架是响应式的，Layui 是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。
更多是为服务端程序员量身定做，无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切所需要的元素与交互。