iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 17
0

在了解 React 的原理後,要開始設計網站結構。
從我們的 mockup 來看,主要有二個頁面,一個是相簿,一個是照片瀏覽。於是我們將結構設計成下面這樣:

<App>
	<AppBar/>
	<Breadcrumb/>
	<Title/>
	<Actions>
		<Share/>
		<Download/>
	</Actions>
	<Content>
		<Albums>
			<Subtitle/>
			<ItemList>
				<Item/>
			</ItemList>
		</Albums>
		<Photos>
			<Subtitle/>
			<ItemList>
				<Item/>
			</ItemList>
		</Photos>
	</Content>
	<Footer/>
	<Share/>
	<Download/>
	<Lightbox>
		<Toolbar/>
		<Slides>
			<Slide>
		</Slides>
	</Lightbox>
</App>

上一篇
Props & States
下一篇
建立網站佈局
系列文
如何在前端開發流程中加入使用者經驗設計 - 以線上相簿為例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言