movie-grid-template布局的more-movie在真机上运行异常

来源:21-4 实现movie-grid template

你是我一首唱不完的歌

2017-09-15

 在开发工具上等多电影页面显示没有问题如下:

http://szimg.mukewang.com/59bb59f700015d4603770626.jpg

在真机上运行就出现这样的情况,截图如下

http://szimg.mukewang.com/59bb5ab30001ae5610801920.jpg

仔细观察会发现评分为零的新电影的电影名称和星级评分和有评分的间距略有不同。

不知道怎么解决

写回答

2回答

7七月

2017-09-15

这个我之前试过了,部分Android机器上不太兼容,改成Flex布局就可以了。

0
1
你是我一首唱不完的歌
谢谢老师
2017-09-15
共1条回复

你是我一首唱不完的歌

提问者

2017-09-15

老师,我吧movie-template movie-containner容器加了固定高度:

.

movie-container{
  display: flex;
  flex-direction: column;
  padding: 0 22rpx;
  height: 360rpx;
}

解决了问题可是发现电影图片大小有差异(如第一排的第二个图片小一点)截图如下://szimg.mukewang.com/59bb6d4c0001b0a710801920.jpg

0
0

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程