一页面主要部分

    1，通用顶部导航
    2，通用底部
    3，左侧菜单
    4，右侧订单卡片
    5，element 进度条 Tabs标签页

二碰到问题

    1，代码格式化  写完代码预览没有格式化代码 导致代码检查出现问题
    2，css样式编写 忘记加分号
    3，浏览器设置清除缓存 不然有时加载不出新的内容
    4，使用element组件没有引入 导致显示不出
    5，开发中 浏览器要实时打开检查工具 出错能第一时间看到
    6，开发页面时 先从整体出发 把大的框架构造出来  保证主页能够显示 在主页中把小模块的布局 样式 先写出来 然后提取成vue模块引入
    7，提前想好可能传入的数据格式 根据数据格式对模块进行数据绑定

三常用的布局方式

    项目引入flex.css
    1，左侧固定，右边自适应/右侧固定，左边自适应
          <div flex="">
                <div flex-box="0">1</div>
                <div flex-box="1">2</div>
         </div>

        /

      <div flex="dir:right box:first">
            <div>1</div>
            <div>2</div>
      </div>
    2，左右固定，中间自适应
          <div flex="dir:left box:justify">
                <div>1</div>
                <div>1</div>
                <div>3</div>
          </div>
    3，整体等分
          <div flex="dir:left box:mean">
                <div>1</div>
                <div>1</div>
                <div>3</div>
          </div>