现在评论项目里的评论作者还有评论时间在两行显示 .. 这里可以做一下调整 .. 把 text 组件还有它里面包装的东西在一行显示 .. 同样再调整一下,下面这个评论的时间 .. 也让它们在一行 ..
保存一下视图文件 .. 这样评论作者还有评论时间就会在一行显示了 .. 下面再去设计一下这个列表样式 .. 打开小程序的主样式文件 ..
先添加一个 comments .. 用 font-family 设置一下字体 ..
font-size 设置成 13px .. 上边距可以是 24px .. 再添加一个上边的边框 .. 颜色是 #ededed ..
下面再添加一个 .comment .. 把 display 设置成 flex .. 让它变成一个 flexbox ..
然后设置一下评论里的内容的包装 .. comment__content .. 把宽度设置成 100% .. 添加一个下边的边框 .. 颜色是 #ededed ..
margin-bottom 设置成 16px .. 再把 line-height 设置成 1 ..
然后是 comment__content_author .. 评论的作者 .. 先让文字加粗显示 .. 再添加一个 8 像素的右边的外边距 ..
评论的时间是 comment__content_date ... 字号可以小一点,设置成 12px .. 文字的颜色设置成 #999;
评论作者的头像的包装上面有个 comment__avatar .. 添加一个 8 像素的右边的外边距 .. 让头像与评论内容之间留点空间 ..