老师 我的图片宽高无作用 而且每次刷新保存 都要左滑一下才出来内容

老师 我的图片宽高无作用 而且每次刷新保存 都要左滑一下才出来内容

http://img1.sycdn.imooc.com//climg/5e796d79093a125613280809.jpghttp://img1.sycdn.imooc.com//climg/5e796d980916fd6a18650844.jpg

<!--pages/index/index.wxml-->
<view>
<swiper indicator-dots="true" autoplay="true">
<swiper-item>
<image src="../img/wx.png"></image>
</swiper-item>
<swiper-item>
<image src="../img/vr.png"></image>
</swiper-item>
<swiper-item>
<image src="../img/iqiyi.png"></image>
</swiper-item>
</swiper>

<view class="list-container">
<view class="list-autherDate">
<image src="../img/avatar/1.png"></image>
<text>2018 01 02</text>
</view>

<image class="list-titleImage" src="../img/post/crab.png"></image>
<text>菊黄蟹正肥,品尝秋之味。徐志摩把,“看初花的荻芦”和“到楼外楼吃蟹”,并列为秋天来杭州不能错过的风雅之事;用林妹妹的话讲是“螯封嫩玉双双满,      </text>

<view>
<image src="../img/icon/chat.png"></image>
<text>2018 01 02</text>
<image src="../img/icon/view.png"></image>
<text>2018 01 02</text>
</view>
</view>
</view>
/* pages/index/index.wxss */

swiper {
width: 100%;
height: 550rpx;
}

image {
width: 100%;
height: 550rpx;
}

.list-container {
margin-top: 20px;
}

.list-autherDate {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}

.list-autherDate image {
width: 80rpx;
height: 80rpx;
}

.list-autherDate text {
font-size: 24rpx;
font-weight: bold;
margin-left: 10px;
}

.list-container image{
display: block;
width: 100%;
height:100rpx;
}


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

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

1回答
好帮手慕星星 2020-03-24 12:14:43

同学你好,是样式中标点符号的问题。应该都是英文状态下的,如下修改

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

另外,保存之后每次都是从右侧滑出,从首页开始显示是正常,没有问题。如果想要从当前页开始编译,可以这样操作一下

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

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

保存的时候就会从选定的页面开始编译,自己测试下。

祝学习愉快!

  • 提问者 小鲜花 #1
    选择了这样 还是滑动出来 是什么原因老师
    2020-03-24 13:33:55
  • 好帮手慕星星 回复 提问者 小鲜花 #2
    肯定是会滑动出来的,只不过是从选择编译页面滑动,而不是首页开始滑动了。这个滑动效果是编译的时候存在的,不需要考虑。
    2020-03-24 14:01:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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