菜鸟成长日记lx

2021年1月13日

摘要： //在使用之前要安装Echarts 插件，在入口文件main.js 引入注册<template> <div class="panel-container"> <!-- <div class="tooltip"> <div class="top"></div> <div class="bottom"> 阅读全文

posted @ 2021-01-13 16:40 菜鸟成长日记lx 阅读(463) 评论(0) 推荐(0)

2021年1月11日

VUE动态组件渲染

摘要：在某一个页面有多个组件需要同时引入或者按需引入，并且通过后端接口控制显示哪些组件。 <template> <div class="item-product-coms"> <div class="component-box flex-column"> <div class="module-item-t 阅读全文

posted @ 2021-01-11 22:43 菜鸟成长日记lx 阅读(3769) 评论(0) 推荐(0)

2020年12月24日

圆形边框的渐变的实现

摘要：直接上代码： <style type="text/css"> * { margin: 0; padding: 0; } .outbox { width: 100px; height: 100px; box-sizing: border-box; padding: 5px; border-radius 阅读全文

posted @ 2020-12-24 11:42 菜鸟成长日记lx 阅读(278) 评论(0) 推荐(0)

2020年12月23日

盒子高度是百分比的时候里面的内容垂直居中

摘要：只需要在父元素中添加 display: table; 子元素中添加 display: table-cell;vertical-align: middle; 上代码： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <met 阅读全文

posted @ 2020-12-23 16:32 菜鸟成长日记lx 阅读(196) 评论(0) 推荐(0)

2020年12月22日

echarts -- 饼图引导线的设置

摘要： seriesData: [ { name: "进站乘客统计", type: "pie", radius: [0, 70], center: ["25%", "40%"], itemStyle: { normal: { label: { show: true, position: "outside", 阅读全文

posted @ 2020-12-22 16:25 菜鸟成长日记lx 阅读(10116) 评论(0) 推荐(0)

2020年12月8日

列出你所知道可以改变⻚⾯布局的属性

摘要：简单来说就是迫使页面脱离标准流的操作（浮动，脱标的定位等【position 、 display 、 float 、 width 、 height 、 margin 、 padding 、 top 、 left 、 right 、】）阅读全文

posted @ 2020-12-08 10:54 菜鸟成长日记lx 阅读(154) 评论(0) 推荐(0)

2020年12月4日

vue 组件传值（父传子，子传父，兄弟组件之间传值）

摘要：父传子 1.先要在父组件中引入子组件 2.在子组件上绑上想要传递的值 3.子组件通过props来接受传递过来的值父组件中的写法：子组件中接收传过来的值：未完待续。。。。。。。。。。。。。。。。。。阅读全文

posted @ 2020-12-04 18:20 菜鸟成长日记lx 阅读(264) 评论(0) 推荐(0)

动态设置缩放区域（数据不累计叠加）

摘要： <template> <div class="hello">   <!--<span style="border:1px 阅读全文

posted @ 2020-12-04 15:56 菜鸟成长日记lx 阅读(157) 评论(0) 推荐(0)

2020年12月1日

Element-UI 去掉表格边框（表格Hover事件移除）

摘要： <style lang="less" scoped> /deep/ .el-table { thead { .cell { text-align: left; // table 表头左对齐 } } .delete-row { color: #d8d8d8; } .el-table__expand- 阅读全文

posted @ 2020-12-01 15:11 菜鸟成长日记lx 阅读(1614) 评论(0) 推荐(0)

2020年11月30日

Echarts 中常用的方法

摘要： echarts常用的方法关于ECharts图表的实例化方式和Highcharts图表的实例化方法有些类似，都是通过给其对象提供一个option，option的结构如同json的结构一样，只是一些属性少了双引号罢了。纵观ECharts图表实例化的API，主要有一下几个相关的实例化方法： 1、set 阅读全文

posted @ 2020-11-30 17:23 菜鸟成长日记lx 阅读(651) 评论(0) 推荐(0)