- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 vue实现文字滚动播放效果
原博地址，亲测此方法有效！！！效果图：实现方式： <!-- 无缝滚动效果 --> <div class="marquee-wrap"> <ul class="marquee-list" :class="{'animate-up': animateUp}"> <li v-for="(item, index) in listData" :key="index">{{item}}</li> </ul>
2021-04-26 15:58:13
2824
原创 vue+highcharts使用甘特图
我在使用highCharts的曲线图，柱状图时，都没有任何问题，但是在使用甘特图时，控制台报错missingModuleFor: xrange"很明显是缺少甘特图的文件，问题是该怎么引入呢？引入特殊图表，解决办法来自于这篇博客：参考博客效果图：...
2021-04-26 11:40:44
2169
1
原创 页面插入视频，并实现全屏显示
muted ：若想实现视频循环播放，必须要加上此属性loop ：实现循环播放，必须和muted一起使用<video muted autoplay loop style="width: 100%;height: 100vh;object-fit: cover;vertical-align: bottom"> <source src="~@/assets/login.mp4" type="video/mp4"></video>...
2021-04-22 15:25:50
1957
原创 vue项目引入阿里云滑块验证，滑块显示不出来的问题
问题：今天在公司展厅的的展示屏上访问项目页面，发现登录页面的阿里云滑块一直加载不出来。打开控制台发现阿里云滑块的js没有加载成功，报错说找不到js文件。（阿里云滑块js我是采用的在线引用）我第一反应就是网络连接失败，但是登录页面可以正常访问，所以排除网络问题。那么就是引用的路径问题。我新开了一个网页，输入js的路径，果然，不能正常访问。页面提示说时间慢了。找到原因了，之所以js加载失败，是因为机器本地时间跟国际时间不一致（当时本地机器的时间为2013年）解决办法：调整本地时间到国际当前时间即可
2021-04-21 17:56:41
1862
原创 vue+highCharts---一些常用的设置
此文章专门用来跟踪记录vue+highCharts在使用过程中的一些常见的需求设置。本人每次开发图表的时候，看官方文档脑壳都大了，属性太多，密密麻麻的，根本记不住。所以整理一些常见的功能实现方式，方便自己今后查阅。（后续会根据实际情况不断更新）1、隐藏右下角logoxAxis:{...},yAxis:{...},credits: { enabled: false// 隐藏右下角水印 }2、隐藏横线网格yAxis:{ gridLineColor: 'transparent' //颜
2021-04-21 16:35:52
805
原创 vue+highCharts----图表添加渐变色（柱状图、面积图）
在线编辑网址，你可以在线编辑，并测试效果 import HighCharts from 'highcharts' plotOptions: { series: { color: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 .
2021-04-21 14:56:29
1218
原创 highCharts使用-------xAxis的type为datetime时，时间显示不正确的问题
国内使用highCharts转换时间会默认少8小时（即useUTC默认为true），加上 time:{useUTC:false} 即可。
2021-04-19 09:58:37
980
原创 精灵图通过css实现较复杂的动画效果
素材图片：代码：div{ background: url("素材图片路径"); animation: twinkleDot 2.80s steps(1) infinite;}@keyframes twinkleDot { 0% { background-position: 0px 0px; } 1.45% { background-position: -200px 0px; } 2.90% { background-position: -400px 0p
2021-04-19 09:41:44
246
原创 vue 动态切换列表active样式
<template v-for="index of 10"> <div :key="index" :class="{'active':position===index}" @click="addClass(index)"> </div> </template>...
2021-04-13 15:54:51
393
原创 初始化vue项目
初学可以选择默认安装，但是如果想要项目结构完整，建议选择手动安装。之后会跳转到浏览器可视化界面，按照步骤创建项目即可。根据步骤完成安装，执行命令运行项目。
2021-04-07 15:33:03
111
原创 echarts 更多个性化样式demo
提供一个社区贡献者维护的一个网站，与echarts官网无关。这个网站提供了比官网更多的个性化样式demo网站连接 Gallery
2021-04-02 09:50:14
278
1
原创 el-cascader级联下拉框，懒加载
<el-cascader ref="cascader" v-model="form.province" :options="options" 第一层数据 :placeholder="form.province2" 默认值回显，因为lazy懒加载，v-model回显不了 :props="props" 用于后几层数据的懒加载 />data(){ return..
2021-04-01 15:30:38
856
原创 vue eslint代码校验无效
在GitHub上下载了一个后台管理系统框架，开发得时候发现eslint没有校验代码。按照百度到的各种方法，卸载了eslint重新安装也没用（高版本低版本都试过），eslint相关的各种依赖包都安装了，还是不校验。我甚至怀疑过是编辑器版本太低的原因（使用的phpStorm2018），安装了webStrom2020，但是还是不校验。无意间我发现它只校验项目根目录的js文件，这说明eslint没问题，编辑器也没问题。是某个地方做了配置导致的。直到我看到了这篇文章 eslint 怎么限制只在src目录下工作？，
2021-04-01 13:52:28
2075
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人