当前位置: 首页 > 科技观察

Harmonyos购物车及传参注意事项

时间:2023-03-15 16:30:53 科技观察

更多内容请访问:与华为官方共建的鸿蒙科技社区https://harmonyos.51cto.com/#zz首先感谢大家对本站的支持花妖,也感谢那些给花妖提意见和鼓励的人。花妖会继续努力,为大家呈现更多的作品。今天简单梳理一下鸿蒙商城购物车和参数传递过程中容易出错的小细节。花妖以茶为主题,为一家茶饮店制作购物车。老规矩,上图:图1:下图是购物车的整体视图。做购物车图标的时候,花妖先尝试开启显示布局,然后居中。这样虽然可以让购物车图标准确居中,但是后期添加少量商品的视觉效果很难看。图2:添加position:absolute;商品数量小标的样式可以改回来,但是位置也是居中的,不符合客户平时的习惯。图3购物车放弃前的显示布局,添加了position:absolute的布局样式。经过多次尝试,花妖的X坐标为300px,刚好符合居中标准。然后将添加的产品数量标记移动70px左右就大功告成了。图4、图5:如何实现在初始值处添加产品参数的隐藏效果?使用三元运算的方式,将参数的初始值设置为0,然后使用添加索引下标>0的方式,实现在开头添加产品参数的隐藏效果。图6++表示当前值加1,设置用户购物车商品记录方式和带参数跳转页面(shoppingcar)。图7.新建接收跳转数据的页面。接收数据参数和发送数据参数必须一致(shoppingcar)接下来只需要做一个数组循环,在接收页面和发送页面添加样式装饰即可。最终运行效果的视频展示已上传。有兴趣的朋友可以在花药主页上找到。谢谢。?版权归作者和HarmonyOS技术社区共同所有。如需转载请注明出处,否则将追究法律责任。了解更多请访问:与华为官方共建鸿蒙科技社区https://harmonyos.51cto.com/#zz