摘要：
1、在项目中安装jquery。 npm install jquery --save-dev 2、在项目根目录下的build/webpack.base.conf.js文件中： ① 先写以下代码 var webpack = require("webpack") ②在module.exports的最后写 阅读全文
posted @ 2020-03-17 17:33
奔向太阳的向日葵
阅读(392)
评论(0)
推荐(0)
摘要：
对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。 例如： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT 阅读全文
posted @ 2020-03-17 17:29
奔向太阳的向日葵
阅读(5834)
评论(2)
推荐(1)
摘要：
问题：行内元素和行内块元素之间换行的话，即使除去内外边距，他们之间还是会有距离，如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .span-wrap spa 阅读全文
posted @ 2020-03-17 17:23
奔向太阳的向日葵
阅读(887)
评论(0)
推荐(0)
摘要：
1、first-child first-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签，代码如下： 阅读全文
posted @ 2020-03-17 17:17
奔向太阳的向日葵
阅读(2210)
评论(0)
推荐(0)
摘要：
有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）。 这时如果能排除第一个元素，并给其他元素设置margin- 阅读全文
posted @ 2020-03-17 17:14
奔向太阳的向日葵
阅读(3138)
评论(0)
推荐(0)
摘要：
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。 一、css盒子模型概念 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（p 阅读全文
posted @ 2020-03-17 17:11
奔向太阳的向日葵
阅读(216)
评论(0)
推荐(0)
摘要：
原始代码： <html> <head> <title>Float</title> <style type = "text/css"> ul { list-style-type: none; width: 800px; background: blue; } li { float: left; } < 阅读全文
posted @ 2020-03-17 17:06
奔向太阳的向日葵
阅读(2297)
评论(0)
推荐(0)
摘要：
1. 如下图所示，图的位置大小以及图例的位置： 2. 代码如下图所示：legend位置（图例位置），radius大小（图大小），center位置（图位置） var option = { title: { text: '', subtext: '', x: 'center' }, tooltip: { 阅读全文
posted @ 2020-03-17 17:00
奔向太阳的向日葵
阅读(39722)
评论(0)
推荐(1)
摘要：
由两个元素控制 option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, legend: { orient: 'vertical', x: 'left', data:['直接访问','邮件营销',' 阅读全文
posted @ 2020-03-17 16:55
奔向太阳的向日葵
阅读(1658)
评论(0)
推荐(0)
摘要：
导入excel表格 <!-- 导入 --> <el-dialog width="35%" :visible.sync="importVisible" class="importVisible"> <h3 slot="title" class='dialogTitle'>导入</h3> <el-inp 阅读全文
posted @ 2020-03-17 16:27
奔向太阳的向日葵
阅读(282)
评论(0)
推荐(0)
摘要：
在使用Echarts制作柱状图的时候，通常在横轴每个标签只有一个柱子的时候，每个柱子的颜色都是一样的，如下图所示： 然而，很多时候我们为了使界面更加美观，通常会有使每个柱子颜色都不相同的需求。那么这时候，我们需要在itemStyle的normal状态下，首先根据柱子的数量设置一个颜色的数组。然后柱子 阅读全文
posted @ 2020-03-17 16:19
奔向太阳的向日葵
阅读(1554)
评论(0)
推荐(0)
浙公网安备 33010602011771号