fix(back-top): fix cr

Tencent · Nov 8, 2022 · f894e63 · f894e63
1 parent 0029c6c
commit f894e63
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 30 deletions.
diff --git a/src/back-top/_example/index.jsx b/src/back-top/_example/index.jsx
@@ -22,21 +22,14 @@ export default function Base() {
 
   const rowCols = [
     {
-      height: '171px',
-      borderRadius: '16px',
+      width: '165.5px',
+      height: '165.5px',
+      borderRadius: '12px',
     },
     1,
     {
-      width: '80%',
+      width: '100px',
     },
-    [
-      {
-        width: '60%',
-      },
-      {
-        width: '20%',
-      },
-    ],
   ];
 
   return (
@@ -52,14 +45,10 @@ export default function Base() {
         <HalfRoundDemo visible={visible1} onClose={onClose1} />
       </TDemoBlock>
 
-      <div className="content">
-        {Array.from(Array(4), (item, index) => (
-          <div className="row" key={index}>
-            {Array.from(Array(2), (v, key) => (
-              <div className="item" key={key}>
-                <Skeleton theme="text" rowCol={rowCols} />
-              </div>
-            ))}
+      <div className="group">
+        {Array.from(Array(4), (item, key) => (
+          <div className="item" key={key}>
+            <Skeleton theme="text" rowCol={rowCols} />
           </div>
         ))}
       </div>

diff --git a/src/back-top/_example/style/index.less b/src/back-top/_example/style/index.less
@@ -16,17 +16,14 @@
     margin-bottom: 15px;
   }
 
-  .content {
-    box-sizing: border-box;
-    width: 100%;
-    padding: 16px;
-
-    .row {
-      display: flex;
-      justify-content: space-between;
-      .item {
-        width: 47%;
-      }
+  .group {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding: 0 16px 30px 16px;
+    .item {
+      width: 47%;
+      margin-bottom: 16px;
     }
   }
 }