- 博客(38)
- 收藏
- 关注
原创 miscro-app静态资源配置publicPath之后还是不显示问题(vue2)
assetsSubDirectory: 'microstatic', //assetsSubDirectory 资源子目录 存放静态资源文件的static,css、js、img。配置一下assetsSubDirectory试试。
2023-01-05 16:31:28 658
原创 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
原创 页面加载完毕之前的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
原创 软键盘弹起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
原创 导航栏吸顶动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2019-02-15 18:24:54 674
原创 ajax从后台获取图片及时获取图片的原始宽高 (video标签的poster里面的img可以用这个方法为video标签占位)
var Img = document.getElementsByClassName(".videoImg");var timer = setInterval(function () { if ($(".videoImg").width() > 0 || $(".videoImg").height() > 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
<el-button v-if="sys_push_type_add" class="filter-item" size="small" @click="handleCreate" type="primary" icon="edit"&
2019-01-07 19:17:21 16776 1
原创 el-dialog vue弹窗播放视频video
主要代码如下: <el-table-column align="center" label="视频url"> <template slot-scope="scope"> <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
< 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关注的人