自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS单位比较和使用

1.css单位CSS 有几种表示长度的不同单位。许多 CSS 属性接受“长度”值,诸如width、margin、padding、font-size等。长度是一个后面跟着长度单位的数字,诸如10px、2em等。css单位主要包含两部分:绝对单位和相对单位绝对单位:就是元素的长度是固定的,不管是在那个平台上面都是一样的长度。不会随着平台的变化而自适应的变化出响应的长度常见的绝对单位就是px相对单位:就是元素的长度是根据另外一个长度变化而变化的。是动态的,当这个元素的长度变化...

2021-08-02 11:00:47 170

原创 vue组件化开发

1.vue组件化开发父页面<template> <div id="app"> <div class="header"> <myHeader></myHeader> </div> <div class="container"> <myAside></myAside> <myMain></myMain> </div> &l

2021-08-02 10:00:56 113

原创 flex布局

1.给父容器添加display: flex/inline-flex;属性,即可使容器内容采用弹性布局显示,而不遵循常规文档流的显示方式;在item里面使用的任何布局都会失效<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .box{ width: ...

2021-07-30 11:40:52 224

原创 CSS3 超出的部分显示隐藏为...

overflow:hidden; text-overflow:ellipsis; white-space:nowrap

2021-07-29 14:37:43 129

原创 登录页面的调用接口的路由跳转

login () { // 直接跳转 // this.$router.push({ path: '/home' }) // 先获取到表单的引用对象 this.$refs.loginFormRef.validate(async valid => { // console.log(valid) // 如果 valid取反 就表示valid为false 直接返回 不发起请求 只有valid为true时才...

2021-07-19 17:46:30 3033

原创 在vue项目里面使用dataV 和echarts实现数据可视化大屏展示

在上面我们已经在vue里面添加了路由了,我们还需要以内dataV组件npm install @jiaminghi/data-view// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)这样dataV就配置好了接下来引入echartsnpm install echarts@4.9.0 (切记下载4.9的版本,5.0的可能会与vue2.0不兼容)下载完成后在main.js里面引入//.

2021-07-16 10:10:21 1408

原创 在HBuilder里面创建的vue项目没有路由该如何配置

1.先创建一个vue项目在HBuilder里面创建一个vue项目,如下只要点击创建HBuilder就会自动的给我们创建一个vue项目,创建的结构如下我们只需要在命令行输入npm run serve,vue项目就会启动起来了在浏览器里面输入http://localhost:8081/打开就可以了,如下所示现在,我们这个vue的项目就算启动完成了,也没有报错,但是,我们发现创建的这个结构没有路由,没有路由,那我们如何进行页面跳转呢,只需要做如下几步1. 在pa...

2021-07-16 09:49:29 3227

原创 用vue脚手架创建一个vue项目

1.准备工作需要安装nodeJS ,可以直接去官网下载。下载完成后npm就会自动的下载安装成功后就可以在cmd里面查看当前的版本号 node -v(npm -v)2.接下来就可以安装vue脚手架 npm install -g vue-cli # 只需要第一次安装时执行 vue create my-project # 使用vue 创建一个vue项目 cd my-project #进入到项目目录中(一定要进入到创建的目录中) npm install # 下..

2021-07-13 17:31:51 172

原创 常见的组件引入使用

1111

2021-07-13 09:26:44 135

空空如也

空空如也

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

TA关注的人

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