微信小程序第三次培训笔记

某科学的初学者

已于 2022-02-20 17:56:40 修改

阅读量222

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

于 2022-02-18 23:42:07 首次发布

本文链接：https://blog.csdn.net/m0_61507413/article/details/123012798

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

学习网址：（本次仅涉及P16-P22）

运行效果录屏：

微信小程序3

图片无法显示原因：wxss中格式出现错误

解决方法源代码：

.out{padding: 30rpx; box-sizing: border-box;}
.row{display: flex;height: 150rpx;margin-bottom: 20rpx;} 
.pic{flex:2;}
.pic image{width: 100%; height: 100%; }
.text{flex:8; border-bottom:1px solid #eee; padding-left:10rpx; display:flex; flex-direction: column; justify-content: space-between;}
.text .title{ font-size: 38rpx;}
.text .time{ color:#999;}

.out{padding: 30rpx; box-sizing: border-box;}
.row2{display: flex;height: 150rpx;margin-bottom: 20rpx;} 
.pic2{flex:2;}
.pic2 image{width: 100%; height: 100%; }
.text2{flex:8; border-bottom:1px solid #eee; padding-left:10rpx; display:flex; flex-direction: column; justify-content: space-between;}
.text2 .title{ font-size: 38rpx;}
.text2 .time{ color:#999;}

运行效果截图：