用户登录

现在评论项目里的评论作者还有评论时间在两行显示 .. 这里可以做一下调整 .. 把 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 像素的右边的外边距 .. 让头像与评论内容之间留点空间 ..

评论列表的样式《 微信小程序:内容评论 #8 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点