logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【大屏可视化模板】vue-dataV-echarts-elementul大屏数据可视化方案,屏幕适配方案等比例缩放

效果图从上到下,依次是F11效果,和正常网页效果,以及小屏效果。都是同比例缩放的,布局不会混乱聊一下为了让大家直观的看到所有的代码,所以结构方法等就不分各个组件引入了,会很麻烦要找哪是哪,我直接把所有的图都写在了一个vue组件内。并配上注释,相信大家可以很容易找到哪里对应哪里区域核心点这里的核心点就是等比例缩放的屏幕适配方法。可以让你不需要大量使用百分比或者转换之类的方法去写屏幕自适应大小,而是可

文章图片
#echarts
echarts实现横向柱状图排行榜功能(带升序自动排序功能)动态数据换行

效果图只需要改动数值大小,自动根据大小排序。上代码//右边横向条形图barGraph() {//初始化图标var myChart = this.$echarts.init(this.$refs["echart-right"]);//Y轴的数据,和数据值位置一一对应var cate = ["0001","0002","0003","0004",

#javascript#echarts#vue.js
【微信小程序更改appid失败】微信小程序修改appid一直失败报错tourist appid解决办法

我用HbuilderX新建了一个uni-app小程序,然后运行到微信开发者工具,因为没有录入appid。我就去小程序的设置-项目设置-基本设置内把默认的touristappid换成了我的appid。结果我uniapp修改东西后一刷新就显示修改appid失败。后来知道了原因,你需要在uniapp内也配置一下小程序的appid就不会报错了。提示这样的在这里把appid填入进去......

文章图片
#微信小程序#小程序
vue计算开始日期和结束日期的间隔天数的方法

作用:需要计算开始时间和结束时间之间的天数差的时候。可以调用这个方法,直接传参数进去就行。里面的iDays就是天数差。可以自己替换成别的变量名操作代码//计算日期间隔天数DateDiff(sDate1, sDate2){//sDate1和sDate2是2006-12-18格式varaDate,oDate1,oDate2,iDaysaDate=sDate1.split("-")oDate1 = n

#vue.js#javascript#前端
【通俗易懂】vue同一个页面复用同一个组件多次,如何让组件的内容显示不一样

我今天遇到的需求是首页可以自定义显示什么。我是后台系统,首页四个模块,然后四个模块要再设置页面里可以配置,每个模块显示什么类型的,还有顺序都可以改,那我就想到了动态组件,我直接写了四个组件,然后首页用动态组件把组件放在对应模块内,这不就成了。然后经理又跟我说让选择模块的时候让用户可以点击规格模块时选择不同规格,其他的模块不用,我就给规格模块加了个可以选规格的下拉框,然后我一寻思,那这就需要我同一个

#vue.js#javascript
echarts实现横向柱状图排行榜功能(带升序自动排序功能)动态数据换行

效果图只需要改动数值大小,自动根据大小排序。上代码//右边横向条形图barGraph() {//初始化图标var myChart = this.$echarts.init(this.$refs["echart-right"]);//Y轴的数据,和数据值位置一一对应var cate = ["0001","0002","0003","0004",

#javascript#echarts#vue.js
vue项目如何点击跳转到第三方页面

大家都知道传统的跳转路由就是点击后通过this.$router.push()来跳转。但是需要跳转第三方链接除了用a标签之外,如果需要在点击事件内完成跳转怎么做呢。很简单,用window.location.herf就可以了注意:网址前面要加http或者https之类的,不然不生效<script>export default {methods:{//这是传统的用法jump1(){this.

vue H5项目中使用video标签无法播放视频,播放按钮也点不了,屏幕是黑的,解决方案

原始代码<video src="@/video/qiang.mp4" controls="controls"></video>显示结果这样的,按钮都不能点,也不显示视频。然后我测试发现我在我自己的私人项目中使用都是可以的,唯独放在公司的代码中就不行,我就怀疑是不是公司代码太老了或者有其他代码不知道在哪里影响我造成的的原因解决办法这样写,就是src前面加require引入,搞

文章图片
【自适应缩放】vue根据屏幕大小自适应宽高缩放的方法

根据屏幕大小的变化自动缩放元素的宽高,达到可以适应任何屏幕大小的效果。这边通过一个mixins.js文件混入到组件内直接使用就行,只需要改一下ref的名字示例结构这里只需要看下我的结构大概示例和引入mixins文件,<template><div style="width:100%;height:100%;position: relative"><div class="

#vue.js#javascript#前端
暂无文章信息