- 博客(90)
- 资源 (13)
- 收藏
- 关注
RSS订阅原创 ANDROID HOME not set, Set the environment variable.Then, close DevEco Studio and open it again.
ANDROID HOME not set, 环境变量配置
2024-03-04 15:08:00
425
原创 uniapp 弹窗滑动穿透问题
2.enable-pull-down-refresh 设置是否可以下拉刷新，设置时仅ios生效 安卓不管用。1.以上处理滑动穿透问题，但对于有下拉刷新的功能，安卓没有效果。增强方案：动态设置是否下拉树新。
2023-02-22 10:32:53
1750
1
原创 csshtml工具
1、三角形背景图案生成器演示地址：https://codepen.io/msurguy/pen/wvGgzN2、CSS 三角形生成器地址：https://codepen.io/yukulele/pen/AgzXdJ3、SVG梯度波发生器地址：https://codepen.io/supah/pen/prVVOx4、密码生成器地址：https://codepen.io/nourabusoud/pen/YeMOVv5、SVG 多边形生成器地址：https://codepen.io/winkerVSbecks/p
2022-07-12 14:52:09
487
原创 隐藏video 进度条（禁止快进）
video::-webkit-media-controls-timeline { display: none; }
2022-01-27 13:46:22
2095
原创 uniapp 使用wow.js 页面滚动效果
npm install wowjs --save-dev import { WOW } from 'wowjs' mounted() { var wow = new WOW({ boxClass: 'wow', //需要执行动画元素的Class animateClass: 'animated', //animation.css动画的Class offset: 0, //距离可视区域多少开始执行动画 mobile: true, //是否在移动设备执行动画..
2021-12-24 10:17:02
1124
原创 uniapp scss之mixin的全局引入
1.创建公共scss文件@mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius;}2.使用<style lang='scss' scoped>.cirle{ @include border-radius(10rpx);.
2021-10-28 14:20:53
4035
原创 uniapp h5本地调试设置多个代理
"devServer" : { "https" : false, "port" : 8080, //浏览器运行端口 "disableHostCheck" : true, "proxy" : { "/api1/" : { "target" : "http://www.bai.com/api1/", //实际请求服务器地址 .
2021-10-19 15:29:13
1273
原创 uniapp h5 获取城市
1.首先获取经纬度getLocation(){ let that = this; uni.getLocation({ type: 'wgs84', success: function (res) { that.getCity(Number(res.latitude),Number(res.longitude)); } }); },2.安装vue-jsonp， main.js全局引入npm ins
2021-10-19 15:15:17
421
原创 h5扫描二维码，uni-app h5扫描二维码，vue h5扫描二维码
包含jsQR.js和html5-qrcode.min.js 文件文件链接https://download.csdn.net/download/qq_35086913/25656528
2021-09-28 18:25:07
621
原创 uniapp 统计页面停留时间
每个页面都要统计，因此全局处理的方法较好，采用全局混入的解决方式，onHide和onUnload分别处理页面隐藏和页面卸载的情况，onShow确保每次进入页面重新获取时间1. residenceTime.jslet enterTime = ''; let outTime = '';let stayTime = '';export default { data() { return { }; }, onShow(){ // 用户进入时间 enter
2021-09-28 17:58:18
5951
2
原创 微信小程序，发放优惠券，领取卡券添加到卡包
1.使用微信提供的 send-coupon 发券插件，样式可自定义<send-coupon @customevent="getcoupon" :send_coupon_params="send_coupon_params" // 发券参数 :sign="sign" //签名 :send_coupon_merchant="send_coupon_merch...
2021-09-09 09:26:43
4245
原创 video 静音非静音切换
function setMuted (id){ var myVid = document.getElementById(id); var sta = myVid.muted; if (sta == true) { myVid.muted = false; } else { ...
2021-08-20 17:26:14
1873
2
原创 swiper3 修改某一项播放速度
var homeSwiperPhone = new Swiper('.swiper-phone', { loop: false, autoplay: 10000, effect: 'fade', autoplayDisableOnInteraction: false, }); homeS...
2021-08-20 09:59:40
539
原创 ipone低版本页面不渲染问题
1.考虑是否使用es6写法，转成es52.是否对内容div 使用overflow:hidden;若使用transform: translate3d(0, 0, 0);即可解决
2021-05-12 10:01:06
147
原创 获取当前周、上一周、下一周日期数组
getLastweek: function() { let that = this; let weekDayArr = []; weekDayArr = that.setDate(that.addDate(that.currentFirstDate(),-7)); let nextWeek = that.setDate(that.addDate(that.currentFirstDate(),7)); console.log(nextWeek); let c.
2021-04-09 16:37:26
252
原创 echart自用集合
/** * 柱状图 * @param contaner 容器 * @param titleName 标题 * @param legendData legend数据 * @param seriesData 图表数据 * @param xAxisData X轴数据 * @colors 曲线颜色数据以及 legend颜色数组 */function drawPie(container, colors, titleName, legendData, xAxisData, seriesData..
2021-04-01 10:02:27
491
原创 pc端video的一些总结
<div class="videobg"> <video id="myvideo" controlslist="nodownload" ref="curVideo" preload="auto" controls="controls"> <source :src="caurse.video" type="video/mp4"> </video></div>1.动态给视频更换播放地址that.$ref.
2021-03-26 10:46:31
1603
原创 goEasy web基础版，包含表情，图片，适配pc和移动端
1.公司项目需要，做客服聊天功能，用到goEasy,官网看了一圈，web版的版本太过老旧，应用性不强，所有就自己写了一套适应项目项目需求，功能不太复杂，但包含常用的一些功能。个人比较懒，贴图说明，最后附上源码！（有问题欢迎指出）https://download.csdn.net/download/qq_35086913/15451335...
2021-02-24 18:27:44
270
原创 获取上周日期数据
getLastweek: function() { let myDate = new Date(new Date().getTime() - 7 * 24 * 3600 * 1000) let day = myDate.getDay() let time = myDate.getDate() - day + (day === 0 ? -6 : 1) let startTime = ''; let weekDayArr = []; let getMont...
2021-02-24 11:26:19
216
原创 uniapp 使用plus自定义导航栏iconfont右侧自定义图标
onNavigationBarButtonTap(e) { console.log("点击了自定义按钮"); console.log(e.index);//按钮的id，根据定义的顺序0,1,2},"app-plus": { "titleNView": { "titleColor": "#333333", "backgroundColor": "#FFFFFF", "buttons": [{//title icon "fontSrc": "/static/icon...
2020-12-30 16:57:01
2700
原创 echart省市区三级地图下钻
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>ECharts地图选择器</title> </head> <style type="text/css"> body { margin: 0; } html, body, #main { width:500px; ...
2020-12-01 16:46:28
598
原创 h5返回上一页面并刷新
1.window.location.href="页面";//直接跳转页面2.使用history.go(-1)时var refresh= false;window.addEventListener('pageshow', function() { if (refresh==true) { window.location.reload(); }});window.addEventListener('pagehide', function(...
2020-11-23 18:15:20
1270
原创 h5图形验证码
drawPic(); /**生成一个随机色**/ function randomColor(min, max) { var r = randomNum(min, max); var g = randomNum(min, max); var b = randomNum(min, max); return "rgb(" + r + "," + g + "," + b + ")"; } /**绘制验证码图片**/ function drawPic() { ...
2020-11-12 15:47:54
993
原创 echart双折线，常用配置
/** * 画双折线图 * @param container 容器 * @param titleName 标题 * @param xData x轴数据 * @param seriesNameOne 第一条折线图表名称 * @param seriesDataOne 第一条折线图表数据 * @param seriesNameTwo 第二条折线图表名称 * @param seriesDataTwo 第二条折线图表数据 * @param ...
2020-11-11 10:31:58
551
原创 swiper模拟下拉选择
/*JS部分*/;(function(){function hSdrop(options){var self=this;self=$.extend(self,{els:'',},options);$(self.els).click(function(e){self.init(this);})}hSdrop.prototype={init:function(el){var kl=''kl+...
2020-10-23 18:24:09
806
原创 6位数字密码 仅能输入
<input type="number" v-model="password2" style="-webkit-text-security:disc" pattern="\d" oninput="if(value.length>6)value=value.slice(0,6)" @keydown="handleInput" />handleInput: function(e) { let a = e.key.replace(/[^\d]/g, ""); if .
2020-10-21 11:01:01
798
原创 html实现密码输入框效果
<div class="pay-pop-count"> <p>请输入支付密码</p> <div class="input-box"> <input class="code-input" ref="pwd" v-model="code" :maxlength="length" type="number" id="code" @keyup.13="next()" /> <label for="code.
2020-10-06 12:15:59
4009
1
原创 动态设置网站标题，关键字以及描述
$('title').html(res.data.webTitle);$("meta[name='distribution']").attr('content', res.data.webSeoDes);$("meta[name='keywords']").attr('content', res.data.webSeoKey);
2020-08-06 09:51:05
367
原创 transform rotate()在ios上不生效
1.transform 兼容写法-ms-transform: rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -o-transform:rotateY(180deg); /* Opera */解决方法能 在父元素上transform: perspective(1000);...
2020-07-30 09:57:31
1778
原创 echart 双折线图
<template> <div> <div id="rightCenterChart" style="width:6.75rem;height:3.875rem;"></div> </div></template><script> const echarts = require("echarts"); export default { data() { return {}; }, m...
2020-07-26 14:14:20
1615
原创 echart 柱状图 y轴多数据
<template> <div> <div id="leftBottom" style="width:6.75rem;height:3.375rem;"></div> </div></template><script> const echarts = require("echarts"); export default { data() { return {}; }, mounted(...
2020-07-26 14:12:11
1302
原创 echart 中国地图并标记城市
<template> <div class="chinaMap"> <div id="china_map"></div> </div></template><script> const echarts = require("echarts"); import 'echarts/map/js/china.js' export default { data() { return {}; }, .
2020-07-26 14:09:27
3196
原创 echart饼状图
<template> <div> <div id="leftCenter" style="width:6.75rem;height:4.375rem;"></div> </div></template><script> const echarts = require("echarts"); export default { data() { return {}; }, mounted() .
2020-07-26 14:05:49
557
h5扫码，jsQR，html5-qrcode
2021-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人