feat:

src/components/group-certification-list/index.less

@@ -0,0 +1,79 @@
+@import '@/styles/common.less';
+
+.group-certification-list {
+  min-height: calc(100vh - 98rpx);
+  &__banner {
+    font-weight: 400;
+    font-size: 24px;
+    height: 72px;
+    padding: 32px 32px 25px;
+    line-height: 36px;
+    color: #999999;
+  }
+  &__title {
+    height: 72px;
+    width: 100%;
+    padding: 0 24px;
+    box-sizing: border-box;
+    line-height: 72px;
+    font-size: 24px;
+    color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    top: 227rpx;
+    left: 0;
+    z-index: 1;
+    background: #fff;
+
+    &-border {
+      border-bottom: 1px solid #e6e7e8;
+      .flex-row();
+    }
+
+    &-time {
+      padding: 0 8px;
+      flex: 0 0 120px;
+      width: 120px;
+      flex-shrink: 0;
+    }
+
+    &-name {
+      text-align: right;
+      flex: 1;
+    }
+  }
+
+  &__pull-refresh {
+    margin-top: 72px;
+  }
+
+  &__item {
+    height: 100px;
+    width: 100%;
+    padding: 24px 32px 0 32px;
+    box-sizing: border-box;
+    font-size: 28px;
+    background: #fff;
+
+    &-border {
+      border-bottom: 1px solid #e6e7e8;
+    }
+
+    &-content {
+      .flex-row();
+      width: 100%;
+      padding-bottom: 24px;
+    }
+
+    &-time {
+      padding: 0 8px;
+      flex: 0 0 120px;
+      width: 120px;
+      flex-shrink: 0;
+    }
+
+    &-name {
+      text-align: right;
+      flex: 1;
+    }
+  }
+}