2020年04月_HqL丶1024

原创 Vue轮询并清除轮询

2020-04-28 10:37:50 2534 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 13070 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 1047

原创小程序全屏滑弹幕效果

<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 2005

原创 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 259

原创 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 1218

原创 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 1243

原创全站变灰

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 377

原创小程序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 257

原创小程序分包处理

只需要吧下面的复制到app.json文件当中即可，会自动创建文件 "subpackages": [ { "root": "packageA", "pages": [ "pages/cat/cat" ] } ],就可以看到主包和分包大小了主包页面跳转的话就是下面的链接 dada(){ wx.naviga...

2020-04-02 16:53:28 408

原创小程序实现天/时/分/秒倒计时效果

<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 2397 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 2696 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 1196

原创 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

hql1024的博客