uni-app 4.5开发聊天列表组件（一）

<!-- 列表 -->
    <view class="flex align-center">
      <view class="flex align-center justify-center" style="width: 145rpx;">
        <image src="/static/images/demo/demo6.jpg" mode="widthFix" style="width: 92rpx;height: 92rpx;" class="rounded"></image>
      </view>
      <view class="flex flex-column border-bottom flex-1 py-3 pr-3 border-light-secondary">
        <view class="flex align-center justify-between mb-1">
          <text class="font-md">昵称</text>
          <text class="font-sm text-light-muted">14:59</text> 
        </view>
        <text class="font text-ellipsis text-light-muted">你好啊，哈哈哈</text>
      </view>
    </view>