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


<!--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;
}14
收起
正在回答 回答被采纳积分+1
1回答
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程



恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星