vue
katr1na
这个作者很懒,什么都没留下…
展开
-
从0开始搭建高仿华为云教育课堂官网(二)引入element-ui编写首页轮播图
之前上过一些华为云的前端教育课程,最终考核是以vue为基础搭建一个华为云教育课堂的官网,网址如下https://classroom.devcloud.huaweicloud.com/home下面记录一下搭建网站的全过程。回顾一下截止目前的进度抽象出了一个Nav导航栏组件,引入到主页面中,并且鼠标滑过时会更换字体颜色搭建网站主页面(2)利用elementui实现轮播图观察到网站首页在导航栏下方就是一个轮播图,轮播图有多种实现方式,甚至可以用原生js去写,这里为了方便美观使用了element-u原创 2020-09-23 15:23:18 · 1065 阅读 · 0 评论 -
从0开始搭建高仿华为云教育课堂官网(一)创建项目和搭建导航栏
之前上过一些华为云的前端教育课程,最终考核是以vue为基础搭建一个华为云教育课堂的官网,网址如下https://classroom.devcloud.huaweicloud.com/home下面记录一下搭建网站的全过程。使用vuecli 4.x快速创建项目在开始之前已经默认安装好了nodejs,npm,vue,vuecli等常规工具可以在控制台使用vue--version查看安装的vue-cli版本,这篇文章使用的版本是 @vue/cli 4.4.6进入想要创建的文件夹目录在控制台输入原创 2020-09-17 14:25:25 · 1107 阅读 · 0 评论 -
vue中如何设置鼠标经过切换样式
vue中如何设置鼠标经过切换样式第一步在需要设置样式的标签上加上mouseover和mouseout属性,代码如下<p class="content-p" @mouseover="addActive($event)" @mouseout="removeActive($event)">@可以替换为v-on:,不影响使用这里p标签的样式是“content-p”$event是指当前触发的是什么事件(鼠标事件,键盘事件等)第二步在vue的methods里添加addActive和remo原创 2020-09-08 20:01:01 · 7874 阅读 · 0 评论