请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

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>

效果图:

https://img1.sycdn.imooc.com//szimg/5af6e3e60001708713660768.jpg

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

2回答

newblush 2019-01-17 17:18:57

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

0 回复 有任何疑惑可以回复我~
7七月 2018-05-12 21:29:57

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

0 回复 有任何疑惑可以回复我~
  • 提问者 幕布斯652693 #1
    我把用课程的源代码拷贝下来单页测试,也是这样,我觉得也有点问题,如果在.container中设置padding:0,则上面的空白区域就没有了,不过container中的元素都是居中排列。我用的小程序的编译器是V1.02版本,不知道是不是因为版本问题,请老师帮忙测试一下,谢谢。
    回复 有任何疑惑可以回复我~ 2018-05-13 17:32:36
  • 7七月 回复 提问者 幕布斯652693 #2
    不是版本问题,你为什么要单独测试呢。我只能保证整个源码运行是没问题的。你可以完整运行下代码看一下
    回复 有任何疑惑可以回复我~ 2018-05-13 20:14:16
  • 提问者 幕布斯652693 回复 7七月 #3
    我找到问题的源头了,是因为我直接在微信的初始化版本上编写的,在APP.wxss中预设了.container的全局样式,直接删除后就没有这样的问题了。
    回复 有任何疑惑可以回复我~ 2018-05-13 22:25:13
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号