消息

TUIKit/components/TUIGroup/create-group/style/h5.scss

@@ -0,0 +1,97 @@
+.group-h5 {
+  max-height: none;
+  height: 100%;
+  border-radius: 0;
+  padding: 0;
+
+  .group-box {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .group-box-header {
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      padding: 16px 18px;
+
+      .icon-close {
+        position: absolute;
+        left: 18px;
+      }
+    }
+
+    .group-list {
+      flex: 1;
+      display: flex;
+      flex-direction: column-reverse;
+      justify-content: flex-end;
+      margin-top: 12px;
+      overflow: hidden;
+
+      .group-introduction-list{
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+        padding: 12px 18px;
+      }
+
+      &-item {
+        padding: 14px 18px;
+        border-bottom: 1px solid #E5E5E5;
+
+        &-label {
+          font-size: 14px;
+        }
+      }
+    }
+
+    .group-list-edit {
+      display: flex;
+      align-items: flex-start;
+
+      .group-name-input {
+        flex: 0 0 auto;
+        width: 100%;
+        height: 40px;
+      }
+    }
+
+    .group-profile-footer {
+      box-shadow: inset 0 1px 0 0 #eee;
+      padding: 12px 18px;
+    }
+  }
+
+  &-list-item-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+
+    .content {
+      width: 0;
+      flex: 1;
+      padding: 0 12px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-align: end;
+    }
+  }
+
+  &-list-item-introduction {
+    padding: 12px 18px;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: left;
+  }
+
+  .select-item-type {
+    text-align: left;
+  }
+}