微信小程序（二）首页之分类导航

最新推荐文章于 2024-08-22 14:34:47 发布

Zaltana

最新推荐文章于 2024-08-22 14:34:47 发布

阅读量3.8k

点赞数 3

分类专栏：微信小程序文章标签：微信小程序前端

本文链接：https://blog.csdn.net/zhoulina815/article/details/123862264

版权

本文将介绍如何在微信小程序中创建首页的分类导航，通过使用`ul`和`li`元素来构建导航结构，同时探讨了Navigation.wxml和Navigation.wxss中的样式设置方法。

摘要由CSDN通过智能技术生成

三.分类导航

用ul，li

Navigation.wxml

<!--components/Navigation/Navigation.wxml-->
<!-- 导航-->
<view class="nav" style="margin-top:20px;">
    <div>
      <ul>
        <li>      
            <image src="../../pages/images/bar/jd.png" style="width: 33px; height: 30px;"></image>
          <div>京东</div>
        </li>
        <li>
          <div>
            <image src="../../pages/images/bar/tm.png" style="width: 33px; height: 30px;"></image>
         </div>
          <div>天猫</div>
        </li>
        <li>
          <div>
            <image src="../../pages/images/bar/pdd.png" style="width: 33px; height: 30px;"></image>
         </div>
          <div>拼多多</div>
        </li>
        <li>
          &l