自定义博客皮肤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)
  • 收藏
  • 关注

原创 echarts 柱状图渐变

柱形渐变

2022-12-21 17:26:36 485 1

原创 calc()

calc()是css3中的一个函数,用于设置自适应宽高,通过浏览器自动计算宽度

2022-02-28 12:01:34 233

原创 box-sizing

box-sizing: content-box | border-box | inherit ,content-box: 在盒子宽度外,进行设置padding、border 说明:比如盒子宽度200px,设置该属性后,在设置padding:20px,总盒子宽度: 240px;高度同上。border-box: 在固定宽度内,进行设置padding、border 说明:盒子宽度200px;设置该属性后,再设置bord...

2022-02-16 15:41:57 282

原创 判断是否是移动端

if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {//TODO...}

2022-02-08 16:56:07 1479

原创 uniapp打包

1、hbuilder进行新建项目2、根据自己需求进行项目类型选择(个人选择的是第一个,因为需要用什么插件,直接选择原生插件,兼容性好)3、打包部署准备工作(需要有一个hbuilder账号) a:DCloud开发者中心注册好账号,进行①邮箱验证②手机号验证③身份验证4、进行应用创建,会拿到一个App id5、拿到App id ,在项目manifest.json进行配置,需要__UNI开头的6、开始打包Android平台签名证书(.keyst...

2022-01-18 10:45:55 2106

原创 pie自动轮播展示

keyAreaDatas(id,mytitle,title,areaData){ var domchart = document.getElementById(id); var myindex = 0; var timerI = null,timerⅡ = null //定时器 var mycolor = ['#f845f1','#ad46f3','#5045f6','#4777f5', '#44aff0','#45dbf7','#f6d54a','#f69846','#ff4343'.

2022-01-04 15:42:09 470

原创 echarts字体适配不同分辨率

在不同的分辨率的浏览器下,echarts图标的字体,也需要做合适的适配新建一个外部公用的js文件,内容如下:function nowSize(val,initWidth=1920) { //现在很多浏览器都是1920*1080,initWidth值可根据自己需求进行修改 var nowClientWidth = document.documentElement.clientWidth return val * (nowClientWidth / initWidth); }expor

2021-12-22 16:31:06 1940

原创 vue 引入外部js 方法

外部js内容:由于使用了echarts、axios、以及字体适配的js方法,内容如下:import echarts from 'echarts'import axios from 'axios'import nowSize from './nowSize'function makeGY_MapNew(){ // Code ...}export default makeGY_MapNew /*这步很重要,导出方法,在界面才能使用此方法*/在需要引入的vue界面中进行引入

2021-12-22 14:51:03 1667

原创 css :is()、:matches(), any()

css伪类选择其::is():is()是matches、any的替代:is()用法如下:/* 3-deep (or more) unordered lists use a square */ol ol ul, ol ul ul, ol menu ul, ol dir ul,ol ol menu, ol ul menu, ol menu menu, ol dir menu,ol ol dir, ol ul dir, ol menu dir,.

2021-12-17 13:40:03 591

空空如也

空空如也

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

TA关注的人

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