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

Mirages主题帮助文档

友链关于 友链关于是我们常用的两个独立页面,主题对其做了简单的样式定义。该样式可以参考我博客的友链关于样式。...侧边头像有两种修改方式: 直接修改 导航 -> 侧边头像,在选项填入头像链接即可。 修改 Gravatar 头像。关于如何修改 Gravatar 头像请参考下一条。 建议使用第二种方式。...为什么我主题的菜单/导航/导航条和你的不一样? 主题提供两种导航样式,可以通过主题外观设置:导航 -> 导航样式 处自由切换。...友链 友链的卡片样式可以在任何页面启用,仅需按照下面的书写格式书写即可。 如果你的友链 URL 为 /links.html 那么,必须要添加一个背景图才会显示标题,样式将和我博客上的一样。...导航操作按钮 说明 Mirages 主题在1.6.0版本添加了侧边 Toolbar,你可以在此放置你喜欢的图标,如 RSS、社交账户链接、夜间模式切换等。

9.9K20

App之底部导航的设计

今天来总结下app的底部导航的设计。 我为什么写这个系列的文章。因为我正在做一款app,我在团队主抓产品设计、UX/UI设计、部分前端开发,少量运营。...我们一步步推理下 1、由于需要便于拇指操作,这决定了我们只能在标签式导航的底部导航来进行改造。 2、底部导航的功能按钮排布。...这里把抽屉式的汉堡包按钮,变成了“更多",我们可以把一些不常用的功能全部收纳到这里。 3、然后其中居中的一个按钮可以展开更多的选项,把底部导航变成网格式或者列表式的导航模式。...开启中间功能键的例子: 闲鱼,拓展了标签数量 全民K歌,直接是新起一,有网格式和列表式 喜马拉雅FM,也是新起一,列表式 当然,案例只是参考,具体问题还是需要具体分析的,没有哪个模式是万能的,...地图类app应用较少采用常规的底部导航没有固定范式,底部导航的具体样式根据业务来设计。 最后,用张动图总结本文内容。 ---- 转载请联系本号 自在园版权所有

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

IOS学习——iphone X的适配

导航变化,大号字体的变化,iOS 11之前的导航高度是64px,其中状态的高度是20px,iOS 11状态的盖度是44px。...屏幕尺寸还是6S上的尺寸大小,用打印log确实如此 [[UIScreen mainScreen] bounds]   这个的主要问题就在于没有适配iPhone X的启动,如果你的项目中没有自定义的启动则无所谓...设置方法是选中Images.xcassets的LaunchImage,右边选中图片右上角红框iOS8.0 and later下面的勾,然后就会出现图片左上角红框内关于iPhone X的启动的空白框...自定义的导航的返回按钮右移明显     iOS 11改动相当大的就是导航的部分,除了新加入了largeTitles和searchController两个新特性,还对导航的图层结构进行了调整,在原来的已经复杂的不要的图层又新增了新的图层...ExtendedLayoutIncludesOpaqueBars参数的含义是不透明的导航条下是否可以扩展,默认是NO,如果设为YES,则表示可以扩展,即可能会受到导航的影响,我们知道在iOS 11导航的变化非常大

1.4K60

iOS导航切换界面时隐藏和显示

,往往又需要重新显示导航关于这样一种设计苹果并没有给出专门的设置,需要我们自己来做,但在尝试了多种方法之后其实也没有很好的方法,QQ其实做的挺好的,如果你现在动手去尝试一下,会发现它的有无导航转换之间有一个渐变的毛玻璃效果...,直接在 viewWillAppear 和 viewWillDisappear 方法导航进行显示和隐藏就可以了,为了到达比较平滑的效果,建议对是否动画的参数选择YES,否则显示界面后就会瞬间出现导航...这个方法是直接隐藏了整个导航,所以如果要保存导航的一些返回按钮以及其他自定义的按钮,就需要自己在界面上去模拟添加,如果不想这么麻烦,也可以不隐藏导航,而是将导航的背景视图设为透明的: [...结 上面的方法可以在只有导航控制器时比较好的操作,虽然不能做到像QQ那么好,但也能用,但如果有Tabbar存在,就会有问题。那如何做到QQ那样的效果呢?...这里有一篇文章实现了:传送门:导航的平滑显示和隐藏 - 个人的自我修养(1) ,不过作者使用swift实现的,用到了extension,其实也就是OC下的category,之后我再研究一下OC下的实现好了

3.8K30

React-Native组件之 Navigator和NavigatorIOS

导航的route集合,如果initialRoute没有设置,这个属性是必填的。...对象参数调用; navigationBar view 导航的可选组件导航标题,需要设置左按钮,右按钮和标题属性。...一个常见的用途是设置所有页面的背景颜色 navigationBarHidden 布尔值,决定导航是否隐藏 shadowHidden 布尔值,决定是否要隐藏1像素的阴影 tintColor 导航按钮的颜色...常用方法 除了上面的属性之外,还有一些常用的方法: push(route) 导航器跳转到一个新的路由 pop()返回到上一 replace(route)替换当前的路由,并立即加载新路由的视图...左边返回按钮的样式: initialRoute={{ component: Home, // 要跳转的页面 title:'首页', // 跳转页面导航标题

4.4K70

基于DotNet构件技术的企业级敏捷软件开发平台 - AgileEAS.NET平台开发指南 - 对象设计器使用帮助

主窗口中共包括了5个不同的工作区:系统菜单、工具、功能导航、业务工作区、系统状态,系统的所有业务功能均可通过系功能导航访问操作。...导航默认显示在界面的左边,如果你想让业务工作区更大些,以便有更大的界面空间处理业务功能,你可以在进入相关的业务功能模块后,通过系统菜单或工具导航命令隐藏或显示功能导航。...状态        系统状态显示了系统当前的处理任务及任务处理状态,用于通知用户,以便及时了解系统的运行情况。 关于 ?        提供对当前应用程序的描述信息。...填写目录名称和说明后点解“确定”按钮,对话框关闭,新建的目录加载到导航,“取消”按钮放弃目录的添加。        注意:目录名称不能为空,也不能和现有的目录重名。...添加对象        在导航的实体节点或者目录节点右键点开快捷菜单,选择“新建实体”,系统工作区打开一个新的对象定义Tab: ?

1.2K50

李洋个人博客《mxlee》zblog主题-梦想家(精品推荐)

(如果没有CDN资源,直接填写示例地址即可) 也许有人会问,为什么图片地址没有后缀?...--、优化导航自动跟随效果。 --、修复移动端翻页错乱显示的BUG。 --、优化css样式表,精简代码。 --、修复评论验证码移动端没有文本框的BUG。...--.修复随机图文展示缩略图优先显示自定义的功能。 --.修复文章单没有右侧评论按钮功能的BUG。 --.优化网站浏览总量PHP代码。...--.新增侧广告自定义栏目名称; --.增加百度熊掌号功能,后台一键开启; --.优化移动乱面包屑导航显示效果; --.文章增加百度熊掌号关注按钮。...PS:没有熊掌号的站长可以关闭此项,如果熊掌号ID不正确,文章不会显示关注按钮; 百度熊掌号关注功能仅在移动端显示

2K20

【说站】Z-blogPHP常见问题答疑

答:在应用中心下载“KOD文件管理”,启用即可; 4问:为什么修改主题文件后没有生效?...答:进入后台首页,找到“更新缓存与编译模板”点击一下即可;**若还未能生效,请进官方论坛提问; 5问:为什么父分类页面没有显示子分类文章?...li>二级菜单         二级菜单      然后回到后台,找到左侧模块管理,点击上面的导航...奥森图标 我又来了,今天教大家怎么使用奥森图标,如图: 首先,打开网站后台,找到左侧菜单模块管理,然后点击上面导航,进入导航。...附上使用“链接模块管理”插件使用教程: 首先确定您开启了此插件,然后找到模块管理,点击导航,如图: 打开导航在“图标(class属性值)”添加“奥森图标的代码”,如图: OK,至此添加导航图标教程结束

96010

【Flutter】底部导航页面框架 ( BottomNavigationBar 底部导航 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

UI 显示 ; 设置点击方法 : BottomNavigationBar 的 onTap 属性设置点击方法 , 传入 index 索引 , 该索引值是被点击的按钮索引 , 在该方法主要操作当前的 currentIndex..., 调用 setState 方法 , 更新底部导航 BottomNavigationBar 的当前索引值 , 并更新 UI 界面 ; 显示组件 : 在 children 参数设置 Widget 数组即可...// 更新当前的索引值 _currentIndex = index; }); }, } PageView 被动设置选中状态 : 在 BottomNavigationBar 底部导航中点击导航按钮...onPageChanged 方法 , 在此处调用 setState 方法 , 在该方法设置 _currentIndex 的值 , 进而更新 BottomNavigationBar 底部导航的选中状态..., // 搜索 SettingPage(), // 个人设置 ], ), /// 设置底部导航按钮 bottomNavigationBar

4.1K20

PowerBI的书签和导航,如何选择呢?

然而,当前其实更多的报告制作者使用书签进行导航,而不是讲故事。在2020 年 3 月的更新按钮有了一个名为"导航"的新功能: ? 那么我们该如何在“导航”和“书签”之间做出选择呢?...不过,要在两个页面中进行来回切换,由于目前有了导航,我们就需要来分析一下这两种方式在不同的场景的优缺点了: 1.严格地在多个页面之间切换 当我们要做地仅仅从一个页面切换到另一个页面,比如有一个导航...缺点是: 导航只限于按钮,不能使用图片/形状来跳转,如果一定要使用图片或形状,那么需要在图片/形状上再放一个按钮,很麻烦 2.多个可视化对象与多个隐藏显示组合 很多时候我不得不去处理这样一些报告。...优点是: ①减少在“显示隐藏和显示可视化对象的操作 ②无需关心更新书签 ③易于故障排除 缺点: ①需要创建更多的报表,报表页面的内容重复基本是必然 ②性能不可避免地下降 3.不同的报表布局 很多时候...使用书签的优点是: ①与不同报表布局的无缝交互,丝般顺滑 ②无需重新加载其他视觉对象,节省算力(关于节省算力,请参考:双“局部切换”与特朗普的割韭菜) 缺点是: ①报告一旦发生改动,必须更新书签,同一个页面的书签越多

6.7K31

iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

(想要了解更多关于这个常数的内容,请参考 UIBarButtonItem Class Reference.) 4.1.4 工具导航标准按钮 iOS提供了一系列工具导航上的内置标准按钮。...4.1.6 标签标准图标 iOS提供了一系列标签标准图标,在下面的表格35-2有详细展示。想要了解如何设计自定义图标,请参考文档第五章标准按钮部分。...书签按钮只有当搜索没有占位符或用户输入内容时才会出现,当搜索已有文本时,书签按钮会被清除按钮(Clear button)所代替。 清除按钮(The Clear button)。...请注意,当搜索的视图控制器包含在导航控制器里面的时候——比如在邮件应用(Mail)那样,当用户激活搜索时,搜索会自动上浮,平铺到原来导航的位置上。...没有明确目的而贸然改变集合视图的布局会让用户对应用留下难用、不符合预期等负面的印象。更有甚者,如果用户此时关注的项在变化消失了,用户会觉得这个应用超出了他们的控制能力。

10.1K51

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

一、导航(Navigation Bars) 导航出现在页面的顶部,位于状态下方,可以给一系列层级页面进行导航。当点击进入新页面时,其导航的左侧会出现一个返回按钮,并带有前一面的标题。...有时,导航的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。在拆分视图中,导航可能会显示在拆分视图的单个窗格。...搜索可以单独显示,也可以显示导航或内容视图中。当显示导航时,可以将搜索固定在导航,以便始终可以调用。也可以将其折叠,当用户向上滑动时展开显示。...不要在侧边显示超过两个层次的层次结构。当数据层次结构深于两个级别时,请在拆分视图界面的补充列中使用列表视图。...确保所有选项卡始终处于启用状态,并说明为什么选项卡内容不可用。例如,如果iOS设备上没有歌曲,则“音乐”应用的“立即收听”选项卡将说明如何下载歌曲。 始终在附加视图中切换上下文。

9.8K10

移动端搜索,那些你可能不知道的设计巧思

为什么要搜索-关于搜索的行为思考 不同的搜索目的 不同的用户或使用场景,用户搜索的目的往往不同,一般分以下三类。 1、精确搜索。...写在搜索前-搜索怎么放 1、搜索图标:在导航一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。...2、搜索:以搜索的形式直接放在导航或放在导航下方等其他位置,此时搜索可结合语音、拍照、删除(在输入后显示)等功能按钮。...3、搜索作为标签的某一个功能:根据内容重要性决定排在第几个标签。 4、搜索以单独页面或主页 P0 功能展现:直接作为主页面或主页以较大篇幅显示搜索,内容及形式根据用户场景定义。...这些都没有永恒的固定答案,而相对正确的答案都在每一次的具体业务。 著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。

1K50

Z-blogPHP常见问题答疑(最新整理202105)

评论User-Agent插件:可以在评论区域显示评论者的浏览器等信息。 复制代码:在编辑文章的时候使用代码框可以在右上角显示复制按钮。 文章点赞开发板:启用插件可以在文章显示点赞功能。...>二级菜单         二级菜单      然后回到后台,找到左侧模块管理,点击上面的导航...首先,打开网站后台,找到左侧菜单模块管理,然后点击上面导航,进入导航。 ?...附上使用“链接模块管理”插件使用教程: 首先确定您开启了此插件,然后找到模块管理,点击导航,如图: ? 打开导航在“图标(class属性值)”添加“奥森图标的代码”,如图: ?...OK,至此添加导航图标教程结束,很简单,包括设置二级菜单也是如此,只要开启上图(紫框)的“二级”即可完成二级菜单设置。

42920

【Java 进阶篇】深入了解 Bootstrap 组件

在下面的部分,我们将探讨一些常见的 Bootstrap 组件以及它们的用法。 Bootstrap 按钮 按钮是网页的常见组件,用于触发操作或导航到其他页面。...激活状态按钮 Bootstrap 还提供了按钮的激活状态,当按钮被点击后,可以显示为被激活状态。... 元素:这是按钮元素,用于切换导航的折叠状态。 class="navbar-toggler-icon":这是 Bootstrap 提供的按钮图标,用于切换导航的展开和折叠状态。...用户可以点击 “下拉菜单” 链接以显示下拉选项。 标签 标签是一种常见的导航元素,用于切换不同页面或内容。Bootstrap 提供了标签组件,使您可以轻松创建标签导航。... 在这个示例,我们创建了一个标签导航,用户可以点击标签切换不同内容。 Bootstrap 警告框 警告框是用于向用户传达重要信息或警告的组件。

17220

url的操作之pushState、replaceState和popstate

上一节我们说地址跳转的时候,谈到了浏览器会缓存用户访问url序列,我们可以通过浏览器的前进后退按钮或者通过js提供的方法,访问这个序列里的url,不过关于这一点上一节我们只说了window.history.go...title 相当于页面标题吧,不过目前并没有什么卵用,可以忽略 url 这个当然就是我们主要使用的了,一个url,使用此方法之后,这个url将出现在地址。 说完了用法,那这个方法的作用是什么呢?...,它只会将目标url添加到序列,并且出现在地址,但并不会立即加载并跳转到这个页面,但如果你访问了新的页面,点击返回按钮的时候,或者在当前页面刷新时,浏览器就会加载并跳转到你新添加的这个url。...打开任意网页,在控制输入下面的代码,看看地址发生了什么变化,这时候页面是不是没有发生变化,然后你再点击刷新按钮试一下 history.pushState({}, 'title', '/user')...利用此特性,我们可以动态的修改地址的参数,以便在用户下次刷新时候发生不一样的效果,比如我们从其他页面跳转到此页面时会携带一个标识性的参数,我们用完这个参数后可以删除这个参数,以便显示此页面的默认显示内容

2.6K20

面试官: 如何判断一个APP页面是原生的还是H5

看断网的情况 把手机的网络断掉, 然后点开页面, 然后可以正常显示的东西就是原生写的,显示404或则错误页面的是html页面 b....看Loading的方式 如果在打开新页面导航下面有一条加载的线的话,这个页面就是H5面,如果没有就是原生的。 微信里面打开我们的H5面常见的有个绿色的 加载线条 e....观察App顶部导航是否会有关闭的操作 如果APP顶部导航当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的) 美团的、大众点评的APp、微信APP当加载...返回按钮的响应 原生在返回按钮是做了click事件的,即click按钮,会有变灰的效果,而H5是没有做这样的效果的 h....下拉页面的时候显示网址提供方的一定是H5 例如问卷星等相关产品 总结大概如以上这些点, 都是一些比较简易有效的方法,希望大家学以致用,如果有更多好的方法,请留言补充,支持小编的分享,请点赞、转发,广而告之

1K30

BuildAdmin07:导航动态添加tabs如何实现

前言 之前的几篇文章都是基于comtainer布局的aside边部分来写的,像logo、menu以及Icon图标组件,后面也写了关于路由动态加载和菜单渲染的文章。...NavBar导航 在BuidAdmin,header部分实现了NavBar。可以看到NavBar由两部分构成,一个是左侧的可变的tab,一个是右边固定的菜单。...可以看到header的内容是由 \ 动态组件实现的,使用is属性绑定不同的导航组件。...从源码可以看到: 整个导航就是一个div,里面有多个tab。一个tab是由一个div和一个Icon元素组成。...同时,选中tab时字体颜色加深;选中关闭按钮时候,按钮会有动画。 当然,上面的tab是写死的,点击菜单并不能增加,点击关闭按钮也无法关闭。所以接下来就是实现两个部分:添加按钮和关闭按钮

32320

Z-BlogPHP开运锦鲤前来报道(更新说明及操作教程,必看文章)

更新说明(2020年/04/11): V、优化顶部导航右侧用户下拉菜单的显示效果。 V、文章收藏按钮增加奥森图标。 更新说明(2020年/04/03): V、优化某个php调用接口调用函数。...V、顶部导航背景色(黑色)更改渐变白,增加导航内部阴影效果。 V、优化关闭文章侧,文章相关推荐图片被拉伸的BUG。 V、优化导航二级菜单显示效果。...问得好,有点水平,但是可能要让你失望了,我的答案是不会,别问为什么。好了,问题就说这些,在使用过程遇到问题可以直接QQ留言给我。...--.修复搜索页面的关键词高亮与可风用户中心搜索记录有冲突的BUG(感谢可风的技术支持,后期还是适配更多关于可风用户中心。) --.优化了H2-H5标签样式表。...(别再来找我说H2没有了,我受够了,喏,给你们更新了) --.优化导航间距。 --.删除和优化搜索框,减少在导航所占用的空间。 --.新增评论用户加V标识。

3.3K30

模仿天猫实战【SSM】——总结

观察大部分的页面,其实都是包含了其中的三个部分: [1240] 即顶部导航、一个搜索框、还有底部,我们可以单独把他们写成一个 jsp ,并动态的包含在我们的页面 首页分类 因为一开始,我以为分类中保存的是一些直接的产品...付款成功 [1240] 当点击确认支付按钮之后,就会跳转到该页面来。 购物车 [1240] 该页面支持删除订单和对订单项进行相关的操作,点击结算页面跳转到购买。...登录 [1240] 因为分辨率的问题有一点 BUG,不过不影响体验,登录之后顶部导航出现用户信息: [1240] --- 后台总结 前台因为有现成的原型可以参照和模仿,后台需要自己去设计和实现界面,...订单管理 [1240] 等待发货的订单有一个发货按钮,用于发货。 上面有一些产品管理的按钮乱入了..直接拷贝的之前的图片,左侧的产品管理按钮是删除了的......为什么不在 PropertyValue 表增加 property_name 字段? 在产品详情明显感觉到显示产品的属性的时候,特别不方便。

2.7K100
领券