小程序组件 —— 25 组件案例 - 商品导航区域

这一节主要实现商品导航区的结构和样式，商品导航区没有新的知识点，主要使用之前学习的三个组件：

• view：视图容器
• iamge：图片组件
• text：文本组件

商品导航区由五个商品导航来组成，每一个视频导航都可以看做是一个 view，然后使用 image 来渲染图片，通过 text 来渲染文本，下面我们打开微信开发者工具来实现一下商品导航区的样式：

• 在 index.wxml 中找到商品导航区域，使用五个 view 用于编写五个商品导航，每个 view 商品导航中有两个组件，分别为 image 和 text，可以在 gitCode 中找到对应的图片（图片源自尚硅谷，非个人所有，无意冒犯），并填写对应的文字内容：

  <view class="good-nav">
    <view>
      <image src="../../assets/category/cate-1.png" mode=""/>
      <text>鲜花玫瑰</text>
    <