CSS：用到的css的写法

效果图

• 这是成功之后的效果图；

• 看看，如果不加CSS的原始图是什么样的？
  • 就是很混乱的摆放，现在要一步步的把它们做成期望的效果

开始CSS摆放

• 一个标题收货管理，单独放在一个盒子里<div class="title">收货管理</div>;
• 另外的输入框和两个按钮放在一个大的<div></div>里面；
  • 第二个大的<div></div>，里面再分为两行小的<div></div>；
  • 先把这些结构理清，把div的位置摆放清楚；

  <div class="wrapper">
  <div class="header">
  <div class="title">收货管理</div>
  <div class="section-one">
  <div class="query-title">ASN单号</div>
  <el-input 
  style="width: 240px; margin-left: 16px"></el-iniput>
  </div>
  <div class="btn-box">
  <el-button @click="reset" size="small" type="info">重置</el-button>
  <el-button @click="reset"type="primary" size="small" @click="asnVerification">下一步</el-button>
  
  </div>
  </div>
  </div>