![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件逻辑
文章平均质量分 90
平平凡凡不普通人
平平凡凡随遇而安的不普通人
展开
-
组件逻辑系列—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 · 218 阅读 · 0 评论 -
组件逻辑系列—$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 · 324 阅读 · 0 评论 -
组件逻辑系列—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 · 191 阅读 · 0 评论 -
组件逻辑系列—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 · 147 阅读 · 0 评论 -
组件逻辑系列—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 · 222 阅读 · 0 评论 -
组件逻辑系列—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 · 97 阅读 · 0 评论 -
组件逻辑系列—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 · 129 阅读 · 0 评论 -
组件逻辑系列—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 · 330 阅读 · 0 评论 -
组件逻辑系列—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 · 142 阅读 · 0 评论 -
组件逻辑系列—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 · 225 阅读 · 0 评论 -
组件逻辑系列—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 · 745 阅读 · 0 评论