div 内部的 input 表单 ; 3、密码输入框样式设置 密码输入框样式设置 : 设置 输入框 的 宽度为 370 像素 , 高度设置为 30 像素 , 右侧的 小图标 大小 预留 30 x 30...去掉默认的外边框样式 */ outline: none; 取消外边框的样式如下 : 部分代码示例 : .box input { /* 设置 .box 内的输入框样式...设置 右侧 图标按钮 img 标签元素 , 在 label 标签中添加 img 标签子元素 ; ...这里使用 绝对定位 设置该 img 标签位置 ; 将图片放置在 布局右侧 , 距离顶部 和 右侧 各 2 像素 , 如果将 图片大小设置为 24x24 像素 , 则底部距离图片也有 2 像素 ;...左右自动居中 */ margin: 100px auto; } .box input { /* 设置 .box 内的输入框样式
NexT 使用的是 Font Awesome 提供的图标, Font Awesome 提供了 600+ 的图标,可以满足绝大的多数的场景,同时无须担心在 Retina 屏幕下 图标模糊的问题。...其中 item name 是一个名称,这个名称并不直接显示在页面上,她将用于匹配图标以及翻译。...那么就需要修改简体中文对应的翻译文件 languages/zh-Cn.yml,在 menu 字段下添加一项: menu: home: 首页 archives: 归档 categories:...: /404/ || fa fa-heartbeat # 404页面 menu_settings: icons: true badges: false 在菜单图标开启的情况下,如果菜单项与菜单未匹配...请注意键值(如 home)的大小写要严格匹配 4.设置侧栏 默认情况下,侧栏仅在文章页面(拥有目录列表)时才显示,并放置于右侧位置。
fa-download %} {%cell 查看文档, /, fa fa-download %} {%endbtns %} 十玖八柒 下载源码 查看文档 可以在容器内增加 标题 和...另外可以通过添加faa-fast动画加速,faa-slow动画减速 引入动态图标时,只需要引入动态图标的开源库:,然后在图标后面添加动态图标属性即可 以menu上的图标为例: menu: 主页...以阿里云图标库(Iconfont)为例; 在阿里云图标库找到自己想要引入的图标,点击添加到购物车; 点击购物车,选中添加到项目按钮; 如果没有项目,就新建一个; 添加完成后自动跳转到项目界面;...然后点击查看在线链接; 首次会提示需要生成代码(加入新的图标后,会提示更新代码),按照提示生成即可,然后复制生成的代码,在主题配置文件中引入; 复制图标代码(icon-jiaoliu),在需要引入图标的位置填入即可...直接对文章加密 在需要加密文章的的Front-master中添加password字段或其它扩展字段(不加扩展字段默认提示是英文) 不加拓展字段: --- title: xxxx date: 2021-
侧边栏社交链接 侧栏社交链接的修改包含两个部分,第一是链接,第二是链接图标。 两者配置均在 主题配置文件 中。 (1) 链接放置在 social 字段下,一行一个链接。...(2) 设定链接的图标,对应的字段是 social_icons。...其键值格式是: 匹配键: Font Awesome 图标名称, 匹配键与上一步所配置的链接的显示文本相同(大小写严格匹配),图标名称是 Font Awesome 图标的名字(不必带 fa- 前缀)。...-- more --> 手动进行截断,Hexo 提供的方式 推荐 (2) 在文章的 front-matter 中添加 description,并提供文章摘录 (3) 自动形成摘要,在 主题配置文件 中添加...fa-eye"> 本站访客数 site_uv_footer: 次 # custom pv span for the whole site site_pv: true site_pv_header
/images/loading.gif hexo-pdf pdf传送门 宅音乐侧栏播放器插件 体验 目前在next中可能引起部分css冲突,建议在next中使用在单个页面中。...Font Awesome 是一套绝佳的图标字体库和CSS框架。...要使用Font Awesome图标,请在HTML页面的 部分中添加以下行: 1、国内推荐 CDN 动态图标 <i class="<em>fa</em> <em>fa</em>-spinner...; iframe <em>在</em>文章中插入 iframe。
在 Select Icon 对话框中,选择一个素材图标,然后点击 OK。 在 Path 字段中,指定图片的路径和文件名。点击 ... 以使用对话框。 在 Text 字段中,输入文本字符串并选择字体。...图标会显示在右侧的 Source Asset 区域以及向导底部的预览区域中。 (3)(可选)更改名称和显示选项: Name - 如果您不想使用默认名称,请输入新名称。...在 Select Icon 对话框中,选择一个素材图标,然后点击 OK。 在 Path 字段中,指定图片的路径和文件名。点击 ... 以使用对话框。 在 Text 字段中,输入文本字符串并选择字体。...图标会显示在右侧的 Source Asset 区域以及向导底部的预览区域中。 (3)(可选)更改名称和显示选项: Name - 如果您不想使用默认名称,请输入新名称。...示例1:在 Clip Art 字段中选择一个图标 效果1: 示例2:在 Text 字段中,输入字符“ 37 ” 效果2: 示例3:在 Path 字段中,指定图片的路径和文件名 效果3:
php _me("响应耗时") ?> 百度收录检测 修改教程 修改 1.在模板post.php加入(我是handsome) 右侧边栏添加全站字数 修改教程 在 component/sidebar.php的开头加入下面的代码: <?...设置图标 设置方法:在 icons 的 array 数组中插入 '分类缩略名' => '图标' 即可。...然后在名称前插入 " data-feather=" ,再输入名称即可。...其他 SVG 格式的图标 使用方法 在 svg 的开头加入 "> ,在结尾加入 ` 即可。
、删除行也很方便,上部的+、-按钮能直接添加行或删除选中的行,编辑列同样也很方便,双击要修改的列,输入修改后的值,鼠标在其他部分点击就完成修改了 有的时候我们要把某个字段置为null,不是空字符串"",...顶部可以填写表名、表注释,中间可以点击右侧绿色+号添加列,列类型type也是能自动补全,default右侧的消息框图标点击后能对列添加注释,旁边的几个tab可以设置索引及外键所有这些操作的DDL都会直接在底部显示...,输入需要导航的名称,回车即可 3、全局搜索连续两次按下shift键,或者鼠标点击右上角的搜索图标,弹出搜索框,搜索任何你想搜索的东西 4、结果集搜索在查询结果集视图区域点击鼠标,按下Ctrl+F快捷键...,按下Shift+F6快捷键,弹出重命名对话框,输入新的名称 2、自动检测无法解析的对象如果表名、字段名不存在,datagrip会自动提示,此时对着有问题的表名或字段名,按下Alt+Enter,会自动提示是否创建表或添加字段... 3、权限定字段名对于查询使用表别名的,而字段中没有使用别名前缀的,datagrip能自动添加前缀,鼠标停留在需要添加别名前缀的字段上,使用Alt+Enter快捷键 4、*通配符自动展开查询的时候我们会使用
shields.io提供直接在URL内添加样式属性的功能。使用?引用,使用&连接各属性。...-- 添加图标和图标宽度 --> 图片 在主题配置文件_config.butterfly.yml的footer配置项中添加徽标,注意事先压缩一下,...基本参数,定义徽标左右文字和图标 {% bdage Theme,Butterfly %} {% bdage Frame,Hexo,hexo %} 信息参数,定义徽标右侧内容背景色,指向链接 {% bdage...-- fa图标,也支持阿里图标 --> Powered <span class="
link=https://hexo.io"> 拓展写法示例 属性说明 仅仅如此肯定是不能令人满意的,还可以继续添加样式。 shields.io提供直接在URL内添加样式属性的功能。...-- 添加图标和图标宽度 --> 样式预览 图片 在主题配置文件_config.butterfly.yml的footer配置项中添加徽标,注意事先压缩一下...基本参数,定义徽标左右文字和图标 {% bdage Theme,Butterfly %} {% bdage Frame,Hexo,hexo %} 信息参数,定义徽标右侧内容背景色,指向链接 {% bdage...-- fa图标,也支持阿里图标 --> Powered <span class="
实例交换属性 要添加实例交换属性,请选择一个图层并单击右侧菜单中图层名称附近的图标。将此属性命名,例如“图标”,并设置默认值。...文本属性 要设置文本属性,请选择一个文本图层,然后在右侧菜单的内容部分中,单击图标。...指定图层名称,然后在值输入字段中指定一个值,例如:“按钮” 布尔属性 选择一个图层,然后在图层部分,单击图标以添加布尔属性。给它一个名称,例如“显示图标”,并将其设置为 true 或 false。...变体 您可以从右侧菜单中添加变体。 首先,让我们创建一个变体组。选择组件,单击属性部分中的加号图标,然后选择“变体”。 然后,在右侧菜单中,将属性命名为“State”,将变体命名为“Enable”。...例如,对于一个按钮,我们不能为布尔属性和交换属性赋予相同的名称,即“图标”。为了克服它,您可以在布尔属性中写入单词“Icon”之前添加单词“Show”。
course_org', 'detail','degree','learn_times','students','fav_nums','image','click_nums','add_time'] # 设置显示图标...model_icon = 'fa fa-check-square' # 设置字段可以直接在列表页修改 list_editable=['desc','degree'] # 设置默认排序...click_num','fav_nums','image','address','city','add_time'] # 某一个model指向它时,它是以ajax加载的方式来完成的,通过搜索来进行添加某个字段...course的同时,在同页面添加相应的章节与课程资源 class CourseAdmin(object): inlines = [LessonInline,CourseResourceInline]...list_filter,列表时,定制右侧快速筛选。 list_select_related,列表时,连表查询是否自动select_related。 action,列表时,定制action中的操作。
启用弹性搜索解释器 在笔记本中,要启用弹性搜索解释器,请单击齿轮图标,然后选择弹性搜索。...使用弹性搜索解释器 在段落中,用于%elasticsearch选择Elasticsearch解释器,然后输入所有命令。要获取可用命令的列表,请使用help。... 如果要修改结果集的大小,可以在搜索命令之前添加一个设置大小的行。...使用包含fields参数(用于过滤响应中的字段)的JSON查询:在这种情况下,响应中的所有字段值都是数组,因此,在平坦化结果之后,所有字段名称的格式为field_name[x] ?...%elasticsearch delete /index/type/id 应用Zeppelin动态表单 您可以在查询内使用Zeppelin 动态表单。
接下来就是在操作控制台中输入命令创建超级管理员账号,命令是python manage.py createsupperuser ?...根据提示输入相应的账号,邮箱和用户名,记得在登录xadmin后台之前一定 迁移同步,将xadmin对应的表迁到mysql数据库中 接下来就是跑起我们的项目,在对应的url网址后面后面加入/xadmin,...首先我们先找到设置图片的代码, model_icon = ‘fa fa-picture-o’ 这段注册后台图标的代码是在,如图所示 ?...如果我们想可以添加最新版的图标,我们从官网上下载最新版,将下载的文件中的css和font拷贝到或替换到下图中的标注红色文件夹中 ?...model_icon = ‘fa fa-address-card’添加到相对性的adminx.py中对应的类中 class GoodCategoryBrandAdmin(object): """ model_icon
教程案例是添加在页脚。...输入相关信息后,点击make badge即可得到徽标的URL。可以用img标签引用,写法简单。不过正式写法建议用object标签引用,写法示例如下。...拓展写法示例 在[Blogroot]\_config.butterfly.yml的footer配置项中添加徽标,注意事先压缩一下,使他们只留一行。...---- 插件化写法 修改[Blogroot]\themes\butterfly\layout\includes\footer.pug,添加页脚标签循环节: 在[Blogroot]\_config.butterfly.yml...-- fa图标,也支持阿里图标 --> Powered <span class="
在更新后,自动布局更加的完善好用,可以做出非常多的响应式效果。...在间距调整属性旁边,还有一个“回”字形图标,通过它我们可以调整内间距,也就是我们常说的Padding。...当然,我们也可以用输入数值的方式来分别设定上下左右Padding值,比如在数值框中填写“100,50,50,100”,记得逗号是小写。...在这里,最右侧的Alignment and Padding(对齐和均分)选项也可以进行如下的操作,辅助我们进行如底部菜单栏图标的均分。下图分别对均分选项使用了Packed和Space between。...同时,文本字段请注意进行左对齐操作。 接下来,对下图所示的容器同样添加Auto Layout,并将Resizing中的横向设置改为Fill container。
,并返回Postman在接口中显示的响应。...③Filter(过滤输入框):可以对历史记录及集合进行过滤; ④clear all:清除所有历史记录; ⑤Save Response:打开表示保存所有历史记录及其响应; ⑥鼠标悬浮于历史请求,弹出对请求的相关操作...:标示API请求同步状态; ⑦抓取API请求图标:使用Postman抓取API请求; ⑧设置图标:管理Postman应用设置并查找其他支持资源; ⑨通知图标:接收通知或广播; ⑩爱心图标:用于联系Postman...①Authorization:身份验证,主要用来填写用户名密码,以及一些验签字段,postman有一个helpers可以帮助我们简化一些重复和复杂的任务。...工作台右侧为请求之后的响应码; ?
2FA 的全程是 Two-Factor Authentication,是一种独立于账户密码的验证程序。...为了提高账户安全性,2FA 的运用其实相当普遍,像是早些年流行的密保卡和银行的动态口令都属于 2FA 的一种。...在弹出的窗口中,设置验证器的名称,图标,并粘贴刚刚复制的密钥,最后点击 Verify Authenticator。将下方生成的动态密码填入到上一步网页中的安全代码输入框,点击启用即可。...第一次添加验证器时,WinAuth 会提示添加保护措施,从上到下依次为密码保护,Windows 登录验证保护和 UKEY 保护。...再次返回到 WinAuth 主界面时,已经可以看到添加的 Epic 两步验证码了。点击右侧圆圈即可生成验证码用于登录。
text-center class属性:文本居中: 例:your text btn class属性:Bootstrap风格按钮: 例:按钮 btn-block class属性:使其按钮填满水平空间: 例:按钮 注意:添加...[row class属性:响应式网格布局——可轻松实现将多个元素放入一行并指定各个元素的相对宽度的需求。...(笔记本屏幕) col-xs-* class属性:xs(应用于较小的屏幕,比如手机屏幕),* 是需要填写的数字,代表在一行中, 各个元素应该占的列宽。...标签:创建文本内元素:text 例:textlove 结果:textlove(love是红色) Font Awesome图标库:一个非常方便的图标库。...你可以将 Font Awesome 中的 class 属性添加到 i 元素中,把它变成一个图标 例: fa fa-thumbs-up:赞图标 谢谢大家观看~
', ] 1、在settings.py中加入: STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static"), ] 2、在项目下新建目录static...python manage.py collectstatic 启动项目查看效果 python manage.py runserver 浏览器打开: http://localhost:8000/admin/输入用户名...menus说明 字段 说明 name 菜单名 icon 图标,参考element-ui和fontawesome图标 url 链接地址,绝对或者相对,如果存在models字段,将忽略url models...后续可考虑扩展Model的 Meta class 进行配置图标 字段 说明 name 模块名字,请注意不是model的命名,而是菜单栏上显示的文本,因为model是可以重复的,会导致无法区分 icon...图标 例子: SIMPLEUI_ICON = { '系统管理': 'fab fa-apple', '员工管理': 'fas fa-user-tie' } https://github.com
领取专属 10元无门槛券
手把手带您无忧上云