第一阶段第二次作业(LinUI 瀑布流练习)- LING

第一阶段第二次作业(LinUI 瀑布流练习)- LING

作业效果预览(真机):

http://img1.sycdn.imooc.com//climg/5db42a0e09d14eb207503168.jpg

思路:

1. 数据来源:没有自己编写数据,用老师提供的API数据(获取最新商品列表)

2. 获取数据并绑定

http://img1.sycdn.imooc.com//climg/5db42aa50912fa0d05880246.jpg

3.引入自定义组件和LinUI组件

在home.json引入自定义组件latest-me:  

    "s-me-latest":"/components/latest-me/index"

app.json引入LinUI组件l-card 和 water-flow:

    "l-card": "/miniprogram_npm/lin-ui/card/index",
    "l-water-flow": "/miniprogram_npm/lin-ui/water-flow/index"

4.编写home.wxml ( 这里很奇怪,按照文档里的代码尝试没有生效,只能改用红色圈里的代码来实现了 )

http://img1.sycdn.imooc.com//climg/5db42f0c095ee39107110083.jpg

5.编写latest-me/index.wxml 和index.wxss

左右排列(两个column)

http://img1.sycdn.imooc.com//climg/5db431660962fc3809880732.jpg

提问:

问题一:按照文档里的代码(红色圈出的部分),但是没有生效,想问下哪里写错了呢?(s-me-latset是自定义主键,l-water-flow是引入LinUI的组件)http://img1.sycdn.imooc.com//climg/5db42dc209cf4c0c07360087.jpg

问题二:container设置margin right和left 都是15rpx,为什么最后出来右边的空位和左边的不一样呢?http://img1.sycdn.imooc.com//climg/5db4305f096258a311020738.jpg

http://img1.sycdn.imooc.com//climg/5db42fff097a75b502890180.jpg

问题三:为什么l-card设置margin不生效呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
7七月 2019-10-27 12:50:22

这个写的太复杂了。可能还是不太了解抽象组件,先看后面的课程解答吧,这部分已经更新了。看完如果还有疑问再提问

  • 提问者 凌子祺 #1
    后面的课程是指瀑布流那部分的课程吗?第三周第二章
    2019-10-27 12:56:56
  • 7七月 回复 提问者 凌子祺 #2
    对,就是这些已经公布了我写的方案,可以直接看了。
    2019-10-27 13:06:32
  • 提问者 凌子祺 回复 7七月 #3
    好的,谢谢老师!在看讲瀑布流之前特意停下来把前面的作业写了好看看自己哪里做得不对。
    2019-10-27 13:08:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师