diff --git a/src/static/userInfo/star_icon.svg b/src/static/userInfo/star_icon.svg new file mode 100644 index 0000000..42196b4 --- /dev/null +++ b/src/static/userInfo/star_icon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/user_pages/follow/index.scss b/src/user_pages/follow/index.scss index aec5031..146ee60 100644 --- a/src/user_pages/follow/index.scss +++ b/src/user_pages/follow/index.scss @@ -60,18 +60,17 @@ display: flex; justify-content: space-between; align-items: center; - padding: 0 30px; + padding: 0 80px; background: #ffffff; height: 44px; overflow-x: auto; margin-top: 110px; - .tab_item { display: flex; align-items: center; - gap: 4px; + gap: 4.8px; padding: 8px 4px; position: relative; flex-shrink: 0; @@ -111,7 +110,7 @@ left: 0; width: 100%; height: 100%; - background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.83L6.09 3.09L8.75 3.09L6.58 4.91L7.25 7.17L5 5.83L2.75 7.17L3.42 4.91L1.25 3.09L3.91 3.09L5 0.83Z' stroke='%238C8C8C' stroke-width='0.83' fill='%238C8C8C'/%3E%3C/svg%3E") no-repeat center; + background: url("../../static/userInfo/star_icon.svg") no-repeat center; background-size: contain; } } diff --git a/src/user_pages/follow/index.tsx b/src/user_pages/follow/index.tsx index 055c507..e02dd41 100644 --- a/src/user_pages/follow/index.tsx +++ b/src/user_pages/follow/index.tsx @@ -218,6 +218,7 @@ const FollowPage: React.FC = () => { {/* 推荐图标 SVG */} + )}