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

vue博客实战---博客首页开发

我们首先实现左上方头像下拉菜单下拉菜单我使用element-ui的el-dropdown组件,el-dropdown中包含一个class为el-dropdown-link,鼠标移入则会显示下拉菜单,我们可以将头像框放在这个...下拉菜单实现在el-dropdown-menu下,下拉菜单我只要设置了三个菜单选项:登录/注册,修改资料,退出登录。...这边有一个小细节需要优化的就是登陆/注册按钮和退出按钮不能同时显示,我们首先需要在data中设置变量flag,然后在mounted的时候监听localStorage中是否有保存用户信息,如果处于登录状态则隐藏登陆.../注册按钮,如果处于未登录状态,则隐藏注册/登陆按钮。...后台选项还有对应后台的子菜单,所以我们需要为后台添加子菜单,每个子菜单就是一个el-menu-item,后台子菜单包含:首页,标签管理,文章管理,文章发表,每个子菜单实际上就是一个个router-link

6.8K20

UG常用快捷键

确保“序列”处于打开状态。您可以通过“装配”→“序列”将其打开(或关闭),或通过装配工具条上的“装配序列”图标来进行。 2....每个序列步骤可以包含一个组件、一个子组、一个摄像步骤(视图方位)或一个运动(以及构成该运动的动作): o 如果希望将拆装组件作为第一步,则选择该组件,然后从工具条、图形窗口弹出菜单、“插入”下拉菜单或从...如果希望组装该序列任何位置处的任何组件,则选择该组件,然后从任何“装配”命令所在的位置上选择此命令(例如,可以是“装配排序和运动分析”工具条、“插入”下拉菜单以及选择组件时的图形窗口弹出菜单,或者是“装配导航器...可以通过回放来检查序列的有效性(使用“装配排序回放”工具条中的选项,或者“工具”下拉菜单): · 如果想从序列的第一步开始回放,则选择“倒回到开始”,或者如果想从最后一步开始倒放装配序列,则选择“快进至结束...如果正在查看一个运动步骤,则这些选项可以查看该步骤中每个渐变的运动。) 在回放期间,会从图形窗口中的次序视图中添加或移除组件,(如果“细节”面板中的“显示拆分屏幕”处于打开状态)。

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

是的!Figma也可以用时间轴做超级流畅的动画了

接下来我们添加一个新的Figma文件,从下拉菜单中选择Plugins / Motion。会打开如下的面板。 ? ? 002. 如何使用? 接下我们看看如何使用它。...4.5 自动更新关键帧按钮 如果此按钮处于活动状态,则在对Motion面板进行聚焦之后,关键帧值将在当前时间位置自动更新。...选择这个矩形,然后打开“Motion”面板,然后为0ms时间的位置的宽度添加关键帧,然后在500ms处再添加一个关键帧。 ? 确保自动更新关键帧处于活动状态。...选择我们的第一个矩形,转到“Motion”,选择我们的关键帧,然后单击Ctrl / Cmd + C或从任意关键帧的下拉菜单中选择“复制”。 ?...确保自动更新关键帧处于活动状态。转到Motion并等待1秒钟,直到更新关键帧。现在转到500ms,并将关键帧缓动功能更改为缓出。 点击播放,赞!不错的弹出消息层。 ?

17.4K34

Visual Studio 2008 每日提示(十三)

#121、如何设置vs启动时(工作区)加载内容 原文链接:How to customize what Visual Studio opens to 操作步骤: 菜单:工具+选项+环境+启动,在“启动时...#123、按Ctrl+Alt+Down让光标指向示文件下拉菜单 原文链接:Press Ctrl+Alt+Down Arrow to drop down the File Tab Channel File...Menu 操作步骤: 菜单:按“Ctrl+Alt+Down”显示“文件下拉菜单”,可以通过上下的方向键来选择文件打开文件 文件下拉菜单支持输入首字符匹配滚动,即输入文件名会自动在下拉列表中匹配选中。...#127、如果关闭选择的文件 原文链接:How to close just the selected files you want 操作步骤: 菜单:窗口+”窗口…“,在”窗口“的窗口中,你可以对所选择的文件实现下面三个功能...,如果你按Shift同时左键单击该窗口tab标签,则窗口会变成停靠状态

2K80

如何设计下拉菜单(技巧+实例)

什么时候适合用下拉菜单: 陈列子页面 下拉菜单通常适用于陈列所有需要展示的子页面,相当于一个子导航菜单,如下图: ? 博客内容分类 许多博客都会选择用下拉菜单来进行分类和罗列标签。...另外,如果用户将鼠标悬停在灰色选项上超过一秒钟,可以考虑用一个简短的提示信息来解释该选项为何被禁用。 保留菜单标签/说明 打开下拉菜单时,最好是标明菜单标签或说明。...菜单标题能有效地提醒用户,他们刚刚选择了什么内容。如果菜单打开后标签消失了,用户就得打断操作、去回忆到底该选择什么选项。 支持键盘输入 应支持键盘输入和按键,以在下拉菜单内进行导航 。...精简步骤 例如,如果用户已经输入了信用卡号码,就不需要再选择信用卡类型。 下拉菜单原型设计: 在原型工具Mockplus中,有两种设计下拉菜单的办法。 第一种,下拉列表框。...当然,以上只是简单地介绍了如何用Mockplus做出简单的下拉菜单。用Mockplus还可以做出复杂一些的下拉菜单,如手风琴菜单,详细教程见:http://doc.mockplus.cn/?

2.9K84

关于状态可见原则

由于定义里提到了『反馈』,以至大多数的时候我们都是围绕着反馈在做方案,如用户点击之后消息要如何提示、网络状态变化时要如何提示用户、任务进度变化时怎么提示等等。...应用 下拉菜单下拉菜单的激活方式引起的一个思考点,我们常见的下拉菜单有两种激的方式,hover 激活 和 click 激活。 但从外观上是无法进行区分的,也就是没有操作前的暗示。...由此带来的问题是用户在操作前无法确定要以什么方式激活菜单,只能先试着尝试某一种。如果系统中同时存在不同激活方式的下拉菜单,这种尝试就更加让人烦恼了。...侧边导航 除了下拉菜单,在左侧导航菜单上也发现同样的问题,当导航菜单收起之后,『是否存在二级菜单』这个信息就丢失了。...默认当前窗口打开时,用户可以通过鼠标右键菜单决定链接的打开方式,也可以通过浏览器的快捷键(如Chrome 键盘快捷键)进行控制;而如果默认为新窗口打开,则无法支持切换为在当前窗口打开链接。

2.3K30

Unity入门教程(上)

保存后该符号就会消失,之后如果又做了什么操作需要重新保存,该符号会再次出现。 2,在窗口顶部菜单中依次点击File→Save Scene。 ? ?...1,确认游戏视图标签页右上方的Maximize on Play图标处于按下状态,然后点击画面上方的播放按钮(位于工具栏中间的播放控件中最左边的三角形按钮)。 ? ?...切记:选中游戏对象后再按下F键,场景视图中的摄像机将移动到该对象的正面。当需要查看游戏对象时这个方法会很方便。...十三、调整游戏画面的尺寸(调整播放器设置) 1,在Game标签左下方有Free Aspect文字,点击该处将出现下拉菜单,选中位于最下方的“+”菜单项,将打开一个标题为Add的小窗口。 ?...3,关闭Add窗口后可以在下拉菜单中看见新增了640*480项,同时该项左侧显示有被选中的标记。目前为止,我们已成功将游戏画面尺寸设置为640*480像素了。 ?

3.4K70

【新手指南】App原型设计:如何快速实现这6种交互效果?

做App原型设计,那么页面切换、进度条、页面滚动、图片轮播,下拉菜单,搜索框这些交互效果必不可少。如何简单快速地实现这些效果呢?以下小编根据经验为大家提供了一些简单的设计方法,以供参考。...打开右侧交互面板中,左边形状组件的尺寸调整方式设 为默认,右边形状组件的尺寸调整方式设为向左。 最前沿的中国产品人和设计师 摹客专访 Step 6: 交互设置完成,点击按钮即可预览进度条效果。...Step 2:双击滚动区进入滚动区编辑状态,点击滚动条右侧的+号可拉长滚动区,放置更多的内容。 Step 3:点击空白区域推出编辑状态。 Step 4:点击演示即可预览页面滚动效果。...5.下拉菜单 下拉菜单通常适用于在原型设计中陈列一些需要展示的子页面,相当于一个子导航菜单。这种交互效果一般适用于博客内容分类、电商网站商品陈列等情况。...下拉菜单的形式多种多样,但最令设计师最头疼的还是手风琴菜单效果。即使是利用功能强大的Axure,想实现该效果也比较麻烦。但是利用Mockplus的“面板”组件,可以快速地做一个手风琴菜单

3.2K40

软件测试|超好用超简单的Python GUI库——tkinter(十六)

打开菜单时,这些选项卡就会“显式”的呈现出来,方便用户进行选择,比如我们常用的QQ音乐播放器,如下图:图片tkinter同样给我们提供了一个创建菜单的控件,Menu控件,帮助我们实现菜单的功能。...如果忽略 index2 参数,则删除 index1 指向的菜单项entrycget(index, option)获得指定菜单项的选项的值entryconfig(index, **options)设置指定菜单项的选项...options参数介绍属性说明accelerator设置菜单项的快捷键,快捷键会显示在菜单项目的右边,比如 accelerator = "Ctrl+O" 表示打开;2..../offvalue默认情况下,variable 选项设置为 1 表示选中状态,反之设置为 0,设置 offvalue/onvalue 的值可以自定义未选中状态的值tearoff如果此选项为 True,在菜单项的上面就会显示一个可选择的分隔线...,不过需要我们注意,下拉菜单是建立的主菜单(即顶级菜单)的基础之上的,并非主窗口之上,这一点千万不要搞混,否则创建下拉菜单会失败。

87030

浅析AndroidStudio3.0最新 Android Profiler分析器(cpu memory network 分析器)

绿色: 线程处于活动状态或准备好使用CPU。也就是说,它处于”运行”或”可运行”状态。 黄色: 线程处于活动状态,但是在完成其工作之前,它正在等待I / O操作(如文件或网络I / O)。...1.3 记录和检查方法跟踪 要开始记录方法跟踪,从下拉菜单中选择Sampled或Instrumented类型,然后单击Record开始进行记录,完成后点击Stop recording停止记录。...在此窗格中,您可以选择如何查看每个堆栈跟踪(使用跟踪选项卡)以及如何测量执行时间(使用时间参考下拉菜单)。...从下拉菜单中选择以下选项之一,以确定如何测量每个方法调用的时序信息: Wall clock time: 表示实际经过时间。...在列表的顶部,您可以使用右下拉菜单在列表之间切换: Arrange by class: 根据类名分配。 Arrange by package:根据包名分配。

3.1K10

dropdown和dropdownlist_list的clear方法

方法一: 在后台声明变量paramName来保存下拉菜单状态, 前台使用来获取状态值。...页面有三个下拉菜单分别为ddl_Car、ddl_Mouse、ddl_Notebook, 当三个下拉菜单都设置AutoPostBack=”True”时, protected string car;...,后台中其他两个下拉菜单对应的变量的值就会变为null,因为AutoPostBack=”True”用户修改下拉菜单的值时页面刷新,car、mouse、notebook的值都被重置null,用户修改的哪个下拉菜单就会去执行对应的...方法二:用jquery的方法获DropDownList取控件的值 如果用jquery的方法获取下拉菜单的值时,不用设置AutoPostBack=”True” 和OnSelectedIndexChanged...=”******_SelectedIndexChanged”(如果需要菜单联动 另当别论),页面也不会整体刷新,体验还不错,推荐使用 var car=$("#ddl_Car").val(); var

72640

Windows Terminal完整指南

ProductId=9n0dx20hk701 如果此链接失败,请尝试在浏览器中打开 Microsoft Store,或从 Windows 开始菜单中启动Microsoft Store应用程序并搜索“Terminal...要打开其他个人资料的标签,请从下拉菜单中选择该标签,或按 Ctrl + Shift + N ,其中 N 是个人资料的编号。 按 Alt + Shift + D 复制并拆分窗格。...强制创建: 垂直窗格中,按 Alt + Shift + + 或 水平窗格,按 Alt + Shift + - 要在新窗格中打开另一个配置文件,请在从下拉菜单中选择时按住 Alt 键。...单击下拉菜单中的 Settings 时,按住 Alt 可以将其打开。 警告:请勿更改默认文件!使用它可以查看默认设置,并在必要时在 settings.json 中添加或更改设置。...24 位 PNG 是最好的选择;不幸的是,不支持 SVG hidden 如果设置为 true,则配置文件不会显示在下拉菜单中 fontFace 使用特定的字体 fontSize 使用特定的字体磅值整数

8.3K50

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

下拉菜单可以包含链接、按钮或其他内容,用户可以点击或悬停在触发元素上来展开菜单。 基本的 Bootstrap 下拉菜单结构 一个基本的 Bootstrap 下拉菜单通常由以下部分组成: <!...用户可以点击按钮来展开菜单,然后选择菜单项来执行操作。 自定义下拉菜单 下拉菜单可以根据不同的设计需求进行自定义。您可以更改菜单项的样式、内容、触发按钮的样式等。...以下是一个示例,展示如何自定义下拉菜单: <!...您可以更改选项卡的样式、内容、默认活动选项卡等。以下是一个示例,展示如何自定义标签页: <!...总结 在本博客中,我们深入了解了 Bootstrap 插件,涵盖了轮播、模态框、下拉菜单、标签页和表单验证等常见插件。我们了解了它们的基本结构以及如何自定义它们以满足项目需求。

20530

Android Studio 3.2新功能特性

如果检测到有新信息要显示,那么当您启动Android Studio时,该面板将打开。您还可以通过选择Help> Android Studio中的新增功能来打开“Assistant”面板 。...通过从主菜单中选择Run > Profile来部署应用程序后,通过单击+并从下拉菜单中选择一个应用程序进程来启动一个新的会话 。...在应用程序启动期间记录CPU活动 您现在可以在应用程序启动期间记录CPU活动: 从主菜单中选择Run > Edit Configurations。...线程活动时间线仅指示每个线程可用的跟踪数据的位置,而不是实际的线程状态(如正在运行,正在等待或正在休眠)。...如果您的项目中已 包含C / C ++代码和库,请通过从主菜单中选择View > Tool Windows > Projec并从下拉菜单中选择Android,打开IDE左侧的项目窗口。

5.4K10

mac系统监控软件-iStat Menus 6 for Mac

说你的语言我们的菜单栏和下拉菜单现已本地化为阿拉伯语、加泰罗尼亚语、中文(简体)、中文(繁体)、克罗地亚语、捷克语、丹麦语、荷兰语、芬兰语、法语、德语、希腊语、希伯来语、匈牙利语、意大利语、日语、韩语、...记忆以饼图、图形、百分比、条形或这些内容的任意组合形式显示菜单栏的内存统计信息。打开菜单会显示使用最多内存的应用程序列表以及其他有用信息。...磁盘使用和活动菜单栏中查看多个磁盘的已用和可用空间。只需单击一下即可对所有磁盘进行 SMART 状态监控和更多详细信息。菜单栏中的详细磁盘 I/O,显示为图形、各种不同的读写指标,或两者兼而有之。...日期和时间菜单栏的高度可配置的日期、时间和日历,包括模糊时钟和月相。打开 iStat Menus 的日历以显示即将发生的事件或任何一天的事件。...电池和电源有关电池当前状态的详细信息以及高度可配置的菜单项,如果您正在耗尽、充电或完全充电,该菜单项可能会发生变化。

1.2K30

后台系统设计(上篇:选择)

·切换开关可包括文本或图标,例如「开/on」和「关/off」标签,但不建议标签过长,如果标签太长请考虑使用其他互斥的选择控件。 ·切换状态中使用微动画进行过渡,而不是生硬的呈现。...·下拉菜单选项按照某种逻辑顺序排序。例如,按照重要程度或被选择程度(可能性)进行排列。 ·对于大多数操作,当单击菜单或以外区域,菜单应该收起关闭;如果点击的菜单项是多选操作,则菜单应保持打开状态。...·禁用菜单项,而不是隐藏,以提高功能的可发现性。 ·下拉菜单文本保持简洁扼要,文本内容限制为单行。 ·请根据具体情况,定义列表项的最小和最大宽度,以适应其内容。...颜色下拉控件应该有允许用户输入的地方,这样用户就可以更加方便直观的输入品牌色或其他需求;对于自定义设置,可提供一部分色卡,这样对于不知如何下手、不知如何搭配颜色的人而言,提供了简单的选择。 ?...·在多选的情况下,由于是多选操作,我们将搜索框放在下拉菜单内,这样就不影响原有框体承载选项的问题。 ? 但是该模式极大的复杂了控件及用户的交互行为。

9.6K21

零基础入门 20: UGUI DropDown

就是我们所谓的下拉菜单,点开以后有一定数量的下拉选项,以供使用者进行对应的筛选操作等。 我从网上找到了一张下拉菜单的图。大家可以参考下,一看便知Dropdown是什么 ? 那如何使用呢?...(0起) Options:选项的设置,包括文本和图片 在知道了Dropdown的这些内容之后,有一点需要注意 下拉菜单的value代表了菜单的默认值,从0开始,如果当前赋值的数目不符合下拉菜单options...打开下拉菜单后,可以看到的确是选择的aa,并且aa前面有一个mark标记代表选中。 ? 而如果此时我们把value改为-1,结果如何呢?...通过上面的操作大家可以看出来,默认的value值为0,所以在非运行状态下显示的是第0个下拉菜单,即aa,那么运行后,我们在start里面将value修改为了2,此时运行后,下拉菜单的显示就变成了下标为2...在学会了如何动态的设置下拉菜单的内容以后,最后一步就是学习一下,如何菜单点击切换发生改变的时候,拿到这个事件,从而做一些事件处理。下面的这个视频也是这篇分享里的最后一个。

2.7K50

Windows10中的键盘快捷方式

徽标键 + E 打开文件资源管理器 Windows 徽标键 + F 打开反馈中心并获取屏幕截图 Windows 徽标键 + G 打开游戏栏(当游戏处于打开状态时) Windows 徽标键 + H 开始听写...如果应用已处于运行状态,则切换至该应用。...E打开文件资源管理器Windows 徽标键 + F打开反馈中心并获取屏幕截图Windows 徽标键 + G打开游戏栏(当游戏处于打开状态时)Windows 徽标键 + H开始听写Windows 徽标键...如果应用已处于运行状态,则切换至该应用。...),或选择第一个子文件夹 向左键 折叠当前所选内容(如果已展开),或选择该文件夹所在的文件夹 End 显示活动窗口底部 Home 显示活动窗口顶部 F11 最大化或最小化活动窗口 虚拟桌面的键盘快捷方式

4.5K20

一键完成对话需求?这款插件你不能错过(Unity3D)

你不必将它们添加到数据库中,但是如果你想在对话中方便地在下拉菜单中引用它们,你可以添加它们。 Actor:对话的主要参与者(通常是玩家)的显示名称。...如果在开始对话时允许打开字幕面板为真,对话系统将检查所有对话参与者以识别他们的字幕面板。 如果任何这些副标题面板指定它们应该在对话开始时立即打开,它就会打开它们。...如果你知道对话开始时没有任何面板被配置为打开,则可以取消此复选框以绕过该复选框。 将菜单面板分配给菜单面板列表。将默认菜单面板设置为默认菜单面板。 通常,您将只有一个菜单面板。...点击恢复取消或应用应用您的选择,这将关闭下拉菜单,并为您编写Lua代码: 如何编写Lua代码 如果你喜欢直接写Lua代码,你会发现它类似于c#或UnityScript。...Success Description 成功的描述 当任务处于成功状态时显示的描述。如果空白描述显示。 Failure Description 故障描述 当任务处于失败状态时显示的描述。

4.5K20

打印机扫描smb错误_打印服务器错误不能提供打印

1、首先要检查打印机是否处于联机状态如果打印机没有联机是无法进行工作的,检查打印机与电脑之间的连线是否正确。...3、可以重新启动打印机,待打开后,让打印机重新工作。...4、把打印机设置为默认打印机,点击开始,然后找到设备和打印机,打开打印机窗口,鼠标的右键点击打印机,在弹出的方框中,把设置为默认打印机前面的对勾选上。...5、检查打印机是否处于暂停打印的状态,在打开打印机窗口后,单击打印机,在菜单栏上面找到查看现在正在打印什么选项,在弹出窗口左上角找到打印机,点击打开后,在下拉菜单中找到暂停打印,然后取消前面的对勾即可。...7、打印机的驱动程序被破坏造成打印错误,这时,可以重新安装驱动程序,然后再进行打印,打开打印机,点击鼠标的右键,在弹出的方框中找到删除设备,点击删除这台打印机的专用文件就可以了。

4.4K30
领券