摘要:
为了更好的提升用户体验,我们这里再做一个很常用的开关组件 switch 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 switch 组件应分为选中/未被选中,两种状态 可以通过点击变更选中状态 不同的选中状态有不同的颜色,且有滑块处于不同的端 可以指定不同的尺寸 可以自定义颜 阅读全文
摘要:
做完按钮之后,我们应该了解了遮罩层的概念,接下来我们来做 Dialog 组件! 返回阅读列表点击 这里 需求分析 默认是不可见的,在用户触发某个动作后变为可见 自带白板卡片,分为上中下三个区域,分别放置标题、内容、操作 有两个基本操作:确定、取消 卡片后应放置淡黑色遮罩层,遮住原本网页内容 可以自定 阅读全文
摘要:
官网基本做好了,接下来开始做核心组件 返回阅读列表点击 这里 目录准备 在项目 src 目录下创建 lib 文件夹,用来存放所有的核心组件吧。然后再在 lib 文件夹下创建 Button.vue 文件。 您也可以进行结构化设计,比如,这里就不进行了。 |-lib |-Button |- Button 阅读全文
摘要:
官网的首页做完了,接下来开始做官网的文档页 返回阅读列表点击 这里 路由设计 先想想我们需要文档页通向哪些地方,这里直接给出我的设计: 所属 子标题 跳转路径 文件名(*.vue) 指南 介绍 /document/introduction Introduction 指南 安装 /document/i 阅读全文
摘要:
顶部边栏做完了,接下来开始做官网的首页 返回阅读列表点击 这里 创建视图文件夹 让我们先新建一个 src/views 文件夹,用来存放官网的主要视图 然后在该文件夹下新建两个 vue 文件,作为我们的视图 Home.vue,首页 Document.vue,文档页 再配置一下 router.ts 来实 阅读全文
摘要:
顶部边栏比较简单,而且首页和文档页都需要,所以我们先从顶部边栏做起 前文回顾点击 这里 🍰 返回阅读列表点击 这里 初始化 首先,在 components 文件夹下,创建一个 vue 组件,命名为 Topnav.vue ,然后快速创建 vue 模板,代码如下: 点击查看代码 <template> 阅读全文
摘要:
阅读列表 🔖 ✅ 01 - Vue3 UI Framework - 开始 ✅ 02 - Vue3 UI Framework - 顶部边栏 ✅ 03 - Vue3 UI Framework - 首页 ✅ 04 - Vue3 UI Framework - 文档页 ✅ 05 - Vue3 UI Fram 阅读全文
摘要:
写在前面 一年多没写过博客了,工作、生活逐渐磨平了棱角。 写代码容易,写博客难,坚持写高水平的技术博客更难。 技术控决定慢慢拾起这份坚持,用作技术学习的阶段性总结。 返回阅读列表点击 这里 开始 大前端时代,最近在面试前端工程师的过程中,有感而发,技术更新迭代快,学习成本高。浏览了各大博客论坛,千差 阅读全文
摘要:
1 public static class LangHelper 2 { 3 /// <summary> 4 /// 根据关键字获取当前语言环境下的提示信息 5 /// </summary> 6 /// <param name="key"></param> 7 /// <param name="re 阅读全文
摘要:
前言 近年来前端一直很火,特别是Angular.js、React.js和Vue.js,作为一名常年开发C/S、B/S应用的我一直想入坑,特别是Vue.js项目可以直接打包成跨平台的App这一点,但却迟迟没有付出实际行动。 之前玩过Ajax.js和EasyUI框架,相信接下来的日子里也能很快入坑Vue 阅读全文