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.

Commit3f9f3dd

Browse files
committed
style(Footer): add contract bottom
1 parent87be2b7 commit3f9f3dd

File tree

5 files changed

+96
-11
lines changed

5 files changed

+96
-11
lines changed
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
importReactfrom'react'
2+
3+
import{Button}from'@/components/Buttons'
4+
importSocialListfrom'../SocialList'
5+
import{
6+
Wrapper,
7+
InnerWrapper,
8+
SubscribeWrapper,
9+
SubscribeInput,
10+
SubscribeBtn,
11+
SubscribeText,
12+
}from'../styles/digest_view/contact_bar'
13+
14+
constContactBar=()=>{
15+
return(
16+
<Wrapper>
17+
<InnerWrapper>
18+
<SubscribeWrapper>
19+
<SubscribeInput/>
20+
<SubscribeBtn>
21+
<Button>订阅</Button>
22+
</SubscribeBtn>
23+
<SubscribeText>
24+
订阅后会不定期发送社区动态，包括开发，内容等等
25+
</SubscribeText>
26+
</SubscribeWrapper>
27+
<SocialList/>
28+
</InnerWrapper>
29+
</Wrapper>
30+
)
31+
}
32+
33+
exportdefaultReact.memo(ContactBar)

‎src/containers/Footer/DigestView.js‎renamed to ‎src/containers/Footer/DigestView/index.js‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,31 @@ import React from 'react'
22

33
import{GITHUB,API_SERVER_ADDR,ISSUE_ADDR,BUILD_VERSION}from'@/config'
44

5-
importSocialListfrom'./SocialList'
6-
importBottomInfofrom'./BottomInfo'
7-
importMobilBottomInfofrom'./MobilBottomInfo'
5+
importBottomInfofrom'../BottomInfo'
6+
importMobilBottomInfofrom'../MobilBottomInfo'
7+
8+
importContactBarfrom'./ContactBar'
89

910
import{
1011
Wrapper,
1112
InnerWrapper,
1213
MainInfos,
1314
MainColumn,
1415
SiteInfo,
16+
SiteTitle,
1517
SiteDesc,
1618
SiteLogo,
1719
Column,
1820
Title,
1921
Body,
2022
Item,
21-
}from'./styles/digest_view'
23+
}from'../styles/digest_view'
2224

2325
import{
2426
toggleSponsorHelper,
2527
toggleBusBanner,
2628
toggleSeniorHelper,
27-
}from'./logic'
29+
}from'../logic'
2830

2931
constDigestView=()=>(
3032
<Wrapper>
@@ -35,14 +37,14 @@ const DigestView = () => (
3537
<SiteLogo/>
3638
</SiteInfo>
3739
<div>
40+
<SiteTitle>coderplaents</SiteTitle>
3841
<SiteDesc
3942
href="https://github.com/groupher"
4043
rel="noopener noreferrer"
4144
target="_blank"
4245
>
4346
Power By @Groupher 2020
4447
</SiteDesc>
45-
<SocialList/>
4648
</div>
4749
</MainColumn>
4850
<Column>
@@ -128,6 +130,7 @@ const DigestView = () => (
128130
</Column>
129131
</MainInfos>
130132
</InnerWrapper>
133+
<ContactBar/>
131134
<BottomInfo/>
132135
<MobilBottomInfo/>
133136
</Wrapper>

‎src/containers/Footer/styles/bottom_info.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export const InnerWrapper = styled.div`
1717
width: 100%;
1818
max-width:${cs.MAX_CONTENT_WIDTH};
1919
padding: 0 5vw;
20-
padding-right:100px;
20+
padding-right:80px;
2121
`
2222
exportconstCopyrights=styled.div`
2323
margin-left: 10px;
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
importstyledfrom'styled-components'
2+
3+
importInputfrom'@/components/Input'
4+
5+
import{theme,cs}from'@/utils'
6+
7+
exportconstWrapper=styled.footer`
8+
${cs.flexColumn('align-center')};
9+
width: 100%;
10+
`
11+
exportconstInnerWrapper=styled.div`
12+
${cs.flex('align-center','justify-between')};
13+
width: 100%;
14+
max-width:${cs.MAX_CONTENT_WIDTH};
15+
padding: 0 6vw;
16+
height: 68px;
17+
`
18+
exportconstSubscribeWrapper=styled.div`
19+
${cs.flex('align-center')};
20+
`
21+
exportconstSubscribeInput=styled(Input)``
22+
exportconstSubscribeBtn=styled.div`
23+
margin-left: 15px;
24+
margin-right: 18px;
25+
`
26+
exportconstSubscribeText=styled.div`
27+
font-size: 11px;
28+
color:${theme('footer.text')};
29+
width: 140px;
30+
line-height: 1.9;
31+
opacity: 0;
32+
33+
${SubscribeWrapper}:hover & {
34+
opacity: 1;
35+
}
36+
37+
transition: all 0.25s;
38+
`

‎src/containers/Footer/styles/digest_view.js‎renamed to ‎src/containers/Footer/styles/digest_view/index.js‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,15 @@ export const InnerWrapper = styled.div`
1111
width: 100%;
1212
max-width:${cs.MAX_CONTENT_WIDTH};
1313
padding: 50px 6vw;
14-
padding-bottom: 25px;
14+
padding-bottom: 0;
15+
border-bottom: 1px solid;
16+
border-bottom-color: #02394a;
1517
`
1618
exportconstMainInfos=styled.div`
1719
${cs.flex('justify-start')};
1820
margin-bottom: 20px;
1921
margin-top: 20px;
2022
margin-bottom: 30px;
21-
2223
opacity: 0.9;
2324
2425
&:hover {
@@ -42,14 +43,24 @@ export const SiteInfo = styled.div`
4243
${cs.flex()};
4344
align-items: end;
4445
margin-bottom: 10px;
46+
margin-top: 5px;
47+
`
48+
exportconstSiteTitle=styled.div`
49+
margin-bottom: 5px;
50+
color:${theme('footer.text')};
51+
display: block;
52+
text-decoration: none;
53+
54+
font-size: 14px;
55+
margin-bottom: 5px;
4556
`
4657
exportconstSiteDesc=styled.a`
4758
margin-bottom: 5px;
4859
color:${theme('footer.text')};
4960
display: block;
5061
text-decoration: none;
5162
52-
font-size:0.8rem;
63+
font-size:13px;
5364
margin-bottom: 5px;
5465
5566
&:hover {
@@ -76,13 +87,13 @@ export const Body = styled.div`
7687
${cs.flexColumn('justify-start')};
7788
color:${theme('footer.text')};
7889
`
79-
8090
exportconstItem=styled.a`
8191
color:${theme('footer.text')};
8292
8393
font-size: 0.8rem;
8494
margin-bottom: 8px;
8595
margin-top:${({ offsetTop})=>offsetTop||'0'};
96+
text-decoration: none;
8697
8798
&:hover {
8899
color:${theme('footer.hover')};

0 commit comments

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