关注页
This commit is contained in:
13
src/static/userInfo/star_icon.svg
Normal file
13
src/static/userInfo/star_icon.svg
Normal file
@@ -0,0 +1,13 @@
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_4537_4723)">
|
||||
<path d="M4.99992 9.16671C6.1505 9.16671 7.19217 8.70033 7.94619 7.94631C8.70021 7.19229 9.16659 6.15062 9.16659 5.00004C9.16659 3.84946 8.70021 2.80779 7.94619 2.05376C7.19217 1.29974 6.1505 0.833374 4.99992 0.833374C3.84934 0.833374 2.80767 1.29974 2.05364 2.05376C1.29962 2.80779 0.833252 3.84946 0.833252 5.00004C0.833252 6.15062 1.29962 7.19229 2.05364 7.94631C2.80767 8.70033 3.84934 9.16671 4.99992 9.16671Z" stroke="#8C8C8C" stroke-width="0.833333" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00008 2.29163C5.28773 2.29163 5.52091 2.52481 5.52091 2.81246C5.52091 3.10011 5.28773 3.33329 5.00008 3.33329C4.71244 3.33329 4.47925 3.10011 4.47925 2.81246C4.47925 2.52481 4.71244 2.29163 5.00008 2.29163Z" fill="#8C8C8C"/>
|
||||
<path d="M5.10417 7.08329V4.16663H4.89583H4.6875" stroke="#8C8C8C" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.375 7.08337H5.83333" stroke="#8C8C8C" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_4537_4723">
|
||||
<rect width="10" height="10" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -218,6 +218,7 @@ const FollowPage: React.FC = () => {
|
||||
{/* 推荐图标 SVG */}
|
||||
<View className="icon_container">
|
||||
<View className="star_icon" />
|
||||
|
||||
</View>
|
||||
</View>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user