王文博-20221021-项目实战03

一、今日学习内容
  <div class="left-op fl">
                <div class="left-title">
                    <a href="#" class="renqi">人气精品</a>
                    <a href="#" class="shangxin">店铺上新</a>
                </div>
                <ul>
                    <li>
                        <img src="./images/11.jpg" alt="">
                        <p>¥352.00</p>
                        <p>努比亚 红魔6R 5G 游戏手机 腾讯 幻影黑 8+128全网通5G</p>
                    </li>
                    <li>
                        <img src="./images/22.jpg" alt="">
                        <p>¥352.00</p>
                        <p>努比亚 红魔6R 5G 游戏手机 腾讯 幻影黑 8+128全网通5G</p>
                    </li>
                    <li>
                        <img src="./images/33.jpg" alt="">
                        <p>¥352.00</p>
                        <p>努比亚 红魔6R 5G 游戏手机 腾讯 幻影黑 8+128全网通5G</p>
                    </li>
                    <li>
                        <img src="./images/44.jpg" alt="">
                        <p>¥352.00</p>
                        <p>努比亚 红魔6R 5G 游戏手机 腾讯 幻影黑 8+128全网通5G</p>
                    </li>
                    <li>
                        <img src="./images/55.jpg" alt="">
                        <p>¥352.00</p>
                        <p>努比亚 红魔6R 5G 游戏手机 腾讯 幻影黑 8+128全网通5G</p>
                    </li>
                </ul>
            </div>
            <!-- 右侧商品详情部分 -->
            <div class="right-xiangqing fr">
                <div class="xiangqingjieshao">
                    <a href="#" class="jieshao">商品介绍</a>
                    <a href="#">规格与包装</a>
                    <a href="#">售后保障</a>
                    <a href="#">商品评价</a>
                </div>
                <img src="./upload/1.png" alt="">
                <img src="./upload/2.png" alt="">
            </div>