自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 wangeditor v4封装

"i18next": "^21.4.0",多语言。

2024-10-14 13:31:37 165

原创 a-transfer中使用a-table

【代码】a-transfer中使用a-table。

2024-09-05 11:30:08 141

原创 wangeditor 封装组件及使用

【代码】wangeditor 封装组件及使用。

2024-08-22 16:52:31 405

原创 element el-tree同级节点上下移动调换位置

【代码】element el-tree同级节点上下移动调换位置。

2024-03-21 10:45:36 480 2

原创 miscro-app静态资源配置publicPath之后还是不显示问题(vue2)

assetsSubDirectory: 'microstatic', //assetsSubDirectory 资源子目录 存放静态资源文件的static,css、js、img。配置一下assetsSubDirectory试试。

2023-01-05 16:31:28 658

原创 js导出表格

js导出表格

2023-01-05 16:16:07 152

原创 bus 跨组件调用方法

1、新建bus.jsimport Vue from 'vue'// 使用 Event Busconst bus = new Vue()export default bus2、main.js引用import bus from '@/libs/bus'Vue.prototype.$bus = bus3、被调用组件 this.getList()方法 created() { this.$nextTick(()=>{ this.$bus.$on("g

2022-01-29 16:05:53 547

原创 vue-quill-editor使用

<template> <quill-editor v-model="form.content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFoc...

2020-06-08 11:23:38 776

原创 jq 可拖动进度条

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" /> <title>.

2020-05-29 16:57:07 494 1

原创 element-ui时间设置日期可选范围

<el-date-picker @change="handleFilter(5)" v-model="timeRange" size="small" type="daterange" align="right" value-format="yyyy-MM-dd" unlink-panels ...

2020-05-08 17:41:18 1090

原创 vue 上传视频到七牛

<template> <div> <input type="file" name='upFile' id="upFile" @change='changeFile($event)'></input> <input type="button" name="开始上传" value="开始上传" @click='uplo...

2020-04-26 16:24:57 807

原创 签到

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <meta name="viewport" con...

2020-03-04 11:04:43 214

原创 h5调用app分享

var u = navigator.userAgent; //判断手机类型if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { $(".icnshow").on('click', function() { if ($(this)...

2020-03-02 15:23:13 483 1

原创 layui 分页加载数据

//先初始化加载首页,十条数据 //getListData(1, 10); //请求接口数据 function getListData(page) { $.submit({ url: "", data: { "page"...

2019-12-30 11:43:11 908

原创 h5处理时间显示规则

直接调用下面的函数即可//评论时间规则 addTime: "2019-12-27T10:04:29.000+0800"后台返回时间格式 function formatTime(addTime) { //发布时间 let d = new Date(addTime); ...

2019-12-28 14:12:08 1068 1

原创 小程序 tab wepy

<template> <view class="container"> <view class="search"><text>大家都在搜索“口红”</text></view> <!-- tab导航栏 --> <!-- scroll-left属性可以控制滚动条位置 --> ...

2019-11-27 16:14:03 147

原创 获取当天日期

var myDate = new Date(); var time = myDate .toLocaleDateString() .split("/") .join("-");

2019-09-26 15:07:39 198

原创 echarts

<!-- 线性图 --><style lang="stylus" scoped>.chart { margin-top: 50px; height: 70vh; background-size: 100% 100%; color: white; .main { width: 100%; height: calc(100% - ...

2019-09-10 15:30:47 350 1

原创 检测图片格式

图片URL网址+?avinfo

2019-06-26 15:39:10 713

原创 页面加载完毕之前的loading 写入此函数中即可

document.onreadystatechange = function() { if(document.readyState === "complete") { //页面加载完毕 loading消失 } else { }}

2019-06-03 16:44:27 330

原创 降低单个div的滚动速度 视觉差滚动

方法一 直接改变div的位置$(document).scroll(function() { $('div').css('top', $(document).scrollTop() / 2)})方法二 改变div的背景图片的位置<!DOCTYPE HTML><html><head> <meta charset="utf-8...

2019-05-29 11:24:22 1409

原创 自定义复选框选中的样式

<ul class="right"> <li> <div><img src="../img/today.png" class="foodImg" /></div> <div> ...

2019-05-21 18:31:03 1526

原创 获奖名单无缝向上滚动显示

<div class="mainWrap"> <p>· 获奖名单 ·</p> <div class="mainTitle"> <div class="main_time">时间</div> <...

2019-04-16 16:04:51 1158

原创 vue导入导出excel element-ui upload axios

<el-button class="filter-item" size="small" @click="batchExport" type="primary" icon="edit" >表格导出</el-button&g...

2019-04-10 16:14:35 568

原创 element-ui upload 照片墙 照片回显

<el-form-item label="海报" prop="invitationPosterUrl"> <el-upload :file-list="fileList" //这里要设置!!! action="/admin/upload" list-type="pic...

2019-04-02 18:03:03 14161 3

原创 p标签内字体大小显示比正常字体要大

给p标签加个p:{max-height:100%}即可

2019-03-22 10:52:59 7811

原创 软键盘弹起input框滚动到可视区 注册页面 获取验证码倒计时

<!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...

2019-03-21 11:36:12 243

原创 video加载时loading

$(".btnPlay").click(function () {//点击播放按钮 $(".load").show();//loading层显示 $(this).hide(); var video = $("#videoID"); if (video[0].paused) { $(".i...

2019-03-21 11:20:24 15379 3

原创 云开发小程序获取数据库列表失败的解决方案

onLoad: function (options) { var db = wx.cloud.database()//操作数据库必须添加的字段 //获取数据库列表 //方法一 var _this = this;//普通写法一定要这样写 将此this传入进去!!!! db.collection('cs').get({ succe...

2019-03-01 18:24:59 3044

原创 fixed定位标签 滚动页面时出现抖动

问题描述:头部fixed定位, 滚动页面时头部出现抖动解决方案:css设置局部滚动(不要让整个页面滚动,只滚动不是fixed的部分)body  {  overflow-y: hidden; }head  { position: fixed; height:60px }contentScroll  { position: absolute; top: 60px; left: ...

2019-02-26 14:52:53 5370

原创 导航栏吸顶动画

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &amp

2019-02-15 18:24:54 674

原创 ajax从后台获取图片及时获取图片的原始宽高 (video标签的poster里面的img可以用这个方法为video标签占位)

var Img = document.getElementsByClassName(".videoImg");var timer = setInterval(function () {       if ($(".videoImg").width() &gt; 0 || $(".videoImg").height() &gt; 0) {          此时已经获取到宽高可以执行相关...

2019-02-15 15:36:27 1495

原创 监听video播放或暂停

function Videostate(ele) { ele.addEventListener('play', function () {//播放开始执行的函数 }); ele.addEventListener('pause', function () {//暂停开始执行的函...

2019-01-25 10:04:03 14114

原创 Upload 上传 以及图片不显示问题 element-ui

&lt;el-button v-if="sys_push_type_add" class="filter-item" size="small" @click="handleCreate" type="primary" icon="edit"&amp

2019-01-07 19:17:21 16776 1

原创 el-dialog vue弹窗播放视频video

主要代码如下: &lt;el-table-column align="center" label="视频url"&gt; &lt;template slot-scope="scope"&gt; &lt;el-button type="primary" @click="playVideo(scope.row)"

2019-01-03 18:25:44 17899 10

原创 mock模拟数据

1、npm install mockjs2、新建mock.js文件Mock.mock( rurl, rtype, template )记录数据模板。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时,将根据数据模板 template 生成模拟数据,并作为响应数据返回。3、main.js中require4、vue模板中 (indexList为一个包含请求地址和方...

2018-12-25 15:06:58 2471

原创 后台获取一组宽高比例不一致图片 达到图片不变形 、水平居中铺满同尺寸盒子的效果

//html部分<div><img src="data[0].url" alt=""></div><div><img src="data[1].url" alt=""></div><div><img src="data[2].url" alt=""></div>//data[i]....

2018-12-21 17:16:49 668 5

原创 权限设置 element - ui 树形控件 父级半选状态id和选中子级id一起传给后台 回显去掉父级半选状态id

&lt; el - treedefault - expand - all:data = "treeData"show - checkboxnode - key = "id":filter - node - method = "filterNode":default - checked - keys = "checkedKeys"ref = "menuTree"@check - c..

2018-12-21 15:53:42 6569 3

空空如也

空空如也

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

TA关注的人

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