在课程第6-2节(先静后动,构建新闻详情 页面)样式有问题,最上面有一段空白的行

来源:19-2 先静后动,构建新闻详情页面样式

幕布斯652693

2018-05-12

post-detail.wxss文件代码:

.container {

display: flex;

flex-direction: column;

}


.head-image {

width: 100%;

height: 460rpx;

}

post-detail.wxml代码:

<view class='container'>

<image class='head-image' src="/images/post/sls.jpg"></image>

<view>

<image src="/images/avatar/2.png"></image>

<text>胡歌</text>

<text>发表于</text>

<text>三天前</text>

</view>

<text>炉石传说好玩吗</text>

<view>

<view>

<image src="/images/icon/collection.png"></image>

<image src="/images/icon/share.png"></image>

</view>

<view></view>

</view>

<text>炉石传说能不好玩,当然暴雪的游戏都是好玩的</text>

</view>

效果图:

http://img.mukewang.com/szimg/5af6e3e60001708713660768.jpg

写回答

2回答

newblush

2019-01-17

我也遇到你这个问题了,确实删了就可以了 ...我就说代码一模一样为什么不得行呀 ....谢谢解答

0
0

7七月

2018-05-12

这个应该是你写错了,可以看下源码。源码是没有问题的。

0
3
幕布斯652693
回复
7七月
我找到问题的源头了,是因为我直接在微信的初始化版本上编写的,在APP.wxss中预设了.container的全局样式,直接删除后就没有这样的问题了。
2018-05-13
共3条回复

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

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

23961 学习 · 6930 问题

查看课程