eladmin页面编写语法

eladmin页面编写语法

一、图片引入

  <div class="shouye"></div>

  .shouye {
    width:100%;
    height:100%;
    background-image:url('~@/assets/images/swsp/bg.png');  //此处@符号前需要添加~，否则报错
  }

二. 页面布局时，div不换行， display:flex; //兼容性好，父级属性。

      <div class="center">
        <div class="left">2</div>
        <div class="mid">3</div>
        <div class="right">4</div>
      </div>
      
	  .center {
	    width:100%;
	    height:90%;
	    display:flex;   //兼容性好，父级属性。
	  }
	
	  .left{
	    width:30%;
	    height:90%;
	  }

三.快捷语法

快捷注释
ctrl+?


npm uninstall -g packagename

四.单个图片铺满div

单个图片铺满，不重复
    background-image:url('~@/assets/images/swsp/border.png');
    background-size:100% 100%;


npm uninstall -g packagename