常用前端代码整理

Grid布局实现每行显示10个标签的CSS代码示例

<style>
    .container-div {
        display: grid;
        grid-template-columns: repeat(10, minmax(min-content, max-content)); /* 严格设置为10列 */
        grid-gap: 5px; /* 设置网格项之间的间距 */
    }
</style>

<div class="container-div">
    <label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label>
    <label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label>
    <label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label>
    <label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label><label>样例标签</label>
<</div>

layer.prompt设置下拉框样式数据

layer.prompt({title: '请选择设置数据', formType: 1,content: '<select class="layui-layer-input"><option value="">请选择</option></select>'}, function(pass, index){
    layer.close(index);
    console.log(pass);
});

layer子iframe弹框关闭并刷新父页面

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
parent.layer.load(1,{shade:[0.3]});
parent.location.reload();

js动态加载引入js文件

var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js";
oHead.appendChild( oScript);
$(".article-featured-image").hide();