微信小程序评论的实现

小萝卜耗子

已于 2022-04-11 17:37:58 修改

阅读量1w

点赞数 36

分类专栏：微信小程序文章标签：微信小程序

于 2019-10-18 22:43:29 首次发布

本文链接：https://blog.csdn.net/qq_41636732/article/details/102632839

版权

在这里插入图片描述
实现像这样的底部悬浮的留言框并实现留言功能。
话不多说直接上代码，评论存储用的是小程序的云开发数据库。
WXML代码

<!--评论-->
<!--留言板实现-->
<!--评论-->
<!--留言板实现-->
<view class='top'>
            <view bindtap='onTabsItemTap' data-index='{
  {index}}' class="top-item">
                <text class="{
  {currentTabsIndex==index?'on':''}}">精彩评论</text>
            </view>
    </view>
  <view class='newsBox'>
    <block  wx:for="{
  {talks}}"  wx:for-index="talks" wx:key="talks">
      <view class='container-content'>
          <view class='user-info'>
            <image class='user-head' src='{
  {item.photo}}' mode='aspectFill'></image>
            <view class='user-name-time'>
              <view class='user-name'>{
  {item.name}}</view>
              <view class='user-publish-time'>{
  {item.date}}</view>
            </view>
            </view>
            <view class='content'>
            <!-- 显示文本 -->
              <view style="display:flex;flex-direction:column">
                <text class='content-text'>{
  {item.content}}</text>
              </view>
             </view>
            </view>
    </b