Commit09a339a

committed

refactor(meetups): card style wip

1 parentcacb73d commit09a339aCopy full SHA for 09a339a

File tree

+48

-6

lines changed

+48

-6

lines changed

Lines changed: 9 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`importReactfrom'react'`
`2`	`2`
`3`		`-import{ICON_CMD}from'@/config'`
	`3`	`+import{ICON_CMD,ASSETS_ENDPOINT}from'@/config'`
`4`	`4`	`importDotDividerfrom'@/components/DotDivider'`
`5`	`5`
`6`	`6`	`importDatefrom'./Date'`
`@@ -10,7 +10,9 @@ import {`
`10`	`10`	`ContentsWrapper,`
`11`	`11`	`Label,`
`12`	`12`	`Title,`
	`13`	`+Body,`
`13`	`14`	`Desc,`
	`15`	`+PreviewImg,`
`14`	`16`	`BodyWrapper,`
`15`	`17`	`LocationWrapper,`
`16`	`18`	`Company,`
`@@ -24,9 +26,12 @@ const Card = ({ item }) => {`
`24`	`26`	`<ContentsWrapper>`
`25`	`27`	`<Label>前端</Label>`
`26`	`28`	`<Title>Groupher 从构想到实现</Title>`
`27`		`-<Desc>`
`28`		`- GNU计划有多反资本家呢？他们甚至，此协议规定不得阻止用户再分发。`
`29`		`-</Desc>`
	`29`	`+<Body>`
	`30`	`+<Desc>`
	`31`	`+ GNU计划有多反资本家呢？他们甚至，此协议规定不得阻止用户再分发。`
	`32`	`+</Desc>`
	`33`	+<PreviewImgsrc={`${ASSETS_ENDPOINT}/works/market1.jpeg`}/>
	`34`	`+</Body>`
`30`	`35`	`<BodyWrapper>`
`31`	`36`	`<Company>{item.company}</Company>`
`32`	`37`	`<DotDividerradius="3px"space="7px"/>`

Lines changed: 20 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,17 @@ import { useInit } from './logic'`
`24`	`24`	`/* eslint-disable-next-line */`
`25`	`25`	`constlog=buildLog('C:CoolGuideContent')`
`26`	`26`
	`27`	`+// const GALLERY_TYPES = [`
	`28`	`+// {`
	`29`	`+// icon: GALLERY.MAIN_COLUMN,`
	`30`	`+// key: '0',`
	`31`	`+// },`
	`32`	`+// {`
	`33`	`+// icon: GALLERY.MASONRY_COLUMN,`
	`34`	`+// key: '1',`
	`35`	`+// },`
	`36`	`+// ]`
	`37`	`+`
`27`	`38`	`constMeetupsContentContainer=({meetupsContent:store})=>{`
`28`	`39`	`useInit(store)`
`29`	`40`
`@@ -39,7 +50,15 @@ const MeetupsContentContainer = ({ meetupsContent: store }) => {`
`39`	`50`	`// <ActivityCard key={item.id} item={item} />`
`40`	`51`	`))}`
`41`	`52`	`</CardsWrapper>`
`42`		`-<Pagimargin={{top:'40px',bottom:'60px'}}/>`
	`53`	`+`
	`54`	`+<Pagimargin={{top:'60px',bottom:'80px'}}>`
	`55`	`+{/* <PagiOptionSwitcher`
	`56`	`+ activeKey={activeGalleryType}`
	`57`	`+ title="显示模式"`
	`58`	`+ items={GALLERY_TYPES}`
	`59`	`+ onChange={item => console.log(item.key)}`
	`60`	`+ /> */}`
	`61`	`+</Pagi>`
`43`	`62`	`</ContentWrapper>`
`44`	`63`	`</InnerWrapper>`
`45`	`64`	`</Wrapper>`

Lines changed: 16 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -10,6 +10,10 @@ export const Wrapper = styled.div`
`10`	`10`	`padding: 20px 5px;`
`11`	`11`	`border-bottom: 1px solid #054353;`
`12`	`12`	`color:${theme('thread.articleDigest')};`
	`13`	`+ &:hover {`
	`14`	`+ background: #04303c;`
	`15`	`+ }`
	`16`	`+ transition: all 0.25s;`
`13`	`17`	`
`14`	`18`	exportconstContentsWrapper=styled.div`
`15`	`19`	`${cs.flexColumn()};`
@@ -24,12 +28,24 @@ export const Title = styled.div`
`24`	`28`	`color:${theme('thread.articleTitle')};`
`25`	`29`	`font-size: 16px;`
`26`	`30`	`margin-bottom: 10px;`
	`31`	`+ cursor: pointer;`
	`32`	+`
	`33`	+exportconstBody=styled.div`
	`34`	`+${cs.flex()};`
`27`	`35`	`
`28`	`36`	exportconstDesc=styled.div`
`29`	`37`	`font-size: 13px;`
`30`	`38`	`color:${theme('thread.articleDigest')};`
`31`	`39`	`opacity: 0.8;`
`32`	`40`	`margin-bottom: 18px;`
	`41`	`+ cursor: pointer;`
	`42`	+`
	`43`	+exportconstPreviewImg=styled(Img)`
	`44`	`+ width: 80px;`
	`45`	`+ height: 50px;`
	`46`	`+ border-radius: 4px;`
	`47`	`+ display: block;`
	`48`	`+ margin-left: 10px;`
`33`	`49`	`
`34`	`50`	exportconstBodyWrapper=styled.div`
`35`	`51`	`${cs.flex('align-center')}`

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -12,6 +12,9 @@ export const Wrapper = styled.div`
`12`	`12`	`padding-left: 3px;`
`13`	`13`	`background:${({ active})=>(active ?'#003b4c' :'#04303c')};`
`14`	`14`	`border-top-color:${({ active})=>(active ?'#3680AD' :'#004354')};`
	`15`	`+ @media (max-width: 1400px) {`
	`16`	`+ width:${({ isLeapMonth})=>(isLeapMonth ?'52px' :'56px')};`
	`17`	`+ }`
`15`	`18`	`@media (max-width: 1255px) {`
`16`	`19`	`width: 50px;`
`17`	`20`	`}`

Lines changed: 0 additions & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -7,7 +7,6 @@ export const Wrapper = styled.div`
`7`	`7`	`${cs.flex()};`
`8`	`8`	`margin-left: 8px;`
`9`	`9`	`
`10`		`-`
`11`	`10`	exportconstCellsWrapper=styled.div`
`12`	`11`	`${cs.flexColumn('align-center')};`
`13`	`12`	`color:${theme('thread.articleDigest')};`

Comments

(0)