娃哈哈_的博客

文章目录前言一、创建项目二、编写组件1.button组件2.引入字体图标icon文件3.引入Button组件看效果三、修改目录结构1. packages文件夹2. 打包修改2. demo展示四、将UI库部署到npm上五、项目使用自己的UI库总结前言github：https://github.com/Dream-wu/mj-ui知识基础：vue基础语法、过渡与动画处理组件思想vue-cli项目结构npm发布流程一、创建项目# CLI (@vue/cli) 是一个全局安装的 npm

css 水平举止居中方案【面试必备】

前言：sass和Less等css预处理器，已经被前端工程师们应用了好多年了，其中很多变量、函数、嵌套等规则让我们写起css来非常高效。在新一代的css规范中，也慢慢加入了一些新特性，支持css的动态编写等。虽然目前浏览器支持度不是很好，但一定是未来的趋势~文章目录前言：一、css新特性1、支持变量var()2、自定义属性集3、计算属性方法calc()4、语义化的媒体查询@custom-media5、嵌套写法&6、 image-set() 函数7、color() 函数二、在vue-cli4中使用

文章目录前言一、position: sticky[css]二、代码实现1.表头吸顶2.第一列固定源码链接前言在后台管理系统中，经常会有大量表格，且表格内容很多。我们通常为了方便浏览数据，需要对表格做一些特效，今天我要用最简单的CSS属性position实现的是：【表头吸顶】，【固定第一列】。提示：以下是本篇文章正文内容，下面案例可供参考一、position: sticky[css]sticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。position: sticky; 基于用户