微信小程序新闻列表实现

1、打开开发者工具，在项目的pages文件夹下新建mypage文件夹，在文件夹内新建mypage页面，并在app.json中将mypage设为第一页面

3、在mypage.wxss中写代码如下，为mypage.wxml添加样式：.newsitem{width: 95%;height: 230rpx;display: flex;flex-direction: row;margin: 10rpx;border: 2rpx solid rebeccapurple}.img{width: 200rpx;height: 200rpx;padding: 20rpx;}.news-text{display: flex;flex-direction: column;padding: 20rpx;}.bottext{width: 100%;height: 200rpx;display: flex;align-items: flex-end;font-size: 30rpx;}.author{margin-right: 30rpx;}

5、编译运行代码，左侧模拟器效果如下图

7、保存代码，左侧模拟器效果如下图，这边框的横线也可以用view实现，定义好高度颜色即可