Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit8720c51

Browse files
committed
fix(support): add icon & img click issue
1 parentcf9f958 commit8720c51

File tree

3 files changed

+29
-8
lines changed

3 files changed

+29
-8
lines changed

‎src/components/Img/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const Img: FC<IProps> = ({
3838
noLazy=false,
3939
scrollPosition=null,
4040
visibleByDefault=false,
41-
onClick,
41+
onClick=log,
4242
})=>{
4343
if(/\.(svg)$/i.test(src)){
4444
// see solution in:
@@ -56,7 +56,7 @@ const Img: FC<IProps> = ({
5656
)
5757
}
5858
return(
59-
<Fragment>
59+
<divonClick={onClick}>
6060
{noLazy ?(
6161
<NormalImg
6262
className={className}
@@ -80,7 +80,7 @@ const Img: FC<IProps> = ({
8080
visibleByDefault={visibleByDefault}
8181
/>
8282
)}
83-
</Fragment>
83+
</div>
8484
)
8585
}
8686

‎src/components/SupportUs/Blocks.tsx‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,13 @@ import { ICON } from '@/config'
1010

1111
import{PAYMENT_USAGE}from'@/constant'
1212
import{checkout}from'@/utils/helper'
13+
14+
import{SpaceGrow}from'@/components/Common'
15+
1316
import{
1417
Wrapper,
1518
Block,
19+
Icon,
1620
Title,
1721
Divider,
1822
Desc,
@@ -46,13 +50,20 @@ const Blocks = () => {
4650
/>
4751

4852
<BlockonClick={()=>setShowChuan(true)}>
49-
<Title>远程撸串</Title>
53+
<Title>
54+
<Iconsrc={`${ICON}/menu/feed.svg`}/>
55+
远程撸串
56+
<SpaceGrow/>
57+
</Title>
58+
5059
<Divider/>
5160
<Desc>你的远程投喂将有助于开发团队在饱腹状态下工作， Cheers!</Desc>
5261
</Block>
5362
<Block>
5463
<Title>
64+
<Iconsrc={`${ICON}/menu/vip.svg`}/>
5565
成为会员
66+
<SpaceGrow/>
5667
<LinkIconsrc={`${ICON}/shape/link.svg`}/>
5768
</Title>
5869
<Divider/>
@@ -62,7 +73,9 @@ const Blocks = () => {
6273
</Block>
6374
<Block>
6475
<Title>
76+
<Iconsrc={`${ICON}/menu/sponsor.svg`}/>
6577
团队赞助
78+
<SpaceGrow/>
6679
<MailIconsrc={`${ICON}/subscribe/email-solid.svg`}/>
6780
</Title>
6881
<Divider/>
@@ -72,7 +85,9 @@ const Blocks = () => {
7285
</Block>
7386
<Block>
7487
<Title>
88+
<Iconsrc={`${ICON}/menu/volunteer.svg`}/>
7589
成为志愿者
90+
<SpaceGrow/>
7691
<LinkIconsrc={`${ICON}/shape/link.svg`}/>
7792
</Title>
7893
<Divider/>
@@ -82,7 +97,9 @@ const Blocks = () => {
8297
</Block>
8398
<Block>
8499
<Title>
100+
<Iconsrc={`${ICON}/social/github.svg`}/>
85101
参与开发
102+
<SpaceGrow/>
86103
<LinkIconsrc={`${ICON}/shape/link.svg`}/>
87104
</Title>
88105
<Divider/>

‎src/components/SupportUs/styles/blocks.ts‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,18 @@ export const Block = styled.div`
3030
3131
transition: all 0.1s;
3232
`
33+
exportconstIcon=styled(Img)`
34+
${css.size(16)};
35+
margin-right: 10px;
36+
fill:${theme('thread.articleDigest')};
37+
`
3338
exportconstTitle=styled.div`
34-
${css.flex('justify-between')}
39+
${css.flex('justify-between','align-center')}
3540
color:${theme('thread.articleTitle')};
3641
font-size: 18px;
3742
`
3843
exportconstLinkIcon=styled(Img)`
3944
${css.size(18)};
40-
margin-top: 5px;
4145
fill:${theme('button.primary')};
4246
opacity: 0;
4347
@@ -49,9 +53,9 @@ export const MailIcon = styled(LinkIcon)`
4953
${css.size(16)};
5054
`
5155
exportconstDivider=styled.div`
52-
width:50px;
56+
width:100%;
5357
height: 2px;
54-
background-color:${theme('thread.articleDigest')};
58+
background-color:#004b5d;
5559
margin-top: 10px;
5660
margin-bottom: 15px;
5761
opacity: 0.6;

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp