From c65627f041581ef77a15e29e847f91521b650983 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E7=88=B1=E5=90=83=E7=99=BD=E8=90=9D?=
 =?UTF-8?q?=E5=8D=9C?= <smith3816@gmail.com>
Date: Tue, 11 Jun 2024 16:59:23 +0800
Subject: [PATCH] docs: clean up useless demo style (#49349)

* chore: clean up demo

* test: update snapshot
---
 .../__tests__/__snapshots__/demo-extend.test.ts.snap |  2 +-
 .../affix/__tests__/__snapshots__/demo.test.tsx.snap |  2 +-
 components/affix/demo/target.md                      | 12 ------------
 components/affix/demo/target.tsx                     |  2 +-
 4 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/components/affix/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/affix/__tests__/__snapshots__/demo-extend.test.ts.snap
index 17efb642ed..79ece77892 100644
--- a/components/affix/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/affix/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -90,7 +90,7 @@ exports[`renders components/affix/demo/on-change.tsx extend context correctly 2`
 
 exports[`renders components/affix/demo/target.tsx extend context correctly 1`] = `
 <div
-  style="width: 100%; height: 100px; overflow: auto; border: 1px solid #40a9ff;"
+  style="width: 100%; height: 100px; overflow: auto; box-shadow: 0 0 0 1px #40a9ff;"
 >
   <div
     style="width: 100%; height: 1000px;"
diff --git a/components/affix/__tests__/__snapshots__/demo.test.tsx.snap b/components/affix/__tests__/__snapshots__/demo.test.tsx.snap
index 15a7847568..3067409047 100644
--- a/components/affix/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/affix/__tests__/__snapshots__/demo.test.tsx.snap
@@ -84,7 +84,7 @@ exports[`renders components/affix/demo/on-change.tsx correctly 1`] = `
 
 exports[`renders components/affix/demo/target.tsx correctly 1`] = `
 <div
-  style="width:100%;height:100px;overflow:auto;border:1px solid #40a9ff"
+  style="width:100%;height:100px;overflow:auto;box-shadow:0 0 0 1px #40a9ff"
 >
   <div
     style="width:100%;height:1000px"
diff --git a/components/affix/demo/target.md b/components/affix/demo/target.md
index a1bb1a983e..acc1b4d584 100644
--- a/components/affix/demo/target.md
+++ b/components/affix/demo/target.md
@@ -5,15 +5,3 @@
 ## en-US
 
 Set a `target` for 'Affix', which is listen to scroll event of target element (default is `window`).
-
-<style>
-#components-affix-demo-target .scrollable-container {
-  height: 100px;
-  overflow-y: scroll;
-}
-#components-affix-demo-target .background {
-  padding-top: 60px;
-  height: 300px;
-  background-image: url('https://zos.alipayobjects.com/rmsportal/RmjwQiJorKyobvI.jpg');
-}
-</style>
diff --git a/components/affix/demo/target.tsx b/components/affix/demo/target.tsx
index 290ec81a2d..730b734c07 100644
--- a/components/affix/demo/target.tsx
+++ b/components/affix/demo/target.tsx
@@ -5,7 +5,7 @@ const containerStyle: React.CSSProperties = {
   width: '100%',
   height: 100,
   overflow: 'auto',
-  border: '1px solid #40a9ff',
+  boxShadow: '0 0 0 1px #40a9ff',
 };
 
 const style: React.CSSProperties = {