前端入门经验
文章平均质量分 55
前端学习经验
larica
这个作者很懒,什么都没留下…
展开
-
前端入门经验——echarts图例图标自定义为图片
代码legend: {itemWidth: 12,itemHight: 12,data: [{name: ‘村级工业区GDP共享’,textStyle: {fontSize: 12,fontWeight: ‘bolder’,color: ‘#fff’},icon: image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB.原创 2020-12-09 22:20:09 · 839 阅读 · 1 评论 -
前端入门经验——Vue项目中全局配置Echarts
1、安装echarts项目依赖。cnpm i echarts --save2、安装组件。cnpm i vue-echarts -S3、在main.js 中引入echarts组件库。import echarts from 'echarts'import ECharts from 'vue-echarts'Vue.prototype.$echarts = echarts//注册组件Vue.component('v-chart', ECharts)4、使用。<v-chart cl原创 2020-11-24 23:38:36 · 1243 阅读 · 0 评论 -
前端入门经验——iview下Modal对话框样式修改
先放一张没有修改过的iview对话框。修改过的Modal。代码:HTML: <Modal v-model="modalGlzcy" class-name="qzcxQzc" :closable="false"> <!-- <template #header> </template> --> <div slot="header"> <div class=.原创 2020-11-24 20:21:18 · 4607 阅读 · 0 评论 -
前端入门经验——解决iview的Modal下echarts不能自适应或者宽高变成一百的情况
在iview的Modal中写入echarts时,无论采用rem还是px,或者采用组件引用echarts——<v-chart :options="optionModel" :auto-resize="true" />均不能改变echarts的大小,出现情况如下图:解决方法。#myChart { width: 100%; height: 100%; .echarts { width: 22.75rem /* 910px */; height: 6rem..原创 2020-11-24 20:06:15 · 651 阅读 · 0 评论 -
前端入门经验——进度条
源码<!DOCTYPE html><html><head> @include('./header.html', { "title": "进度条" }) </head><style> .container { display: inline-block; width: 5.75rem; height: 0.5rem; border-radius: 0.125rem;.原创 2020-09-12 15:51:28 · 359 阅读 · 0 评论 -
前端入门经验——v-for动态绑定图片样式
<template> <div class="article"> <div class="lineStyle" v-for="(item, index) in list" :key="index"> <i :style="{backgroundImage: 'url('+require('../assets/'+ (item.status?'yiyue':'weiyue') +'.png')+')'}"></i> ...原创 2020-08-26 23:10:11 · 282 阅读 · 0 评论 -
前端入门经验——CSS超出省略
单行超出省略。white-space: nowrap;overflow: hidden;text-overflow: ellipsis;备注:单行超出省略一般要设置width。多行省略。word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;/* 设置要显示的行数 */-webkit-line-clamp: 2;-webkit-box-orient: vert.原创 2020-08-23 11:31:05 · 128 阅读 · 0 评论 -
前端入门经验——tab切换
html代码 <ul> <li><span>水</span><em>/</em></li> <li><span>大气</span><em>/</em></li> <li> <span>土壤</span><em>/</em></li> <li>.原创 2020-08-23 01:28:59 · 238 阅读 · 0 评论 -
前端入门经验——CSS样式(1)
1、block和inline-block具体参考:block,inline和inline-block的区别block:块级元素,通常会单独占一行inline:前后不会换行。原创 2020-08-07 23:49:37 · 105 阅读 · 0 评论