Commit95a9247

committed

style(Footer): Subscribe ux improve

1 parent8da9cb0 commit95a9247Copy full SHA for 95a9247

File tree

+20

-6

lines changed

+20

-6

lines changed

Lines changed: 7 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,10 @@ import {`
`6`	`6`	`InnerWrapper,`
`7`	`7`	`SubscribeWrapper,`
`8`	`8`	`SubscribeInput,`
	`9`	`+SubscribeBtnWrapper,`
`9`	`10`	`SubscribeBtn,`
`10`	`11`	`SubscribeText,`
	`12`	`+SubscribeCancel,`
`11`	`13`	`}from'../styles/digest_view/contact_bar'`
`12`	`14`
`13`	`15`	`constContactBar=()=>{`
`@@ -16,9 +18,12 @@ const ContactBar = () => {`
`16`	`18`	`<InnerWrapper>`
`17`	`19`	`<SubscribeWrapper>`
`18`	`20`	`<SubscribeInput/>`
`19`		`-<SubscribeBtn>订阅</SubscribeBtn>`
	`21`	`+<SubscribeBtnWrapper>`
	`22`	`+<SubscribeBtn>订阅</SubscribeBtn>`
	`23`	`+</SubscribeBtnWrapper>`
`20`	`24`	`<SubscribeText>`
`21`		`- 订阅后会不定期推送社区开发及运营动态，欢迎订阅（可随时取消）。`
	`25`	`+ 订阅后会不定期推送社区开发及运营动态，欢迎订阅（可随时`
	`26`	`+<SubscribeCancel>取消</SubscribeCancel>）。`
`22`	`27`	`</SubscribeText>`
`23`	`28`	`</SubscribeWrapper>`
`24`	`29`	`<SocialList/>`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ import Modal from '@/components/Modal'`
`14`	`14`
`15`	`15`	`importBriefViewfrom'./BriefView'`
`16`	`16`	`importDigestViewfrom'./DigestView'`
`17`		`-importBussinessNotefrom'./BussinessNote'`
	`17`	`+importBusinessNotefrom'./BusinessNote'`
`18`	`18`
`19`	`19`	`import{Wrapper}from'./styles'`
`20`	`20`	`import{`
`@@ -43,7 +43,7 @@ const FooterContainer = ({ footer: store }) => {`
`43`	`43`	`return(`
`44`	`44`	`<Wrapperdata-testid="footer">`
`45`	`45`	`<Modalshow={showBusBanner}showCloseBtnonClose={toggleBusBanner}>`
`46`		`-<BussinessNote/>`
	`46`	`+<BusinessNote/>`
`47`	`47`	`</Modal>`
`48`	`48`
`49`	`49`	`<JoinModal/>`

Lines changed: 11 additions & 2 deletions

Original file line number	Diff line number	Diff line change
@@ -20,6 +20,9 @@ export const SubscribeWrapper = styled.div`
`20`	`20`	`${cs.flex('align-center')};`
`21`	`21`	`
`22`	`22`	exportconstSubscribeInput=styled(Input)``
	`23`	+exportconstSubscribeBtnWrapper=styled.div`
	`24`	`+ width: 88px;`
	`25`	+`
`23`	`26`	exportconstSubscribeBtn=styled(Button)`
`24`	`27`	`margin-left: 15px;`
`25`	`28`	`margin-right: 18px;`
@@ -38,7 +41,7 @@ export const SubscribeBtn = styled(Button)`
`38`	`41`	`
`39`	`42`	exportconstSubscribeText=styled.div`
`40`	`43`	`font-size: 12px;`
`41`		`- color:${theme('footer.hover')};`
	`44`	`+ color:${theme('thread.articleDigest')};`
`42`	`45`	`width: 200px;`
`43`	`46`	`line-height: 1.7;`
`44`	`47`	`opacity: 0;`
@@ -47,5 +50,11 @@ export const SubscribeText = styled.div`
`47`	`50`	`opacity: 1;`
`48`	`51`	`}`
`49`	`52`
`50`		`- transition: all 0.25s;`
	`53`	`+ transition: opacity 0.25s;`
	`54`	`+ transition-delay: 0.5s;`
	`55`	+`
	`56`	+exportconstSubscribeCancel=styled.span`
	`57`	`+ color:${theme('footer.hover')};`
	`58`	`+ padding: 0 2px;`
	`59`	`+ cursor: pointer;`
`51`	`60`	`

Comments

(0)