首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Mirages主题帮助文档

内容部分按需发挥 发布页面 建议了解内容 侧边导航条菜单项 侧边导航条菜单项为你「独立页面」,可以管理 -> 独立页面进行隐藏、排序等操作。...插件下载地址 备用下载地址 侧边菜单怎么配置? 侧边菜单内容来源于你独立页面,新增或删除独立页面后,侧边菜单会相应更改侧边菜单如何排序?...侧边菜单内容来源于你独立页面,所以你可以 管理 -> 独立页面 对独立页面进行隐藏、排序等操作,侧边菜单会相应更改侧边头像怎么修改?...主题提供两种导航样式,可以通过主题外观设置:导航 -> 导航样式 处自由切换。 需要注意是:顶部导航会在较小屏幕下(屏幕横向宽度小于 768) 回退到 侧边模式。...独立页面 侧边内容 侧边菜单项为你「独立页面」,可以 管理 -> 独立页面 进行隐藏、排序等操作。

9.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

如何使用Flexbox和CSS Grid,实现高效布局

下面是需要创建内容: 要完成这个基本布局, Flexbox 需要完成主要任务包括以下方面: 创建完整宽度 header 和 footer 将侧边放置内容区域左侧 确保侧边和主内容区域大小合适...导航中,使用 align-items: baseline; 能够实现所有导航项目与文本基线对齐,这样也使得导航看起来更加统一。...接下来,将侧边和主内容区域使用一个 wrapper 包含起来。...主内容区域应该是侧边大小三倍,使用 Flexbox 很容易实现这点。...此处声明 grid-template-columns,是为了确保页面的整体结构。这里 grid-template-column 已将侧边和主内容区域大小设置为 1fr 和 3fr。

3.4K10

电脑键盘快捷键和组合键功能使用大全

+C 功能:复制当前选中内容 Ctrl+D 功能:打开“添加收藏”面版(把当前页面添加到收藏夹中) Ctrl+E 功能:打开或关闭“搜索”侧边(各种搜索引擎可选) Ctrl+F 功能:打开“查找”面版...Ctrl+G 功能:打开或关闭“简易收集”面板 Ctrl+H 功能:打开“历史”侧边 Ctrl+I 功能:打开“收藏夹”侧边/另:将所有垂直平铺或水平平铺或层叠窗口恢复 Ctrl+K 功能:关闭除当前和锁定标签外所有标签...+Tab 功能:以小菜单方式向下切换标签(窗口) Ctrl+拖曳 功能:保存该链接地址或已选中文本或指定图片到一个文件夹中(保存目录可更改,Maxthon选项→保存) Ctrl+小键盘’+’ 功能...(窗口) Ctrl+Shift+F6 功能:按页面打开先后时间顺序向后切换标签(窗口) Ctrl+Shift+Tab 功能:以小菜单方式向上切换标签(窗口) Alt+1 功能:保存当前表单 Alt+2...Ctrl+L 对输入框里当前行文字左对齐 Ctrl+R 对输入框里当前行文字右对齐 Ctrl+E 对输入框里当前行文字居中 Ctrl+V qq对话框里实行粘贴 Ctrl+Z 清空/恢复输入框里文字

6.2K10

『React Navigation 3x系列教程』createDrawerNavigator开发指南

’,默认是’left’; contentComponent: 用于呈现抽屉导航内容组件,例如导航项。...自定义侧边(contentComponent) DrawerNavigator有个默认带滚动侧边,你也可以通过重写这个侧边组件来自定义侧边: contentComponent:(props)...侧边操作(打开、关闭、切换) 侧边支持以下几种操作方式: navigation.openDrawer(); navigation.closeDrawer(); navigation.toggleDrawer...其中路由名openDrawer对应这打开侧边操作,DrawerClose对应关闭侧边操作,toggleDrawer对应切换侧边操作,要进行这些操作我么还需要一个navigation,navigation...可以从props中获取; 打开侧边:navigation.openDrawer();; 关闭侧边:navigation.closeDrawer();; 切换侧边:navigation.toggleDrawer

7K10

Axure实战06:创建一个AppleSymbol图标库网站

基础样式-侧边导航 我们先分析下AppleSymbol图标库网站结构,它由一个侧边导航内容展示区组成,当我们点击侧边导航菜单,右侧内容区域将展示不同内容。...为了让侧边导航放在左边,我们需要固定侧边导航动态面板。 我们样式工具中设置“固定到浏览器”,设置水平固定为“左侧”,垂直固定为“顶部”。 接下来完成里面的内容。...交互动作-侧边导航 为了实现单选效果,我们需要选中一个侧边导航菜单,选中单个。 这里引用“选项组”概念,选项组中,交互唯一。...示例:当我们点击侧边导航导航菜单”内容区域“内联框架”应该展示“导航菜单”页面。...我们双击侧边导航进入内页,选中“导航菜单”,“交互”工具中,“单击”下点击“添加动作”,选择“框架中打开链接”,选择目标为“内联框架”,选择链接到“导航菜单”页面

2.6K20

TAB导航侧边抽屉导航巅峰对决

而后,友好而乐于提供指导Google Play团队建议侧边抽屉式导航(navigation drawers)作为一种新导航方式用于安卓应用。 所以6个月后,我们决定冒险尝试改为侧边导航。...对于侧边使用效果测试,我们采用了15/85方法,即针对15%用户投放了侧边方案,85%用户保持Tab导航方式。...我们通过A/B test决定侧边不适合我们产品时候,facebook也发布了应用新版本,还是采用了固定底部tab导航。所以,iPhone上他们最终还是选择了保守导航方式。...而在安卓上,他们又是怎么处理呢。安卓设备上显示是下图左一方案(通过二级tab切换不同页面),我同事手机上显示是右一方案,通过(侧导航切换不同页面)。...我建议是,如果应用主要功能和内容都在一个页面里面。只是一些用户设置和选项需要显示在其他页面里。处于让主页面看上去干净美观目的可以把这些辅助功能放在侧边里。

2.7K70

最新iOS设计规范四|3大界面要素:视图(Views)

(Bars) ,可以告诉用户APP中当前在所在位置、能提供导航,还可能包含用于触发操作和传递信息按钮或其他元素。包括6种:导航、搜索侧边、状态、标签、工具。...如果系统必须执行缩放,那么所有图像具有相同大小和形状,最容易实现。 六、页面视图(Pages) 页面视图控制器提供了一种在内容页面之间实现线性导航方式,例如在文档、书籍、记事本或日历中。...同时滚动视图也可以被设置为页面模式,此时滚动视图便可以以页面翻转形式进行新旧页面切换。 ? 恰当支持缩放交互行为。确保有意义前提下,支持用户通过缩放或双击进行缩放。...在这种类型界面中,主要列显示侧边,可选补充列显示列表视图,辅助内容窗格显示有关所选内容详细信息。 iPad上,使用拆分视图而不是标签。...虽然你可以使用各种类型字体、颜色以及对齐方式,但必须保持内容可读性。采用动态类型文本是个好办法,这样如果用户设备上更改文字大小,你文本内容仍然会有友好体验。

8.4K31

Dash应用页面整体布局技巧

内容布局 下面的例子中展示了最基础页面布局方案,由页首及其下方内容区域构成: 其中页首左侧部分我们可以用来放置应用logo图片、应用名称等信息,右侧部分则可以放置一级导航菜单内容,为了快捷实现其中各元素垂直居中...示例2:粘性页首+内容布局 在前面的示例1中,若页面内容区域较长,页首部分会随着用户滚动页面而被滚上去,如果我们希望应用中页首部分一直紧贴页面顶端,就像下面的示例2所示: 最简单方式就是在前面示例...示例3:固定侧边菜单+粘性页首+内容布局 在前面的两个例子中,我们页面中充当导航作用只有位于页首右侧一级导航菜单,如果我们应用功能进一步复杂起来,需要在当前一级菜单对应页面下再设立二级导航菜单...,经典方式是像下面的例子那样,原本内容区中分出一部分宽度放置侧边菜单: 且为了更现代化交互效果,新加入侧边菜单是处于固定状态,与内容区域相互独立: 要实现这样经典页面布局效果,我们只需要在前面示例...2基础上,将下方内容区域改造成基于fac网格系统新布局即可: 其中涉及到固定侧边菜单部分,重点在于为菜单容器基于calc()动态计算高度值,即扣除页首高度之后剩余部分,并通过overflowY

40020

Material Design — 底部导航(Bottom Navigation)

点击底部导航图标可以:1、直接将你带到相关页面;2、刷新当前页面。 底部导航主要用于移动端,为了pc端实现类似效果,可以使用侧边导航。...规格 每个部分宽度:底部导航宽度除以一级页面数量(最大值为168dp,最小为80dp) 高度:56dp 图标:24×24dp ---- 用法 底部导航提供了一个一级页面之间快速导航方式,主要用户移动端...更大显示器,如pc端,可以通过使用侧边导航实现类似的效果。例如,紧凑“rail”处理处理方式默认展示导航图标。 ? 左:移动端    右:pc端 什么时候用?...滚动 底部导航滚动可以动态地出现和消失: ·向下滚动隐藏底部导航 ·向上滚动显示 手势 在内容区域上使用左右滑动手势不会在一级页面之间切换。...点击icon进行切换也该避免横向切换页面之间转换(如左右推进)。

4K90

最新iOS设计规范三|3大界面要素:(Bars)

一、导航(Navigation Bars) 导航出现在页面的顶部,位于状态下方,可以给一系列层级页面进行导航。当点击进入新页面,其导航左侧会出现一个返回按钮,并带有前一页面的标题。...搜索可以单独显示,也可以显示导航内容视图中。当显示导航,可以将搜索固定在导航中,以便始终可以调用。也可以将其折叠,当用户向上滑动展开显示。...三、侧边(Sidbars) 侧边iPhone上使用较少,更多用在iPad。它提供了应用程序导航侧边中选择一项可以使人们导航到特定内容。例如,“邮件”中显示所有邮箱列表。...由于侧边为您应用程序提供导航,因此可以使用它来提供快捷方式,使用户可以快速访问他们关心内容。最好由用户决定哪些项目最重要。 不要阻止用户隐藏侧边。...但需要考虑给文本标题按钮足够空间。 ? 避免工具中使用分段控件。分段控件允许用户切换上下文,而工具只对当前页面提供操作。如果你需要切换页面,请考虑使用标签

9.8K10

Joe主题再续前缘版 - 本站同款

ID 右下角三个浮悬按钮背景颜色优化为60%透明白色 页面头部导航优化为85%毛玻璃效果透明 新增文章底部可自定义提示信息 新增首页轮播图可设置打开窗口方式 1.07 新增可设置首页大屏图片 新增可一键开启网站全局灰色模式...优化注册和找回密码邮箱发送错误提示机制 新增如果主题没有配置邮箱那么用户注册则无需验证码 1.12 优化打开文章导读目录后背景层模糊效果 优化移动端侧边功能模块背景为85%白色透明效果...可配合壁纸高度功能使用全屏壁纸 新增可开启或关闭PC端导航背景毛玻璃效果(毛玻璃效果启动后部分PC端浏览页面可能会产生卡顿) 修复网站https协议情况主题设置处检测更新失败BUG 新增文章页可开启顶部大图背景使用文章缩略图...为标题留出更多空间并将标题优化为剧中对齐显示 优化黑夜模式下渐变背景颜色 修复文章摘要显示编辑器代码如:{lamp /} 等 Markdown 语法 1.14 修复统计页面查询文章归档SQL版本大于或等于...8时候报错 屏幕浏览进度条位置优化到导航下方 优化检测百度是否收录文章算法 1.15 新增更加灵动经典表情包 文章页面评论模块PC端选择表情鼠标悬停显示表情说明 新增主题编辑器自带展示所有标签列表并可点击填入标签功能

2.9K20

WordPress免费主题:Document,让阅读变得更加方便

选项 首页和文章页从统一侧边,拆分成两个侧边,可在小工具页面进行设置 新增最新评论小工具 文章内容标题样式优化 新增Cravatar镜像服务器(wordpress头像) 修改一堆小BUG(不记得了...镜像服务器 页脚附加代码 3.新增页面模板 主题具有 文章聚合、留言两个文章模板,在后台添加页面选择对应模板发布后,可将导航栏内文章聚合、留言页面链接修改为你创建链接。...新建菜单 添加菜单项 发布到顶部菜单  5.小部件、侧边 主题具有文章信息、作者信息、最新文章、最近更新 四个小部件(小部件自带配置,可在添加时候填写),添加后默认文章页面的右侧边显示。...主题前端优化 文章页右边正常高度,跟随文章滚动,滚动高度超出侧边高度自动悬浮,保持右边侧边始终存在元素,不会空白; 访问首页显示自定义站点描述,文章页自动截取文章内容作为网页描述; 优化...20220724更新 首页变成两显示 优化了大屏和小屏显示字体大小 调整了移动端UI样式 下滑阅读自动隐藏导航,上滑自动显示。

4.1K30

vscode插件开发入门

主要集中以下更改: 自定义上下文菜单操作,如:平时我们右键菜单 侧边创建自定义交互,如:npm插件安装后资源管理中-主侧边添加了一个npm操作视图 定义一个新活动视图,如:Git插件安装后左侧活动图标...状态中显示自定义信息,如:Git插件安装后显示当前分支 使用webview自定义内容,如:markdown预览插件提供预览视图 UI类插件主要用于更改vscode外观也就是我们常说主题,主要集中以下...我们还可以通过打开vscode自带开发者工具(帮助->切换到开发人员工具)对控制台进行查看调试 活动导航 项目创建完成后,我们开始我们第一个功能开发——活动导航,活动导航主要是通过package.json...实际运用中,我们只有选中当前活动导航才有必要激活插件,所以为了减少不必要开销,我们通过设置activationEvents为onView:${viewId}方式来激活插件(viewId就是views...保存数据webview切换为隐藏状态或页面内容被销毁依然可以保存,只有当webview本身被销毁才会销毁。todolist中我们使用此类方式进行存储。

5.5K20

如何使用 CSS 设置和自定义水平和垂直滚动条

除了默认滚动条外,您还可以网站内设置自定义垂直滚动条。垂直滚动条可以帮助您网站用户查看超出容器可见区域内容。例如,侧边导航。您可以设计您侧边以显示可滚动导航项目列表。...下面的截图显示了我们即将创建侧边侧边要创建上面的侧边,我们将在CSS中进行以下更改:将导航显示更改为flex,并将方向设置为column为侧边设置背景颜色为导航链接添加底部边框增加导航链接字体大小和字体粗细为侧边设置固定宽度增加...将侧边栏位置设置为固定。本节中,我们将专注于防止侧边滚动主要内容移动。我们希望将侧边样式设置为固定位置,以便主体可以自行滚动而不带上侧边。...下面的截图显示了侧边与正常内容流分开:固定溢出侧边上面的侧边具有固定位置。页面的正文继续滚动,但侧边保持在用户视图中。...从截图中可以看出,侧边底部看起来不像设置底部。这是因为内容比其容器高度长。在下一节中,我们将学习如何防止导航项目列表显示侧边之外。d).

83400

Ng-Matero 0.1 发布了!

作为一个工程项目最好方式还是通过脚手架安装。按照计划,首先要添加 schematics,也就是使用 angular cli 自动初始化项目。然后花了一周多时间终于搞定了 schematics?。...个人更倾向于项目之前初始化布局,而不是项目启动后再更改页面布局参数。 ? 页面布局分为侧边导航和顶部导航两种,其它细节可以根据自己需要自由选择配置。 侧边导航 ? 顶部导航 ?...这里说明一下,一旦发布正式版,则版本号会与 ng 对齐,可能是 8.x,也可能是 9.x,这要看项目开发进度了,大家不要对版本号感到吃惊。...因为 ng-matero 是基于 material 组件库,所以可以第一间更新 ng 最新功能?。...虽然使用 angular cli ng generate 功能已经非常方便,但在添加惰性模块,还是需要手动设置很多地方,所以自定义 ng generate 还是很有必要。

64410

手把手教你用vuepress搭建自己网站(2)

当然,您现在看到页面是一片空白,那是因为docs根目录下README.md中没有任何内容,但现在至少不是 404 了,离曙光又近了一步 设置封面启动页 有时候,当别人进入您网站,设置一个启动页...,您以后用 md 写文章,同样引入图片时,图片后缀名都不能带有中文字符 配置导航 导航中有页面标题、搜索框、 导航链接、多语言切换、仓库链接,它们都是可以直接通过配置出来, config.js...你可以按照这个类似的结构,无限制配置下去 光有 nav 导航是不够,下面来配置一下侧边,怎么配置侧边才是重中之重 配置侧边-slider 自动获取侧边内容 如果你希望自动生成当前页面标题侧边...如果您希望为不同页面组显示不同侧边, 就和官网一样, 点击导航哪个 nav,对应就显示对应侧边,目前目录有 fontend \ interview \ minprogram 等, 这些目录下都存放着多个...,当键与键值同名,可以直接写一个 } 其他,head,plugin,配置也是如此,代码与之前是没有任何改变,只不过是对config.js进行了分割,进行了模块化管理,导航管理导航,侧边管理侧边

2.5K20

导航还是侧?flutter 跨平台适配指南

作用: 侧通常位于屏幕侧边(通常是左侧),用于显示应用导航菜单、设置选项或其他重要功能。它提供了一种便捷方式,让用户可以轻松地浏览和访问应用中不同内容。...考虑导航和侧,开发者需要考虑不同平台设计规范和用户习惯。...底: Windows 应用通常采用底部导航来辅助导航和操作。 底栏位于应用底部,通常包含用于切换不同页面或执行特定操作图标按钮。 用户习惯中找到常用导航选项和功能。...导航优势与劣势: 优势: 明确导航导航栏位于屏幕顶部,提供了明确导航入口,用户可以直接点击按钮或标签切换页面。...导航层次浅:当应用导航层次较浅,不需要多层嵌套页面结构导航是一个合适选择。

14210

《vue3+ts+element-plus 后端管理系统系列二》之布局

布局 本页面部分内容来源于引用vue-element-admin-site 页面整体布局是一个产品最外层框架结构,往往会包含导航侧边、面包屑以及内容等。...想要了解一个后台项目,先要了解它基础布局。 layout构成: 导航 侧边 面包屑 AppMain Layout ?...其它配置 layout 中内容(侧边或者导航)都是不会随着你主体页面变化而变化。...创建 和 编辑 页面使用是同一个 component,默认情况下这两个页面切换并不会触发 vue created 或者 mounted 钩子,官方文档说你可以通过 watch $route 变化来进行处理...后来发现其实可以简单 router-view 上加上一个唯一 key,来保证路由切换都会重新渲染触发钩子了,这样简单多了。

3K20
领券