![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
冰天物语
这个作者很懒,什么都没留下…
展开
-
学习总结----vue 组件使用
swiper 图片轮播图使用引入://importVueAwesomeSwiperfrom'vue-awesome-swiper'import{Swiper,SwiperSlide,directive}from'vue-awesome-swiper'import'swiper/dist/css/swiper.css'原创 2020-08-11 16:52:35 · 160 阅读 · 0 评论 -
学习总结----echarts
echarts map 使用(1)地图加载方式有三种,json/js/在线地图 ,在加载地图时 使用geo 加载地图,如果放在series,无法在上面添加点标记(2)map 点击事件this.echartsMap.on('click',function(params){ console.log(params); if(params.componentSubType=='effectScatter'){原创 2020-08-11 16:52:21 · 177 阅读 · 0 评论 -
Vue 大屏可视化 铺满全屏
之前写了一篇帖子Vue 大屏可视化屏幕自适应,是针对在知道大屏尺寸的情况下,保证还原UI设计的显示比例,这样在非标准比例的屏幕上显示,会出现上下或左右留白,若想完全铺满全屏,使用vw/vh 计算。设计全局样式文件mixin.styl//存放全局变量 全局函数designWidth=1920;//设计宽度designHeight=1080;//设计高度fontScale=100;//1rem=100pxbgColor=#003669;borderColor=#00bcfe;/*...原创 2020-06-13 10:00:38 · 16440 阅读 · 2 评论 -
vue + echarts 组件自适应
在Vue中使用echarts组件时,可将图表封装成组件,只传入数据和样式即可,为保证图表大小自适应。首先页面尺寸均使用rem(页面自适应参考Vue 大屏可视化屏幕自适应),echarts内尺寸参数都写成百分比的形式,options配置示例: this.option = { //backgroundColor: '#00265f', t...原创 2020-04-03 11:54:30 · 857 阅读 · 0 评论 -
Vue 大屏可视化-屏幕自适应(保持设计尺寸比例)
最近在用VUE写大屏页面,遇到屏幕自适应问题,根据设计的尺寸,在各种屏幕尺寸下自适应,经过几天摸索,终于达到了效果,希望为还在这问题困扰的提供点帮助1. 在配置文件设置大屏设计的尺寸1920*1080//appConfig.jsexport default{ screen:{ width:1920, height:1080 }//大屏设计...原创 2020-04-03 11:10:43 · 30854 阅读 · 8 评论 -
vux(store) 、localstorage、sessionStorage、cookie存储使用总结(vue)
cookie浏览器储存 最大4KB document.cookie=cname+"="+cvalue+";"+expires; document.cookie.split(';'); 有个数限制(随浏览不同)一般不能超过20个; 与服务端通信,每次都会携带在HTTP头中 如果使用cookie保存过多数据会带来性能问题...原创 2020-03-12 11:14:36 · 1586 阅读 · 0 评论 -
vue 学习使用总结
#vue 学习使用总结学习资料:前端开发环境搭建和VSCode插件配置超详细图解官网vue全家桶1.环境配置1.1 项目构建vue init webpack 构建项目时,项目名称不能有大写字母,否则构建失败1.2 ico 添加1.2.1 build/webpack.dev.conf.jsdevWebpackConfig.plugins 添加: new HtmlWebpackP...原创 2019-10-29 16:10:36 · 277 阅读 · 0 评论 -
vue打包遇到的问题及解决
最近使用vue 框架做项目,遇到的问题在此记录,仅供参考1.ico 添加###1.1 build/webpack.dev.conf.jsdevWebpackConfig.plugins 添加: new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', favicon:'...原创 2019-09-19 11:09:13 · 856 阅读 · 0 评论