学习日记1

今日份学习

跟着老师做的部分小米官网导航条制作！

<div id="top-bar-warp">
            <div class="top-bar w">
              <ul class="top-bar-left">
                <li><a href="#">小米官网</a></li>
                <li class="line">｜</li>
                <li><a href="#">小米商城</a></li>
                <li class="line">｜</li>
                <li><a href="#">MIUI</a></li>
                <li class="line">｜</li>
                <li><a href="#">LoT</a></li>
                <li class="line">｜</li>
                <li><a href="#">云服务</a></li>
                <li class="line">｜</li>
                <li><a href="#">天星数科</a></li>
                <li class="line">｜</li>
                <li><a href="#">小爱开放平台</a></li>
                <li class="line">｜</li>
                <li><a href="#">企业团购</a></li>
                <li class="line">｜</li>
                <li><a href="#">资质证照</a></li>
                <li class="line">｜</li>
                <li><a href="#">协议规则</a></li>
                <li class="line">｜</li>
                <li>
                  <a href="#" class="app-a">
                    下载app
                    <div class="app-wrap">
                      <div class="QRcode">
                        <img src="./img/download.png" alt="" />
                        <p>小米商城app</p>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="line">｜</li>
                <li><a href="#">Select Location</a></li>
              </ul>
              <ol class="top-bar-right">
                <li><a href="#">登录</a></li>
                <li class="line">｜</li>
                <li><a href="#">注册</a></li>
                <li class="line">｜</li>
                <li><a href="#">消息通知</a></li>
                <li class="line">｜</li>
                <li><a href="#">购物车</a></li>
              </ol>
            </div>
          </div>