- 博客(30)
- 收藏
- 关注
原创 Vue轮询并清除轮询
<script> new Vue({ el: "#Vue", data: { timer: "", }, methods: {}, mounted() { let that = this; let num = 1; //创建并执行定时器 ...
2020-04-28 10:37:50 2536 1
原创 PC端单页面不同电脑样式兼容
添加后单位用rem window.onload = function () { document.documentElement.style.fontSize = 16 * document.documentElement.clientWidth / 1920 + 'px' }
2020-04-25 11:51:04 280
原创 Vue用this.$set改变数组里的某个值
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1....
2020-04-25 11:34:10 13080 3
原创 小程序页面跳转使用转码与解码传递对象
•将对象转换成 JSon 字符串var arry = JSON.stringify(str)•利用编码函数,将字符串进行编码var mUrl = encodeURIComponent(arry);•接收方var list = new Object();•将编码解码,转换成字符串var arry = decodeURIComponent(options.mUrl);•...
2020-04-23 18:05:20 518
原创 小程序轮播图(图片+视频)
<view class="detail_img"> <swiper class="swiper" indicator-dots="true" indicator-active-color="#ff7979" circular="true" interval="5000" duration="1000"> <swiper-item class='...
2020-04-23 17:58:25 1059
原创 微信小程序处理富文本图片溢出
//接收后台接口返回来的值 this.setData({ rich: res.data.replace(/\<img/gi, '<img class="richImg" ') }) .richImg { width: 100%; height: auto;}
2020-04-22 15:35:18 673
原创 jquery点击展开和缩放内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...
2020-04-22 11:41:28 200
原创 jquery循环遍历循环数值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...
2020-04-22 11:38:54 1048
原创 小程序全屏滑弹幕效果
<view class='dmGroup' wx:for="{{ dmData }}" wx:key="index" style="top:{{ item.top }}%; animation: dmAnimation {{ item.time }}s linear {{ index*3 }}s infinite;"> <view class='dmItem'> ...
2020-04-20 11:07:32 1131
原创 css文字和图片大小缩放动画效果
.immediately { width: 100% - 100rpx; height: 88rpx; background: linear-gradient(0deg, rgba(252, 81, 81, 1) 0%, rgba(254, 165, 106, 1) 100%); box-shadow: 0px 3px 6px 0px rgba(246, 47, 47, 0.35)...
2020-04-18 15:20:40 2006
原创 html使用jq
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min....
2020-04-17 16:12:48 260
原创 js获取当前时间
//时间戳转化为日期 js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime ) * 1000) var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1; var day = dateTime.ge...
2020-04-17 15:48:08 184
原创 video播放5秒后暂停
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频</tit...
2020-04-17 12:32:39 1222
原创 js获取页面链接上的参数
var local_url = document.location.href; var getstr = local_url.substr(local_url.indexOf('?') + 1) var get = getstr.split('/') let goodId = get[0].split('=')
2020-04-17 10:55:33 481
原创 小程序去除Button所有样式
button::after { border: none; padding: 0; margin: 0;}button { background-color: transparent; padding-left: 0; padding-right: 0; line-height: inherit;}
2020-04-14 10:44:27 1310
原创 小程序分割二维码上的参数
let scene = decodeURIComponent(options.scene)let temp = scene.split('&')console.log(temp)
2020-04-13 15:27:02 411
原创 无系列和有系列小程序商城购物车
可直接拷贝代码复制到页面,直接可以使用wxml<view class="scroll"> <scroll-view class="scroll" scroll-y="true"> <view wx:for="{{carts}}" wx:key='index'> <view class="cart_container">...
2020-04-13 14:17:54 244
原创 html引入echarts
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
2020-04-11 11:18:16 356
原创 css实现页面内容都不能复制
.div{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: non...
2020-04-10 16:24:48 610
原创 小程序获取手机验证码
<view class="container"> <view class="phone"> <view class="birthday birthday1"> <text class='inputHead'>手机号</text> <input class="phone_input" type="...
2020-04-09 16:21:00 1244
原创 全站变灰
1html { -webkit-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); }2html { filter: grayscale(100%); -webkit-filt...
2020-04-09 10:07:21 124
原创 小程序递归下载图片和下载视频
<view class="info"> <block wx:for="{{dynamic_list}}" wx:key="index"> <view class='rolTop'> <view class="rolAvatar"> <view class="avatar"> &...
2020-04-08 13:22:29 378
原创 小程序scroll左滑动查看
<view class="teachd"> <view wx:for="{{expert_list}}" wx:key='index' class="teachTex"> <image class="teachdImg" mode="aspectFill" src="{{item.avatar}}"></image> ...
2020-04-06 15:14:29 258
原创 小程序分包处理
只需要吧下面的复制到app.json文件当中即可,会自动创建文件 "subpackages": [ { "root": "packageA", "pages": [ "pages/cat/cat" ] } ],就可以看到主包和分包大小了主包页面跳转的话就是下面的链接 dada(){ wx.naviga...
2020-04-02 16:53:28 410
原创 小程序实现天/时/分/秒倒计时效果
<view> <view class="start-time"> <view class="day">{{day}}</view> <view class="hour">{{hour}}</view> <view class="minute">{{minute}}</view&g...
2020-04-02 16:10:23 2398 2
原创 小程序使用wx.chooseAddress添加收货地址
wx.chooseAddress({ success (res) { console.log(res.userName) console.log(res.postalCode) console.log(res.provinceName) console.log(res.cityName) console.log(res.countyName) c...
2020-04-02 13:25:33 2698 2
原创 小程序点击查看更多实现其余文字展示
<view> <view class='answers-pinglun' wx:for="{{comment}}" wx:for-item="item" wx:key="index"> <view class='answers-pinglun-top'> <image class='answers-pinglu...
2020-04-02 10:49:46 1197
原创 Live2D看板娘
<!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-...
2020-04-02 10:23:43 775
原创 ElementUI实现省市区三级联动
引入的js<script src="https://cdn.suoluomei.com/common/js2.0/city-data/city-data.js"></script>html <el-cascader v-model="area" :options="areaList" :props="optionProps" filterable ref...
2020-04-01 16:43:32 3816 2
原创 微信小程序封装api接口
在utils新建个http.js文件,然后写入下列代码export default function wxRequest(url, params = {}, method = "GET") { return new Promise(function (resolve, reject) { wx.showLoading({ title: '正在加载中' }) wx.re...
2020-04-01 15:46:58 385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人