前端经验

CSS设置滚动条样式或隐藏滚动条

想要添加滚动条,必须给盒子添加高度 例如 在x轴上隐藏内容,y轴上显示滚动条 .div { height : 300px overflow-x: hidden; overflow-y : auto;} 基本设置 1. 可以滚动但是不让显示滚动条 .div ::-webkit-...

前端经验

echarts 折线区域图基本样式修改参数参考

const option = { title: { text: }, grid: { left: 5% , top: 5% , right: 0% , bottom: 10% }, // 鼠标移动到数据上时坐标轴的提示 tooltip: { trigger: axis , axisPointer: { type : cross , label: { backgroundColor: #6a7985 } } }, le...

前端经验

按住鼠标左键移动时, 禁止选中里面内容

user- select : none | auto | text |contain|all; /*firefox浏览器*/ -moz-user- select : none | text |all; /*safari、chrome浏览器*/ -webkit-user- select : none | text |all; /*Safari中不支持该属性值,只能使用none或者text,或...

前端经验

uCharts Y轴格式化

1、Y轴格式化用法: yAxis : { data :[{ calibration:true, position: left , title: 折线 , titleFontSize: 12 , format:(val)={return val. toFixed ( 0 )+ 度 } }], showTitle :true , gridType :dash , dashLength :4 , splitNumber :5 } 2、饼...

前端经验

uCharts实现一个叠堆柱状图

http://localhost:3000/data3为本地测试接口地址,请把接口改掉,换成json.js里面的模拟数据 template view class = qiun-columns view class = qiun-title-bar style = view class = qiun-title-dot-light 考勤统计 / view /...

前端经验

javascript递归创建树导航菜单的方法

html内: !DOCTYPE html html lang = en head meta charset = UTF-8 meta name = viewport content = width=device-width, initial-scale=1.0 meta http-equiv = X-UA-Compatible content = ie=edge title Document / title / head style * { padding : 0 ;...

前端经验

CSS设置div或li自适应列数显示

要求在在1300px的时候显示4个,出现横向滚动条 布局:html内 div class = main-wrapper ul class = ul-list li 1 / li li 2 / li li 3 / li li 4 / li li 5 / li li 6 / li li 7 / li li 8 / li li 9 / li li 10 / li li 11 / li li 12...