自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 组件逻辑系列—TodoList组件(第一版)

todoList组件第一版 4月26日 18:38主容器设置样式.todoapp { background: #fff; margin: 130px 0 40px 0; position: relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);}头部区域header完成添加事件的功能逻辑v-model双向绑定newTodo属性相对于绑定一个

2021-04-26 18:38:36 239

原创 组件逻辑系列—$showmessage弹出消息组件方法(第一版)

弹出消息组件方法($showmessage)第一版 4月25日 17:30组件逻辑#mermaid-svg-fvWk3ReAZxm24nXw .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-fvWk3ReAZxm24nXw .label text{fill:#333}#mermaid-svg-fvWk3Re

2021-04-25 17:31:38 347

原创 组件逻辑系列—Layout布局组件(第一版)

布局组件(Layout)4月25日 16:13组件逻辑#mermaid-svg-hg0dvewTlmtBmzvn .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-hg0dvewTlmtBmzvn .label text{fill:#333}#mermaid-svg-hg0dvewTlmtBmzvn .nod

2021-04-25 16:13:43 201

原创 组件逻辑系列—SiteAside侧边栏组件(第一版)

侧边栏组件(SiteAside)第一版 4月25日 16:01组件逻辑封装头像组件,菜单组件,连接组件·代码<template> <div class="site-aside-container"> <Avatar url="头像路径" /> <h1 class="title">这是一个侧边栏</h1> <Menu /> <Contact /> <p class="

2021-04-25 16:02:41 155

原创 组件逻辑系列—Menu菜单组件(第一版)

菜单组件(Menu)第一版 4月25日 15:14组件逻辑#mermaid-svg-cQwWSYFxX2CKtvjT .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-cQwWSYFxX2CKtvjT .label text{fill:#333}#mermaid-svg-cQwWSYFxX2CKtvjT .n

2021-04-25 15:15:06 245

原创 组件逻辑系列—Note便利贴组件(第一版)

便利贴组件(Note)第一版 4月25日 14:57组件逻辑#mermaid-svg-M4AaEdV6oGPGvlZw .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-M4AaEdV6oGPGvlZw .label text{fill:#333}#mermaid-svg-M4AaEdV6oGPGvlZw .

2021-04-25 14:58:13 103

原创 组件逻辑系列—ImageLoader图片模糊加载组件(第一版)

图片模糊加载组件(ImageLoader)第一版 4月25 14:23组件逻辑#mermaid-svg-V7bTgViklkRHwvm5 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-V7bTgViklkRHwvm5 .label text{fill:#333}#mermaid-svg-V7bTgVikl

2021-04-25 14:23:52 134

原创 组件逻辑系列—Empty空白数据组件(第一版)

空数据组件(Empty)第一版 4月25日 13:50组件逻辑#mermaid-svg-pbkBvLOuZUWqVJvQ .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-pbkBvLOuZUWqVJvQ .label text{fill:#333}#mermaid-svg-pbkBvLOuZUWqVJvQ

2021-04-25 13:51:47 338

原创 组件逻辑系列—Pager分页组件(第二版)

分页组件(Pager)第一版 4月25日 11:10组件逻辑#mermaid-svg-V8CuVpMbVSJaRGzG .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-V8CuVpMbVSJaRGzG .label text{fill:#333}#mermaid-svg-V8CuVpMbVSJaRGzG .

2021-04-25 11:11:08 149

原创 组件逻辑系列—Icon图标组件(第二版)

图标组件(Icon)第一版 4月25日10:04组件逻辑#mermaid-svg-0FYuv1V2xK7Uw1k6 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-0FYuv1V2xK7Uw1k6 .label text{fill:#333}#mermaid-svg-0FYuv1V2xK7Uw1k6 .n

2021-04-25 10:06:54 230

原创 组件逻辑系列—Avatar头像组件(第一版)

头像组件(Avatar)第一版4月25日(9:48)组件逻辑#mermaid-svg-wT8FhR7NbDlqsi73 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-wT8FhR7NbDlqsi73 .label text{fill:#333}#mermaid-svg-wT8FhR7NbDlqsi73 .

2021-04-25 09:50:10 757

原创 Markdown基础笔记(个人笔记)

Markdown汇总记忆[标题#,字体样式**/,分割线* * *, 删除线~~,下划线</>u,脚注[ ^ ],有序列表num.,无序排列 *,区块>,代码引用```,图片! [] (),表格|-:]注意实现:文件后缀名.md如果仅在文本前添加特定符号来实现某个功能时,需要在符号和文本之间添加空格标题#利用“#”号的多少来表示第几级标题可以到六级标题,即“...

2020-04-17 00:14:13 176

原创 20-04-09学习小记

4月9日记录vue-datepicker(日期选择器)利用css做出一个三角形```css width: 0; height: 0; border: 6px solid transparent; border-bottom-color: red;```css属性outline```css.div{ outline: none;//取消聚焦边框...

2020-04-10 20:28:50 110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除