layer.css 样式跟原来的有冲突怎么办

Posted 2023-05-17

1、找到你新加入的冲突样式，修改成新的不重复的命名
2、如果是全局定义的部分冲突，就需对这部分进行全局定义重写
3、写到html中，<div style=" color:red;">这样，但这个只针对样式很少的情况用，样式很长不推荐 参考技术A 可以用权重覆盖，也可以加!important 参考技术B 方法
<link href="css/Banner2.css" type="text/css" media="screen" rel="stylesheet"/>
<style type="text/css" media="screen" >@import url(css/Banner2.css);</style>

关于require.js引入layer.js后 layer.css等样式文件无法引入解决

这里需要用到layer.js的layer.config方法  
即

 layer.config({
        path: ‘{GARCIA_JS}layer/‘ //layer.js所在的目录，可以是绝对目录，也可以是相对目录     
    });

详细代码如下

require([‘{GARCIA_JS}layer/layer.js‘],function(layer){
    layer.config({
        path: ‘{GARCIA_JS}layer/‘ //layer.js所在的目录，可以是绝对目录，也可以是相对目录     
    });
    $(document).on(‘click‘,‘#checkButton‘,function(){
        var code=$("input[name=‘checkCode‘]").val();
        if($("input[name=‘checkCode‘]").val()==‘‘){
            layer.msg(‘请输入核销码‘, {
                icon: 7,
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            });
            return false;
        }
        $.ajax({
            url:"{php echo $this->createWebUrl(‘yongjin‘,array(‘display‘=>‘search_order‘))}",
            type:‘post‘,
            dataType:‘json‘,
            data:{
                checkCode:$("input[name=‘checkCode‘]").val()
            },
            success:function(ret){
                if(ret.errorCode==0){
                    layer.prompt({
                        formType: 3,
                        value:$.trim(code),
                        title: ‘请确认核销码‘,
                    }, function(value, index, elem){
                        $.ajax({
                            url:"{php echo $this->createWebUrl(‘yongjin‘,array(‘display‘=>‘change_status‘))}",
                            type:‘post‘,
                            dataType:‘json‘,
                            data:{
                                checkCode:value
                            },
                            success:function (res) {
                                if(res.errorCode==0){
                                    layer.msg(res.msg, {
                                        icon: 1,
                                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                                    });
                                    location.reload()
                                }else{
                                    layer.msg(res.msg, {
                                        icon: 7,
                                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                                    });
                                }
                            }
                        })
                        layer.close(index);
                    });
                }else if(ret.errorCode==2){
                    layer.msg(ret.msg, {
                        icon: 7,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    });
                }else{
                    layer.msg(ret.msg, {
                        icon: 7,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    });
                }
            }
        })
    });
  
})