优化

commpents/textarea-cell/index.js

@@ -31,7 +31,11 @@ Component({
     textarea_val: {
       type: String,
       value: '',
-    }
+    },
+    has_error_content: {
+      type: String,
+      value: "",
+    },
   },
 
   /**

commpents/textarea-cell/index.wxml

@@ -9,4 +9,8 @@
   <view class="textarea-cell-content">
     <textarea bindblur="bindTextAreaBlur" maxlength="1000" style="margin: 32rpx 32rpx 0 32rpx; width: 100%; height: 90%; background-color: #FAFAFA;" name="" id="" placeholder="{{ textarea_cell_content_placeholder }}" value="{{textarea_val}}"></textarea>
   </view>
+  <view class="error_box" wx:if="{{ has_error_content != '' }}" >
+    <t-icon color="red" name="close-circle-filled" size="48rpx" data-name="close-circle-filled" />
+    <text class="error_msg">{{ has_error_content }}</text>
+  </view>
 </view>

commpents/textarea-cell/index.wxss

@@ -43,4 +43,34 @@
 }
 .textarea-cell-name{
   font-size: 30rpx;
+}
+.error_box{
+  position: relative;
+  display: flex;
+  background-color: #FEF1F1;
+  width: calc(95vw - 64rpx);
+  height: 100rpx;
+  margin: 30rpx auto 0 auto;
+  align-items: center;
+  padding-left: 32rpx;
+  border-radius: 10rpx;
+}
+.error_box::after{
+  border-radius: 5rpx;
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  border-width: 16rpx;
+  border-style: solid;
+  border-color: transparent transparent #FEF1F1 transparent;
+  content: ' ';
+  left: 50rpx;
+  top: -30rpx;
+}
+.error_msg{
+  position: relative;
+  margin-left: 10rpx;
+  color: #FF0000;
+  letter-spacing: 3rpx;
+  font-weight: 600;
 }