- 博客(61)
- 资源 (4)
- 收藏
- 关注
原创 input限制最大值不超过60
input限制最大值不超过60<input type="number" class="inputBj" v-model="chargingTimeMinute" placeholder="请输入" oninput="if(value>60)value=60"/>
2021-07-21 19:13:38
2098
原创 vue给列表对象新增属性
vue给列表对象新增属性 mousedownV: function(index) { timeout = setTimeout(function() { if (vm.commentListVos[index].isMe == 1) { vm.commentListVos[index].showPopover = true; Vue.set(vm.commentListVos, index, vm.commentListVos[in
2021-06-08 16:22:00
1105
原创 总结:前端好用的的特效动画库
总结:前端好用的的特效动画库1、Animate.css最全的css动画库2、http://elrumordelaluz.github.io/csshake/这个主要是摇动的效果3、https://www.animaapp.com/4、https://www.minimamente.com/cssboxshadow/可视化调试边框阴影,直接复制代码https://www.minimamente.com/yopalette/取色卡上的颜色...
2021-05-22 09:18:57
838
原创 width:fit-content;属性,盒子正好等于内容宽度,太好用了!!!!
width:fit-content;属性,盒子正好等于内容宽度
2021-04-01 13:55:30
1193
1
原创 彩虹文字效果css,会动哦!
彩虹文字效果css,会动哦!@import url("https://fonts.googleapis.com/css?family=Lato:300");body { display: flex; height: 100vh; justify-content: center; align-items: center; text-align: center; background: #222;}.rainbow { letter-spacing: 0.2rem;
2021-03-10 14:08:23
415
原创 移动端点击input让手机自带的键盘弹起,点击搜索弹下,实时搜索vue
移动端点击input让手机自带的键盘弹起,点击搜索弹下,实时搜索vue<div class="aui-title" style="left:2rem; right: 0.5rem;"> <div class="aui-searchbar"> <div class="aui-searchbar-input aui-border-radius"> <i class="aui-iconfont aui-icon-searc
2021-03-10 14:01:28
529
原创 vue评论点赞列表点赞,点击哪个哪个状态改变
vue评论点赞列表点赞,点击哪个哪个状态改变后台数据如下:{“body”:{“host”:null,“code”:200,“errorMessage”:null,“data”:[{“accountId”:“1”,“commentId”:“2”,“headPortrait”:“http://qiniu.yibaimishenghuo.com/1612603455(1)_1613700243471.jpg”,“nickname”:“222”,“created”:“2021-03-02
2021-03-09 16:23:26
1134
2
原创 swiper手动滑动后不再轮播处理办法,autoplayDisableOnInteraction : false无效
swiper手动滑动后不再轮播处理办法 var swiper = new Swiper('.swiper-container1', { // slidesPerView: 3, // slidesPerColumn: 2, spaceBetween: 10, loop: true, autoplay: true,
2021-03-06 15:05:10
2601
7
原创 vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标
vue收藏/取消收藏,点赞、取消点赞一个道理,切换图标<div class="zixun" @click="getFoodFindFoodDetails()"> <img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" /> <p class="aui-text-gray aui-font-size-10">{{isLike?'已收藏':'收藏'}}</p></div&g
2021-03-06 14:41:40
4340
原创 js获取每一个想要变为大写字母的class,小写字母转大写
js获取每一个想要变为大写字母的class<div class="text text2">Scope of services</div>var text2 = document.querySelectorAll(".text2")text2.forEach(function(ele) { ele.innerHTML = ele.innerHTML.toUpperCase()})想要的效果,小写字母转大写...
2021-03-06 09:08:15
162
原创 vue购物车规格选择,选择某种规格价格和库存都改变
vue购物车规格选择,选择某种规格价格和库存都改变1、这是后台返回的数据格式还是复制一下数据格式吧!方便大家看{ "host":null, "code":200, "errorMessage":"操作成功", "data":[ {"image":"111", "price":39, "name":"黑色+黄色", "id":1, "stock":1223
2021-03-02 10:46:12
884
原创 vue事件修饰符
vue事件修饰符.stop - 阻止冒泡.prevent - 阻止默认事件.capture - 阻止捕获.self - 只监听触发该元素的事件.once - 只触发一次.left - 左键事件.right - 右键事件.middle - 中间滚轮事件Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。Vue.js 通过由点 . 表示的指令后缀来调用修饰符。<!
2021-01-18 19:24:15
94
原创 vue v-bind:style详解
vue v-bind:style详解<div id="app"> <div v-bind:style="[baseStyles, overridingStyles]">娃哈哈,娃哈哈</div></div><script>new Vue({ el: '#app', data: { baseStyles: { color: 'green', fontSize: '30px' }, ove
2021-01-18 19:20:33
2095
原创 小程序监听事件捕获与事件冒泡
小程序监听事件捕获与事件冒泡<view class="view1" capture-bind:tap="handleCaptureView1" bindtap="handerBindView1"> <view class="view2" capture-bind:tap="handleCaptureView2" bindtap="handerBindView2"> <view class="view3" capture-bind:tap="handleC
2021-01-18 15:45:04
494
原创 apiclode输入密码校验,vue
apiclode输入密码校验,vue <li class="bbox ycenter aui-border-b" style="height: 2.95rem;"> <img src="../../image/icon_pw.png" style="width: .85rem;height: .85rem;"> <input class="f1 aui-margin-l-10 " v-model="onePassword" :type="isShow?'text'
2021-01-15 11:55:40
72
原创 apiClode打开frame页面传值
apiClode打开frame页面传值//打开页面把id和state传过去<div class="flex-czjz pro-glass" @click="openPage(homepage,projectDetailsNo,state,id)" v-for="(item,index) in list"></div>//openPage: function(url, name, state, id) { var pageobj = { url: homepag
2021-01-12 10:57:24
239
原创 apiclode发送监听,frame页面互相传值
apiclode发送监听,frame页面互相传值// 第一步,发送监听Ajax({ method: 'POST', url: 'workWorld/workWorldSave', token: api.getPrefs({ sync: true, key: 'token' }), data: { content: vm.content, type: vm.status, url: vm.picPath.join(','), status: vm.sendStatus,
2021-01-12 10:38:35
117
原创 vue金额整数时,显示.00
vue金额整数时,显示.00<div class="flex-between"> <div class="gray" style="color: #d1d1d1;">可提现金额:{{commission}}元</div> <div class="aui-text-black" style="color:#737373;font-size:0.58rem;" @click="fullWithdrawal">全部提现</div></div
2021-01-08 19:36:39
1848
原创 关于移动端选择所有的分组和选择多个单个的,跟发布朋友圈选择分组一样
移动端选择所有的分组和选择多个单个的//HTML代码<div class="" style="overflow:auto;height: 60%;"> <div class="gzsel-box flex-between"> <div class="text"> <div class="">公开</div> <div class="aui-text-gray aui-font-size-12">所有同事发布<
2021-01-06 17:30:50
230
原创 移动端清除页面所有打开的播放器接口
移动端关闭页面所有打开的播放器接口(执行该接口后,返回index会归零)var playModule = api.require('playModule');playModule.cleanPlayers(function(ret, err) { alert(JSON.stringify(ret));});
2021-01-06 17:17:10
87
原创 移动端如何满屏拖动一个元素,不会拖出去哦
移动端如何满屏拖动一个元素 .fixed1 { position: fixed; right: 0.5rem; top: 60%; z-index: 1; width: 3rem; } #animat { animation: mymove 2s infinite; animation-timing-function: ease-in-out; } <div class="fixed1" id="animat" style="z-index:1
2021-01-06 17:03:11
194
1
原创 移动端元素拖动时,页面滚动报错问题
移动端元素拖动时,页面滚动报错问题let t1 = 0;//滚动距离顶部的距离let t2 = 0;//500毫秒后的距离顶部的距离let timer = null; // 定时器window.onscroll = function(e) { //为了保证兼容性,这里取两个值,哪个有值取哪一个 //scrollTop就是触发滚轮事件时滚轮的高度 vm.flag = true; var scrollTop = document.documentElement.scrollTop || doc
2021-01-06 16:54:07
286
原创 CSS文本超过三行用省略号代替
CSS文本超过三行用省略号代替overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 控制多行的行数 -webkit-box-orient: vertical;
2020-12-17 16:30:33
2664
原创 swiper如何禁止用户滑动
swiper如何禁止用户滑动在最大的容器上加swiper-no-swiping<div class="swiper-container swiper-no-swiping"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div>
2020-12-17 16:17:43
838
原创 swiper点击出现空白的解决办法
swiper点击出现空白的解决办法<div class="swiper-container2 "> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active">全部</div> <div class="swiper-slide">电商类</div> <div class="swiper
2020-12-17 15:53:29
2198
1
原创 商品规格选择js
商品规格选择js<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <meta name="format-detection" c
2020-12-14 12:05:56
1308
原创 输入框验证码输入1位后自动跳转到下一个input
输入框验证码输入1位后自动跳转到下一个input<div class="dl clearfix"> <div class="aui-font-size-13 aui-text-black">6位验证码</div> <div class="inpt aui-col-xs-2"> <input placeholder="" type="number" name="" id="" value="" /> </div> <
2020-12-09 15:30:57
1273
原创 复制邀请码js
复制邀请码js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>复制邀请码js</title> <style> .main-yCode
2020-12-07 11:34:13
1493
permission.js
2022-06-17
mobileSelect.min.js
2021-01-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人