通过微信小程序的云开发实现留言功能

index.wxml

<view>
<view><textarea class="zhuti" type="textarea" name="Label" confirm-type="done" bindinput="liuyan"></textarea></view>
  
  <button type="primary" bindtap="addLabel">留言</button>
</view>
<block wx:for="{
    {logs}}" wx:key="key" name="block">
  <view class="userinfo">
  <view > 
    <image class="userinfo-avatar" src="{
    {item.pic}}"></image>
  </view>
  <text class="name">{
  {item.name}}说:</text></view>
  <text class="text">{
  {item.label}}</text>
  <view>
  <text class="time">{
  {item.date}}</text>
  </view>
</block>

index.wxss

.zhuti{
   
  display: flex;
  font-size: 20px;
  height: 80px;
  width: 100%;
  border: 1px solid #d0d0d0;  
  border-radius: 10rpx;  
}
.text{
   
  font-size:20px;
  border: 1px solid #d0d0d0;  
  border-radius: 10rpx; 
  width: 100%;
  text-overflow:ellipsis;
  display: -webkit-box;
  word-break: break-all;
}
.name{
   
  font-size:20px;
}
.block{
   </