基本上 每个网页的开头 都有个App Bar 用来登入登出 提示 搜索等等
以IT帮而言 虽然没有置於最顶 是在广告之後的第二列
但也是相对重要的元件
从
Day 6
开始 加上 App Bar
先来解析 App Bar 元件
<AppBar position="static">
<Toolbar>
<IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
<MenuIcon />
</IconButton>
<Typography variant="h6" className={classes.title}>
Photos
</Typography>
{auth && (
<div>
<IconButton
aria-label="account of current user"
aria-controls="menu-appbar"
aria-haspopup="true"
onClick={handleMenu}
color="inherit"
>
<AccountCircle />
</IconButton>
<Menu
id="menu-appbar"
anchorEl={anchorEl}
anchorOrigin={{
vertical: 'top',
horizontal: 'right',
}}
keepMounted
transformOrigin={{
vertical: 'top',
horizontal: 'right',
}}
open={open}
onClose={handleClose}
>
<MenuItem onClick={handleClose}>Profile</MenuItem>
<MenuItem onClick={handleClose}>My account</MenuItem>
</Menu>
</div>
)}
</Toolbar>
</AppBar>
主要 position 这个属性 来定义bar的位置
其他都是一些附属元件
可参照想要使用的元件塞入
这样简易的 APP Bar就做完了
Day 7
>>: [day4] 安全签章 - 产生订单 & 签章(Sign)
一. 任务类型 RNN可以根据任务类型不同分成一对一、一对多、多对一等模型,如下图(来源): 一对一...
JavaScript (function) 函式 说明 : 用来将会重复使用的程序码封装在一起,方便...
硬体选择 -- Part 3 简介 今天就要来完成硬体挑选的部分啦~~~~ 感觉这一个 Part 的...
预设版型? 前⾯提到说预设的版型是 app/views/layouts/application.ht...
Day 24 - 设定开发帐号 HBuilder X - DCloud 注册 HBuilder X ...