假设有一个父页面,然后它有一些子页面。当打开父页面的时候,你想在 sidebar 显示它的子页面的链接。 当打开子页面链接的时候,你还是想要显示它同个父级下的所有一组链接。...现在问题是,首先要判断现在的页面时是相同父页面的其他子页面。我们无法通过一个简单 WordPress 函数就能解决这个问题。 <?
MFC子窗口任务栏显示图标很简单, 只需要在子窗口的初期化函数OnInitDialog()中添加ModifyStyleEx(WS_EX_TOOLWINDOW, WS_EX_APPWINDOW); 主窗口在系统托盘中显示图标以及恢复窗口是参考某位大神的代码...(一) 原理 1、最小化的原理:首先要将窗口隐藏,然后在右下角绘制图标。 ...2、恢复的原理:将窗口显示,再将托盘中的图片删除。... ShowWindow(SW_HIDE); //隐藏主窗口 } 2、恢复界面函数,在头文件中定义消息响应函数 afx_msg LRESULT OnShowTask...WM_LBUTTONDBLCLK: //双击左键的处理 { this->ShowWindow(SW_SHOW);//简单的显示主窗口完事儿
页面导航 当你的博客内容越来越多的时候,在 WP 的后台又设定了首页只显示10个日志,那么从第11个开始都无法在首页显示出来。 这样在博客的最后一篇日志下面就会出现后一页或前一页的链接。...第2个参数显示在后一页和前一页链接的前面。第3个参数显示在后一页和前一页链接的后面。用什么来显示,你自己决定,常用的就是一些符号或是箭头而已嘛。 现在再看一下我们已经有了哪些个代码: 和!!!!!!! <!...在侧边栏里,你要有几个不同的栏目,栏目的存在,就是为侧边栏进行了分类整理。每一个栏目又要有不同的分类列表,继续为上面的代码添加内容。...说明:在单篇文章的下面显示的应是上一篇与下一篇的链接,而不是上一页与下一页的链接。 如何处理留言评论?
,以及面包屑名称 meta: { title: 'excel', icon: 'excel' } // 这里就是实际的页面路由了,会显示在左侧导航栏,内部和一级路由类似,添加三级路由需要额外设置...反之则会显示 除了上诉提到的路由的各项参数,还存在其他参数可供选择: // 当设置 true 的时候该路由不会在侧边栏出现 如401,login等页面,或者如一些编辑页面/edit/1 hidden...声明的路由大于1个时,自动会变成嵌套的模式--如组件页面 // 只有一个时,会将那个子路由当做根路由显示在侧边栏--如引导页面 // 若你想不管路由下面的 children 声明的个数都显示你的根路由...// 这在某些场景非常有用,比如:一个文章的列表页路由为:/article/list // 点击文章进入文章详情页,这时候路由为/article/1,但你想在侧边栏高亮文章列表的路由,就可以进行如下设置...使用 scoped 后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。
上面是三个viewPager相互嵌套,这么就需要对滑动事件进行处理 首先我们不需要viewpager1滑动,因为每次滑动的时候它的父控件就拦截了它的事件,侧边栏的每次滑的时候就跑了出来,所以这里是这样处理的...Override public boolean onInterceptTouchEvent(MotionEvent arg0) { return false; } 接下来2使用自定义viewpager,在第一个页面的时候让父控件拦截...,即显示出侧边栏,但是3的话是不拦截,让侧边栏不显示出来,这样的话就相互矛盾了,到底是拦截还是不拦截了?.../** * 11个子页签水平滑动的Viewpager, 暂时不用 * * @author Kevin * */public class HorizontalViewPager extends ViewPager...,需要显示侧边栏, 请求父控件拦截 getParent().requestDisallowInterceptTouchEvent(false);// 拦截 } return super.dispatchTouchEvent
路由和侧边栏是组织起一个后台应用的关键骨架。...本项目侧边栏和路由是绑定在一起的,所以你只有在 @/router/index.js 下面配置对应的路由,侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。...meta: { // 当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式--如组件页面 // 只有一个时,会将那个子路由当做根路由显示在侧边栏--如引导页面 // 若你想不管路由下面的...hidden: true, // 不在侧边栏显示 alwaysShow: true, //一直显示根路由 meta: { roles: ['admin','editor'] }, //你可以在根路由设置权限...的上一层,区分外链和路由跳转) SidebarLogo.vue (侧边栏最上部的logo,可以隐藏和显示) Index.vue 通过vuex获取展示数据 const routes = computed
弹性布局:在弹性布局模式中,子元素可以在任何方向上排布,也可以弹性伸缩其尺寸,既可以增加尺寸以填满未使用的空间,也可以收缩尺寸以避免溢出父元素。 2.3 组件 每个组件都包含属性、事件和样式。...多用于有多层次的页面结构或较为复杂需要清晰的导航路径的应用中。 侧边栏: 侧边栏组件提供可供选择的侧边栏项,通常位于应用主要内容区域的一侧,用于应用导航菜单、应用设置等场景。...导航栏: 导航栏通常位于页面的顶部或固定位置。通过导航栏项,可以快速导航到网页应用的各个主要页面,例如首页、产品页面、服务页面等。...我们将自由布局组件内的一级子组件称为自由布局内子组件,这些子组件会有一些特殊的属性,如距离和约束,用于确定其与父容器的位置关系。自由布局中的组件可以是任何类型的组件,包括自由布局组件本身。...本节介绍如何设置默认跳转页和设置页面跳转。 选中欢迎页,右键点击出现菜单,选择设为默认跳转页。 打开总览页,选中侧边栏项P5-1:社区跳转页面,单击右侧图标设置链接表达式。
20 添加下拉菜单 添加BBS,使用Artitalk作为公告栏 2021-04-17 站点底部添加站点运行时间 关于页面去除头部的站点运行时间 2021-02-17 将评论改为Waline,并部署在Vercel...2018-08-21 最近发现了两个问题: 如果文章不写小标题,是不会生成文章目录的,如果启用了leancloud的阅读计数功能,这时候这篇文章的阅读页面的侧边栏就会失去affix.js的固定定位效果;...(该bug在火狐浏览器下偶尔会触发,在360浏览器下百分百触发) 如果启用了不蒜子计数,在360浏览器下如果滚动页面时,侧边栏的底部无法和正文模块的底部持平,侧边栏底部会比正文模块的短一些。...2018-08-18 修改了hexo-neat的压缩选项,优化页面的加载 2018-08-17 头像挂件添加自动刷新功能和彩蛋 2018-08-14 去掉了文本首行缩进,首行缩进有个问题:当一个段落内存在换行时...如果需要首行缩进还是自己手动添加 (全角空格,即对应两个中文空格)…… 2018-07-26 改善文章目录的换行问题 添加文章不在首页显示的功能:在文件头里添加not_show:
评论 sidebar.php 侧边栏 single.php 文章内容页 singular.php 页面文章合一 page.php 页面 header.php 公用头部 footer.php...② $parents 字符串值,默认为空 指定父分类的显示方式,可选值如下: 空值:不输出父分类; multiple:父分类和子分类都是单独的链接,但处于同一个li元素中; single:不输出父分类链接...,但父分类的名称会出现在子分类链接锚文本中; ③ $post_id 整数型,默认值:false 文章的ID,默认使用当前文章ID。...获取文章所属的标签信息(tags) wp模板标签the_tags用于在文章页输出标签链接 函数参数 ① $before 字符串值,默认值:null 在标签链接 前 显示的文本。...② $sep 字符串值,默认值:, 在每个标签链接 之间 显示的文本。 ③ $after 字符串值,默认为空 在标签链接 后 显示的文本。
WordPress主题开发必备函数wp_list_categories获取分类列表,将分类以列表的形式显示为链接。...点击分类的链接,就可以访问该分类下的所有文章的存档页面; wp_list_categories()函数一般用于侧边栏分类目录归档,这在一般的wordpress博客中我们可以常见到。...',//分类列表的排序,这里是升序;DESC - 降序'style'=>'list',//是否用列表样式(ul>li)'show_count'=>0,//是否在分类侧边显示该分类的文章数量,0表示不显示.../排除分类的ID,多个用',(英文逗号)'分隔'exclude_tree'=>'',//排除分类树,即父分类及其下的子分类'include'=>'',//不排除的分类,即显示的分类'hierarchical...'=>true,//是否将子、父分类分级'title_li'=> __('Categories'),//列表标题的名称'show_option_none'=> __('No categories'),/
静态布局 顶部导航栏引入 fenlei.vue ? ? 引入侧边导航栏 结构大致如下,需要content-style占满屏幕中剩余的空间,也就是除去顶部和底部导航栏的空间. ?...在该页面中,需要等待content-left内的导航栏和content-right中的商品分类列表,渲染完毕之后再进行better-scroll的初始化....滚动联动 介绍 better-scroll提供了快速制作索引列表的模块,它将滚动容器中的父元素视为列表,把该父元素中的子元素视为列表项,通过给定对应的列表项下标,即可滚动到对应的子元素....在better-scroll初始化时给定wheel对象. while对象的属性介绍 selectedIndex:默认显示滚动内容中的第几个子元素 wheelWrapperClass:需要绑定的父元素的类名....getSelectedIndex()获取当前显示的子元素的索引.
7、标准流中的文字不会被浮动的盒子盖住。所以一个大盒子中的小盒子要么都浮动要么都不浮动。 ? 8、父盒子高度为0 ,子盒子如果是浮动的话不占位置,下面的标准流盒子将会跑到子盒子下面。...或者使用了定位,父盒子高度为0,然后子绝父相,下面的标准流盒子依然会跑到子盒子下面。...(这个可以做类似京东的侧边栏,如果侧边栏挡住了跑上来的标准流盒子,那么把包含标准流的整个大盒子定位:position: relative ,因为定位的层级高,所以就可以显示标准流的所有内容了。) ?...(不要让浮动的盒子超出父盒子) 11、浮动盒子的相互影响,不管是否在一个大盒子里面(蓝盒子是包含在粉红盒子里面的,紫盒子和粉红盒子是并列的)。 ? ? 12、谷歌浏览器不支持12号以下字体大小。...13、子盒子不占位置,父盒子高度为0,会导致下面的盒子顶上来了。(清除浮动) 14、 curser: pointer; 模拟鼠标小手样式。
paint:元素的子元素必须在元素的 content-box 中,不能超出,否则显示不出。...为了限制这样的属性影响到别的元素,让它的影响力限制在宿主元素和其子元素范围内。强行生成一棵 DOM 子树,变成像 shadow dom 那样的情况,外面的变量不会影响里面的;里面的也不会影响到外面。...推理过程是这样的: 01.png 第一个页面:侧边栏有一个高斯模糊的图片,并动态加上了 1000 个高斯模糊的纯色点;通过改变 left 值实现的移入移出视口。...03.png 二者的区别是在侧边栏上有无 contain: paint。...所以写了另一个 demo,用来验证 Paul Lewis 文章中的效果: 05.jpg 实验内容就是,一个从上到下排列的页面结构,在中间颜色为黄色的节点内不断插入新的子节点,将会触发重排: 06.gif
样式化侧边栏是从零开始创建 WordPress 主题系列教程的第十三篇,这篇主要讲解如何样式化侧边栏里面的所有元素,在对侧边栏样式化之后,这系列教程就将差不多结束了。...; } 现在已经为侧边栏样式化父级无序列表(UL)标签。...第2步:给 LI 添加填充 在 .sidebar ul{} 下输入: .sidebar ul li{ padding: 10px 0 10px 0; } 这是现在的填充: 在进行这步之前,搜索框和日历之间以及日历和页面之间是没有空间...现在我们是在样式化侧边栏下的子标题,结果如下: 这就是我的页面链接的样子。可能默认安装下的 WordPrss 只有一个链接:About。...当前你的日历应该是这样的: 为了样式化日历,找出在里面的标签和这个便签的名字或者 id。 查看 > 页面源代码或者源代码,侧边栏是在底部,所以到源代码的底部查找 Calendar。
简介 在复杂中,保持简洁。 如你所见,这是一款花费很长时间才得以完成的主题。在功能强大和体积轻巧中不断权衡,然后呈现在你的面前。 为了更好地创作,为了更好记录生活。...基于boostrap3框架内置丰富css和js组件:可自定义性极强。内置5套独立页面的自定义模板:豆瓣书单、时光机、文章归档、留言板、友情链接。...重写了留言板的排行榜样式 重写了友情链接的样式 增加时光机页面的点赞功能,还不快来点赞 增加了时光机页面的发送来源 增加了文章字体变大的功能(在标题的右侧) 增加了pjax动画素雅圆圈,以及支持自定义...pjax动画的设置 文档教程 增加全站加锁的功能(后台外观设置——高级设置——加密访问) 增加了呼声很高的后台外观数据备份以及备份管理(在外观设置的顶栏有) 增加头图样式交错模式(即大头图和小头图根据奇偶以次显示...)(后台外观设置——外观设置——头图样式选择) 增加侧边栏分类中有子分类情况下父分类是否显示(外观设置——主题增强功能) 优化 摘要中排除login加密文字 回复可见必须是评论审核后 优化了最后一点风格
6.组件化 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如可能会有相同的头部导航。 但是如果每个页面都独自开发,这无疑增加了我们开发的成本。...所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。 6.1.全局组件 我们通过Vue的component方法来定义一个全局组件。...页面首先分成了顶部导航、左侧内容区、右侧边栏三部分 左侧内容区又分为上下两个组件 右侧边栏中又包含了3个子组件 各个组件之间以嵌套的关系组合在一起,那么这个时候不可避免的会有组件间通信的需求。...this.num--; } } }) 但是,点击按钮是在子组件中,那就是说需要子组件来调用父组件的函数,怎么做?...increment" @dec="decrement"> 在子组件中定义函数,函数的具体实现调用父组件的实现,并在子组件中调用这些函数。
页面链接列表是从零开始创建 WordPress 主题系列教程的第六篇的第二部分,通过上一篇的学习,现在已经熟悉了侧边栏的结构,接下来我们将继续修改侧边栏,完成页面链接(Page-link)列表。...当完成常规的侧边栏之后,我们将学习如何窗体化(widgetize)侧边栏。 在分类链接上面添加以下代码: 保存并刷新浏览器。...效果如下所示: 在默认情况下只有一个页面链接,就是 About 链接。我在我的本地的博客增加了很多多页面和子页面,这样我就有四级页面链接。...第四,它把每个链接放入到 和 标签之间。 在上面的截图中,注意到“Pages”这个列表标题和“Categories”这个分类链接标题的大小不一样。 如何使它们一致呢?...Pages 是 title_li 这个参数的值 进一步定制化: 在我的例子中,我有四级页面链接。由于布局或者设计的原因使得不能在侧边栏处理那么多级别的链接。
当然你想可以复制上面的代码添加到你的子主题样式文件中。...注:文章ID,就是在WP后台,打开所有文章页面,鼠标悬停在文章标题上,浏览器下面状态栏上“post=”后面显示的数字。...子分类模板 首先,新建一个分类,因为这个模板不会显示父分类的文章,所以不要向里面添加文章,只需要为这个分类添加一段描述即可,否则会出现在侧边分类小工具中。 其次,为这个新建的分类添加子分类。...侧边栏 主题集成11个侧边栏,首页、分类归档、正文和页面,分别有上、下及随着滚动侧边,另有正文底部、页脚小工具,需分别添加小工具,实现不同页面显示不同的侧边栏。...友情链接页面,需要在主题选项中添加链接分类ID,显示全部链接则留空。 获取链接分类ID:将鼠标停在链接分类名称上,浏览器状态栏上显示的数字就是分类ID,如图: ?
date 【必需】页面创建日期 type 【必需】标签、分类和友情链接三个页面需要配置 updated 【可选】页面更新日期 description 【可选】页面描述 keywords 【可选】页面关键字...才需要配置,默认 false) katex 【可选】显示katex(当设置katex的per_page: false时,才需要配置,默认 false) aside 【可选】显示侧边栏 (默认 true)...aplayer 【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置 highlight_shrink 【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink...和css,请参考文章下面的音乐 配置 highlight_shrink 【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置) aside 【可选】显示侧边栏...你可以把创建好的 ohmygirl整个文件夹移到 photo文件夹里去 404页面 主題內置了一个简单的404页面,可在设置中开放。
领取专属 10元无门槛券
手把手带您无忧上云