she_lei_lei-CSDN博客

原创解决：软键盘弹出导致已经被拖拽的图片回到原点

首先，进行页面的高度变化监听事件mounted() { //window.onresize监听页面高度的变化 window.onresize = () => { return (() => { this.showHeight = document.body.clientHeight; })(); }; document.querySelector(".content").style.height = `${this.oth

2020-12-16 15:02:50 122

原创 pinch-zoom-is 在vue 移动端中的运用

根据项目要求，需要对图片进行缩放和拖拽的处理，但是因为需要的要求较少且是适应与移动端的，所以没有使用vivew 而是采用了pinch-zoom插件，具体如下  <div class='contentop'> <div class="pinch-zoom" id="rotate"> <img src="" ref="conimg" id="myimage" />

2020-12-16 14:54:04 1418

原创 elementui分页

<div class="block" style="margin-top: 25px;text-align: center;height: 2px;"> <el-pagination :page-size="PAgesize" layout="prev, pager, next" :total="taol" @current-change="handleChange"> </el-pagination&

2020-08-31 14:45:50 120

原创 div 居中

//div 居中，背景为遮罩层.model {position: fixed;top: 50%;left: 50%;width:300px;height:300px;background-color:#fff;z-Index: 9999;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-tran

2020-08-31 14:43:23 77

原创 element-ui 照片墙回显问题即提交后台

HTML:<el-upload ref="upload" :action="imgurl" list-type="picture-card" :on-change="onlunch" :file-list="contfileList" :on-remove="handleRemove" :on-success="handlelunSuccess" :show-file-list="true"

2020-08-31 14:36:02 522

原创获取从今天开始的欠48天的具体日期每隔半小时获取一次时间并展现

function getDate(datestr){ var temp = datestr.split("-"); var date = new Date(temp[0]+'/'+temp[1]+'/'+temp[2]); return date; } var today=new Date(); //当天日期 var m=today.getMonth()+1; var end =today.format("yyyy-MM-dd");//转化标准日期格式

2020-07-14 14:36:56 140 1

原创媒体查询，页面适配的像素设置

//媒体查询，页面适配的像素设置@charset "UTF-8";html{font-size: 200px;}@media screen and (min-width:320px){html{font-size:42.667px;}}@media screen and (min-width:360px){html{font-size:48px;}}@media screen and (min-width:375PX){html{font-size:50px;}}@media screen an

2020-07-14 13:44:01 483

原创 js 控制显示或隐藏

//封装js var showStatus=(function(){ return { show:function(selector){ var tmp=document.querySelector(selector); tmp.style.display="block"; }, hide:function(selector){ var tmp=document.querySelector(selector); tmp.style.display="none";.

2020-07-14 08:46:49 242

原创获取URL的参数

//获取URL参数function getQueryVariable(variable) {var index;var query = window.location.search.substring(1);var vars = query.split("&");for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) {

2020-07-13 16:45:33 116

原创选择上传的视频，改变状态和模式

//内容特殊，页面上必须有8个固定的存放视频的地方 //上传的视频是剪辑过的，同一个视频被剪辑为1~8个来放 //选中视频，点击确定按钮 makesure:function(i,status){ // 获取到所选择素材的屏幕个数 for(let j=0;j<this.choiseMaterialScreenCount;j++){ //判断当前屏幕是否被占用 if(parseInt(this.openScreenId)+j&gt...

2020-07-13 15:07:43 244

原创时间戳

//时间戳 time(){ let timeStamp=""; for(var i=0;i<6;i++){ //6位随机数，用以加在时间戳后面。 timeStamp += Math.floor(Math.random()*10); } timeStamp = new Date().getTime() + timeStamp; //时间戳。 this.timeStampId=timeStamp; // console...

2020-07-13 15:01:50 126 1

原创 element-ui 折叠面板一次只展开一行

// 折叠面板每次只能展开一行 expandSelect(row, expandedRows) { var that = this this.percentage=0; this.isShVideo=false; this.isVideo=false; this.openscheme=row.scheme_id; // console.log(row); setTimeout(()=>{ video=docume...

2020-07-13 14:58:04 1060

原创轮播多块内容非单纯图片

//js部份lunbo:function lunbo(){ var focus = document.querySelector('.banner'); // 获取图片容器也就是ul var ul = document.querySelector("#ul-imgs"); console.log( ul); // 获取ul下的li var li = ul.children; // 获取li的个数 var num = li.length; /

2020-07-13 11:19:32 177

原创倒计时与页面数据保存

var id = userId.user_id var json = JSON.stringify({ "USER_ID": id,"CHECKING_ID":checkId }); $.ajax({ type: "post", dataType: "json", contentType: "application/json", url: api.findUser, data: json, asy

2020-07-13 10:35:31 625

原创倒计时关闭函数，跳转新页面

var totalTime = 5var close = document.querySelector('.close');closeCarema(function(){ close.innerText= totalTime+'秒后关闭'; var tid = setInterval(() => { if(totalTime>=1){ totalTime--; }

2020-07-13 10:33:58 140

原创确认，保存数据在sessionStorage，ajax

var json = JSON.stringify(obj); var query = { url: api.newAppoint, json: json, fn: function fn(res) { if (res.stateCode == '200') { res.data.result =true var str = JSON.stringify(res.da

2020-07-13 10:30:36 150 1

原创根据页面大小，来引入不同的css样式，并在页面内导入

function loadLink(filename) {var page = document.documentElement;var width = page.clientWidth;if (width > 1080) {url = ‘…/css1/’ + filename} else {url = ‘…/css/’ + filename}var link = document.createElement(‘link’);link.rel = ‘StyleSheet’;link

2020-07-13 10:26:37 331

原创年月日，时分秒，周几

var week_arr = [‘日’, ‘一’, ‘二’, ‘三’, ‘四’, ‘五’, ‘六’];????// 获取时间函数function () {// 补零函数function addZero(num) {return num >= 10 ? num : ‘0’ + num;}var data = new Date();var Hours = addZero(data.getHours());var Minute = addZero(data.getMinutes());

2020-07-13 10:23:51 139

原创严格模式下的，页面px与rem之间的转换

“use strict”;;(function (win, doc) {var docEl = doc.documentElement,resizeEvent = “orientationchange” in window ? “orientationchange” : “resize”,resizeHandle = function resizeHandle() {var WIDTH = docEl.clientWidth;var size = 100 * (WIDTH / 640);win

2020-07-13 10:22:13 83

w_slch的博客