选择联系人模块

pages/im/group/announceCreate.vue

@@ -1,8 +1,8 @@
 <template>
     <view class="create">
-        <u--textarea v-model="content" count height="200" maxlength="200" placeholder="请输入公告内容"></u--textarea>
-
-        <u-button type="primary" text="发布" :disabled="disabled" @click="onCreate" color="#34CE98"></u-button>
+        <view class="create-title">公告内容</view>
+        <u--textarea v-model="content" count height="240" maxlength="240" placeholder="请输入公告内容" />
+        <u-button type="primary" text="发布" :disabled="disabled" @click="onCreate" color="#34CE98" />
     </view>
 </template>
 
@@ -52,7 +52,23 @@
 <style lang="scss" scoped>
     .create {
         padding: $padding;
-
+        .create-title{
+            font-size: $title-size + 4;
+            padding: $padding - 10 0 $padding - 10 $padding - 10 ;
+            color: $text-color;
+            font-weight: 800;
+            position: relative;
+            
+            &::before{
+                content:"";
+                position: absolute;
+                width: 10rpx;
+                height: 34rpx;
+                background-color: $main-color;
+                left: 0;
+                top: 26rpx;
+            }
+        }
         .u-button {
             margin-top: $padding;
         }