feat(swipe): 等比适配

irisSong · irisSong · commit 45c91f2c35f2 · 2026-05-11T11:15:16.000+08:00
diff --git a/src/packages/swipe/demos/h5/demo1.tsx b/src/packages/swipe/demos/h5/demo1.tsx
@@ -9,7 +9,7 @@ const App = () => {
           <Button
             type="primary"
             shape="square"
-            style={{ alignSelf: 'stretch', height: 46 }}
+            style={{ alignSelf: 'stretch', height: '100%' }}
           >
             删除
           </Button>
diff --git a/src/packages/swipe/demos/h5/demo3.tsx b/src/packages/swipe/demos/h5/demo3.tsx
@@ -12,7 +12,7 @@ const App = () => {
             <Button
               type="primary"
               shape="square"
-              style={{ alignSelf: 'stretch', height: 46 }}
+              style={{ alignSelf: 'stretch', height: '100%' }}
             >
               删除
             </Button>
diff --git a/src/packages/swipe/demos/h5/demo4.tsx b/src/packages/swipe/demos/h5/demo4.tsx
@@ -11,7 +11,7 @@ const App = () => {
           <Button
             shape="square"
             type="danger"
-            style={{ alignSelf: 'stretch', height: 46 }}
+            style={{ alignSelf: 'stretch', height: '100%' }}
           >
             删除
           </Button>
diff --git a/src/packages/swipe/demos/h5/demo5.tsx b/src/packages/swipe/demos/h5/demo5.tsx
@@ -11,7 +11,7 @@ const App = () => {
           <Button
             shape="square"
             type="danger"
-            style={{ alignSelf: 'stretch', height: 46 }}
+            style={{ alignSelf: 'stretch', height: '100%' }}
           >
             删除
           </Button>
diff --git a/src/packages/swipe/demos/h5/demo6.tsx b/src/packages/swipe/demos/h5/demo6.tsx
@@ -9,7 +9,7 @@ const App = () => {
           <Button
             shape="square"
             type="danger"
-            style={{ alignSelf: 'stretch', height: 46 }}
+            style={{ alignSelf: 'stretch', height: '100%' }}
           >
             删除
           </Button>
diff --git a/src/packages/swipe/demos/h5/demo7.tsx b/src/packages/swipe/demos/h5/demo7.tsx
@@ -14,7 +14,7 @@ const App = () => {
             type="success"
             style={{
               alignSelf: 'stretch',
-              height: 46,
+              height: '100%',
             }}
           >
             选择
@@ -25,14 +25,14 @@ const App = () => {
             <Button
               shape="square"
               type="danger"
-              style={{ alignSelf: 'stretch', height: 46 }}
+              style={{ alignSelf: 'stretch', height: '100%' }}
             >
               删除
             </Button>
             <Button
               shape="square"
               type="info"
-              style={{ alignSelf: 'stretch', height: 46 }}
+              style={{ alignSelf: 'stretch', height: '100%' }}
             >
               收藏
             </Button>
diff --git a/src/packages/swipe/demos/h5/demo8.tsx b/src/packages/swipe/demos/h5/demo8.tsx
@@ -19,7 +19,7 @@ const App = () => {
           <Button
             shape="square"
             type="success"
-            style={{ alignSelf: 'stretch', height: 46 }}
+            style={{ alignSelf: 'stretch', height: '100%' }}
           >
             选择
           </Button>
@@ -29,7 +29,7 @@ const App = () => {
             <Button
               shape="square"
               type="danger"
-              style={{ alignSelf: 'stretch', height: 46 }}
+              style={{ alignSelf: 'stretch', height: '100%' }}
             >
               删除
             </Button>
diff --git a/src/packages/swipe/demos/h5/demo9.tsx b/src/packages/swipe/demos/h5/demo9.tsx
@@ -10,7 +10,7 @@ const App = () => {
             <Button
               shape="square"
               type="danger"
-              style={{ alignSelf: 'stretch', height: 46 }}
+              style={{ alignSelf: 'stretch', height: '100%' }}
             >
               加入购物车
             </Button>
diff --git a/src/packages/swipe/swipe.scss b/src/packages/swipe/swipe.scss
@@ -31,7 +31,9 @@
   }
 
   &-right {
+    display: flex;
     //left: 100%;
+    height: 100%;
     right: 0px;
     transform: translate(100%, 0px);
   }

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ const App = () => {`
`9`	`9`	`<Button`
`10`	`10`	`type="primary"`
`11`	`11`	`shape="square"`
`12`		`- style={{ alignSelf: 'stretch', height: 46 }}`
	`12`	`+ style={{ alignSelf: 'stretch', height: '100%' }}`
`13`	`13`	`>`
`14`	`14`	`删除`
`15`	`15`	`</Button>`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const App = () => {`
`12`	`12`	`<Button`
`13`	`13`	`type="primary"`
`14`	`14`	`shape="square"`
`15`		`- style={{ alignSelf: 'stretch', height: 46 }}`
	`15`	`+ style={{ alignSelf: 'stretch', height: '100%' }}`
`16`	`16`	`>`
`17`	`17`	`删除`
`18`	`18`	`</Button>`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ const App = () => {`
`11`	`11`	`<Button`
`12`	`12`	`shape="square"`
`13`	`13`	`type="danger"`
`14`		`- style={{ alignSelf: 'stretch', height: 46 }}`
	`14`	`+ style={{ alignSelf: 'stretch', height: '100%' }}`
`15`	`15`	`>`
`16`	`16`	`删除`
`17`	`17`	`</Button>`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ const App = () => {`
`10`	`10`	`<Button`
`11`	`11`	`shape="square"`
`12`	`12`	`type="danger"`
`13`		`- style={{ alignSelf: 'stretch', height: 46 }}`
	`13`	`+ style={{ alignSelf: 'stretch', height: '100%' }}`
`14`	`14`	`>`
`15`	`15`	`加入购物车`
`16`	`16`	`</Button>`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,9 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`&-right {`
	`34`	`+ display: flex;`
`34`	`35`	`//left: 100%;`
	`36`	`+ height: 100%;`
`35`	`37`	`right: 0px;`
`36`	`38`	`transform: translate(100%, 0px);`
`37`	`39`	`}`