微信小程序分类及详情信息模块的分析

本文详细介绍了微信小程序中分类页面和书籍详情页面的设计与实现过程,包括左侧栏分类展示、书籍详情信息、顶部导航栏、书籍详情介绍、收藏与购物车功能等。通过JSON配置、JS逻辑、WXML模板和WXSS样式实现各个功能,并注重界面交互与用户体验。
摘要由CSDN通过智能技术生成
发完代码我才想起来,我的思路还没有发上来呢。
首先,需要实现的功能是:

1.点击下面分类图标界面,最顶部有个分类,会进入分类。分为左右侧栏。
2.左边显示书类型的分类,点击并展开右侧栏类型书籍(有图片,书名)。
3.点击书籍就会跳进书籍详细信息
4.最顶部有个导航栏,一张此书的图片,大概百分之40左右。
5.接着就是书名,金额,作者,热量等等内容显示。
6.可以选择书的数量,可以评价此本书或者此次购买。
7.下面就是书本详情介绍,有书的简介,底部有这本书的一些不同角度的图片。
8.最后,右边有个图标,表示可以收藏这本书,点击会跳出收藏成功,
在右边就是加入购物车,把这本书或者这本书的数量规格,加入到购物车中,
最右边是一个立即购买,表示点击进入到购物车结算。

基本的需要实现的功能都在上门了,先实现静态的看了然后在验证和测试界面的所有功能,才能更好的修改。

具体实现:
我定义的分类名为:classify,书籍详细信息类名为:detail。

1.第一个实现的是,进入分类界面,顶部所展现的名字,在json配置文件里,

2.输入navigationBarTitleText:分类。然后编译,顶部就显示分类了。
接着,在JS 脚本逻辑文件里,定义了id,书籍的类型,有无子类或者说是
二级元素,有的话,给二级元素定义id

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值