微信小程序之书籍详情页

上期我们写了静态分类的普通界面了,现在我们需要写跳转进入书籍详细信息页的静态页面了。

如果你想设置顶部导航标题栏的话,可以在json里设置
在这里插入图片描述
这样点进去的话就导航栏就会显示出书本详情的标题了。

好了,言归正传,下面来开始接着实现点击上期的分类里的图片跳转到的页面,也就是详情信息页面了。

首先,先写好我们的模板配置wxml。
既然是书城的话,那就能够看到书本的图片轮播图了,大概多大也可以定义,接着图片下面是一些书的属性,什么书名,作者之类啊。。。。。。当然啦,图片轮播的话应该像别的什么软件一样应该可以点击预览啦,加个属性就好了嘛,然后就是需要买的书籍的数量和评论了, 书籍详情的话呢,可以显示这本书的简介之类的。
必不可少的呢,是下面的底部悬浮栏啦,我呢,就分为了三个模块,第一个是收藏,点击可以让图标变换的,接着就是把书籍数量加入购物车咯,一个加入购物车的按钮,最后则是结算了,当然啦,不能直接结算的哦,我呢,有两个想法。一个是判断是否登录进行跳转,另一个呢,是直接跳转到购物车的界面在去结算,这里我实现的是购物车去结算的功能。

话不多说,刚代码!!!

  • 3
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值