优化UI，修复群BUG

TUIKit/components/TUIGroup/create-group/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="group" :class="[!isPC ? 'group-h5' : '']">
+  <view class="group" :class="[!isPC ? 'group-h5' : '']">
     <div class="group-box">
       <ul v-if="!groupInfo.isEdit" class="group-list">
-        <li class="group-list-item">
+        <li style="border-bottom: none" class="group-list-item">
           <label class="group-list-item-label">
             {{ TUITranslateService.t('TUIGroup.群头像') }}
           </label>
@@ -12,23 +12,23 @@
           <li
             v-for="(item, index) in createInfo"
             :key="index"
-            class="group-list-item"
+            class="group-list-item item-input_box"
           >
             <label class="group-list-item-label">{{ item.name }}</label>
             <input
-              v-if="isPC"
               v-model="groupInfo.profile[item.key]"
               type="text"
               :placeholder="item.placeholder"
+              class="btn-input"
             />
-            <span
+            <!-- <span
               v-else
               class="group-h5-list-item-content"
               @click="edit(item.key)"
             >
               <p class="content">{{ groupInfo.profile[item.key] }}</p>
               <Icon :file="rightIcon" />
-            </span>
+            </span> -->
           </li>
           <!-- <li class="group-list-item" @click="cbPopupShow.open('bottom')">
             <label class="group-list-item-label">申请加群方式</label>
@@ -89,7 +89,8 @@
           @selectType="selected"
         />
       </div>
-      <footer class="group-profile-footer">
+      <!-- 原版确认按钮 -->
+      <!-- <footer class="group-profile-footer">
         <button
           v-if="isPC && !groupInfo.isEdit"
           class="btn-default"
@@ -104,7 +105,12 @@
         >
           {{ TUITranslateService.t('TUIGroup.确认') }}
         </button>
-      </footer>
+      </footer> -->
+      <bottom-view>
+        <cb-button :disabled="submitDisabledStatus" @click="submit">
+          确认添加
+        </cb-button>
+      </bottom-view>
     </div>
 
     <uni-popup ref="cbPopupShow" backgroundColor="#fff">
@@ -125,7 +131,7 @@
         <text @click="cbPopupShow.close()">取消</text>
       </view>
     </uni-popup>
-  </div>
+  </view>
 </template>
 <script lang="ts" setup>
   import TUIChatEngine, {
@@ -370,12 +376,45 @@
 </script>
 <style lang="scss" scoped src="./style/index.scss"></style>
 <style lang="scss" scoped>
+  .group {
+    background: #f4f4f4;
+  }
+
+  .group-h5 {
+    padding: 32rpx 24rpx;
+  }
+
+  .group-box {
+    border-radius: 16rpx;
+  }
+
+  .group-h5-list-item-content {
+    .content {
+      padding: 0 !important;
+      font-size: 32rpx;
+      color: #333333;
+    }
+  }
+
   .group-list {
     margin: 0 !important;
     .group-list-item {
+      padding: 24rpx 32rpx !important;
       display: flex;
       align-items: center;
       border-bottom: 2rpx solid #e5e5e5;
+      box-sizing: border-box;
+    }
+    .item-input_box {
+      .btn-input {
+        padding: 0;
+        height: 44rpx;
+        font-size: 32rpx;
+        color: #333333;
+        border: none !important;
+        // background: rgb(238, 128, 128);
+        text-align: right;
+      }
     }
   }
   .popup-content {