移动端使用layer.open， 复制粘贴没营养的就不要了

Question

移动端使用layer.open的时候想要调整弹出框的样式，该怎么调整，求个前段大神帮忙。

Answer 1

 //信息框  
  layer.open({  
    content: '移动版和PC版不能同时存在同一页面'  
    ,btn: '我知道了'  
  });  

  //提示  
  layer.open({  
    content: 'hello layer'  
    ,skin: 'msg'  
    ,time: 2 //2秒后自动关闭  
  });  
  layer.open({  
    <span style="white-space:pre;"> </span>content: '修改密码成功',  
<span style="white-space:pre;"> </span>skin: 'msg',  
<span style="white-space:pre;"> </span>time: 2,  
<span style="white-space:pre;"> </span>end : function () {  
<span style="white-space:pre;">     </span>// 页面跳转  
<span style="white-space:pre;">     </span>localStorage.removeItem("mas_user");  
<span style="white-space:pre;">     </span>var url = commonAjax.defaultOption.mas_url.replace("{0}",1);  
<span style="white-space:pre;">     </span>window.location.href = url;  
<span style="white-space:pre;"> </span>}  
 });  
  //询问框  
  layer.open({  
    content: '您确定要刷新一下本页面吗？'  
    ,btn: ['刷新', '不要']  
    ,yes: function(index){  
      location.reload();  
      layer.close(index);  
    }  
  });  

  //底部对话框  
  layer.open({  
    content: '这是一个底部弹出的询问提示'  
    ,btn: ['删除', '取消']  
    ,skin: 'footer'  
    ,yes: function(index){  
      layer.open({content: '执行删除操作'})  
    }  
  });  

  //底部提示  
  layer.open({  
    content: '一个没有任何按钮的底部提示'  
    ,skin: 'footer'  
  });  

  //自定义标题风格  
  layer.open({  
    title: [  
      '我是标题',  
      'background-color: #FF4351; color:#fff;'  
    ]  
    ,content: '标题风格任你定义。'  
  });  

  //页面层  
  layer.open({  
    type: 1  
    ,content: '可传入任何内容，支持html。一般用于手机页面中'  
    ,anim: 'up'  
    ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;'  
  });  

  //loading层  
  layer.open({type: 2});  

  //loading带文字  
  layer.open({  
    type: 2  
    ,content: '加载中'  
  });