自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 VUE添加项目中用到的icon图标

如果所有图标都是图片的话,项目文件体积会变大,所以建议把一些icon图标做成svg格式进而转换为字体,这样不但文件体积会变小而且还能改变大小不失真还可随意改颜色。点击生成的代码链接打开转成的css样式。全选复制,在项目里新建icon样式文件。在主样式中引用icon图标样式。添加图标样式就完成了。

2024-03-26 11:25:14 279 1

原创 VUE调整初始目录结构

路由清理了,那logo图和原来的home和about以及组件也就不需要了,删除。首先打开App.vue文件,删除导航链接,删除style里的样式。调整初始目录结构是要得到一个干净的项目,我们先打开所创建的项目。打开路由页面,删除原来的路由,以后要用我们自己的。试着添加一个样式进行测试。基本项目结构就完成了。

2024-03-26 11:13:51 208

原创 基于VUE2项目的创建

Babel是ES6编译成ES5可以适配各种浏览器的,Router是管理路由的,CSS Pre-processors是样式预处理如less和sass,Vuex是项目中数据状态管理,Linter / Formatter是代码格式规范。我们把 Babel,Router,Vuex,CSS Pre-processors,Linter / Formatter都选中。安装成功后会出现这个,如果是npm 就用 npm run serve启动,如果是yarn 就用 yarn serve启动。回车后选择第三项,手动方式创建。

2024-03-26 10:23:06 526

空空如也

空空如也

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

TA关注的人

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