当前位置:   article > 正文

实战:小程序购物商城,组件化与插件化的差别在哪里_小程序商城插件

小程序商城插件

⑨ 删除util文件夹。

  1. 搭建项目目录结构

| 录名 | 作用 |

| — | — |

| styles | 存放公共样式 |

| components | 存放组件 |

| lib | 存放第三方库 |

| utils | 自己的工具库 |

| request | 自己的SKD |

在这里插入图片描述

3.3、搭建项目页面


| ⻚⾯名称 | 名称 |

| — | — |

| ⾸⻚ | index |

| 分类⻚⾯ | category |

| 商品列表⻚⾯ | goods_list |

| 商品详情⻚⾯ | goods_detail |

| 购物⻋⻚⾯ | cart |

| 收藏⻚⾯ | collect |

| 订单⻚⾯ | order |

| 搜索⻚⾯ | search |

| 个⼈中⼼⻚⾯ | user |

| 意⻅反馈⻚⾯ | feedback |

| 登录⻚⾯ | login |

| 授权⻚⾯ | auth |

| 结算⻚⾯ | pay |

在这里插入图片描述

3.4、引入字体图标


  1. 打开阿⾥巴巴字体图标 ⽹站

在这里插入图片描述

  1. 选择的图标

  2. 添加⾄项⽬

在这里插入图片描述

  1. 下载到本地,选择第二个Font Class,并在地址栏打开新地址,复制全部代码到项目中

在这里插入图片描述在这里插入图片描述

  1. 将样式⽂件 由 css 修改为 wxss在这里插入图片描述

  2. ⼩程序中引⼊,在全局app.wxss中引入,就可以在每个wxss中使用了在这里插入图片描述

  3. 测试在这里插入图片描述

3.5、搭建项目的tabbar结构


  1. 目录下新增文件夹icon

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/764515
推荐阅读
相关标签
  

闽ICP备14008679号