小程序学习之主题页开发

时间：2019-08-28 21:07:51 收藏：0 阅读：189

效果图如下：

技术图片

代码如下：

<view style=‘display:flex;flex-direction:column;padding:10px‘>
  <view style=‘background-color:#c2c2c2;padding:5px‘>
    <view><text style=‘font-size:20px;‘>标题</text></view>
    <view style=‘margin-top:10px;margin-bottom:10px;‘><text style=‘font-size:14px;‘>作者</text></view>
    <view><text style=‘font-size:17px;‘>内容</text> </view>
    <view style=‘display:flex;justify-content:space-between;‘><text style=‘font-size:14px;‘>回复数目</text><text style=‘font-size:14px‘>节点</text></view>
  </view>

  <view style=‘margin-top:20px;color:#888888‘>
    <view><text>用户名</text></view>
    <view><text>内容</text></view>
  </view>
</view>