小程序
裴嘉靖
学而不思则罔 思而不学则殆
展开
-
移动端rem
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>rem</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"原创 2022-04-28 11:34:02 · 110 阅读 · 0 评论 -
uniapp循环多选
代码运行 看效果<template> <view class="content"> <view :class="item.checked ? 'a' : ''" @tap='dianji(index)' v-for="(item,index) in arr2" style="width:100upx;height: 50uxp;border: 1px solid red;margin-top: 20upx;"> {{item.name}} </v原创 2022-04-26 15:51:19 · 508 阅读 · 3 评论 -
backdrop-filter
//backdrop-filter: blur(2px); 背景图迷糊效果//用法:<div class="box"> <div class="item"> </div></div>.box { height: 100%; width: 100%; background-image: url('http*****');}.item{ height: 100%; width: 100%; background-c原创 2022-02-25 16:49:36 · 2156 阅读 · 0 评论 -
数字变*号
console.log('手机号', res.list[i].mobile) let number = res.list[i].mobile; //获取到手机号码字段 let mphone = number.substring(0, 3) + '****' + number.substring(7); //直接写也行 res.list[i].mobile.substring(0, 3) + '****' + res.list[i].mobile.s...原创 2020-09-28 09:45:43 · 240 阅读 · 0 评论 -
小程序瀑布流组件
简单的uniapp瀑布流 拿走不谢 记得点赞组件<template> <view class="container"> <view class="waterfall_left"> <view @tap='goodInfo(item.id)' class="waterfall_item" v-for="(item,index) in listLeft" :key="index"> <view class="item_img"&原创 2022-02-22 09:43:40 · 793 阅读 · 0 评论 -
自由飞翔的小按钮movable-area+movable-view
<movable-area> <movable-view catchtap="backTo" direction="all"> <image @tap="tabBarTap" src="../../static/index/anNiu.png" mode=""></image> </movable-view> </movable-area> movable-area{ width: 100vw;..原创 2021-01-29 17:48:03 · 157 阅读 · 0 评论 -
微信小程序自制多列选择器
原生的不能用 需要自己写 咋写 代码糊呗html部分<view style="display:flex;"> <text>请选择您感兴趣的技术:</text> <picker mode="multiSelector" range="{{multiSelectorData}}" value="{{multiSelectorIndex}}" bindcolumnchange="columnChange" bindchange="mu原创 2020-11-15 22:00:50 · 524 阅读 · 0 评论 -
解决视频播放问题
因为视频被背景图片遮盖和安卓设备在一个页面具备多个视频时$(function(){ //问题:因为视频被背景图片遮盖,所以单击视频是不会播放的。 //解决方案:在背景图片的上方制作一个和视频同宽同高的div,背景颜色为transparent。 //在js文件中对该div绑定click事件 $(".audioPlay").on("touchstart",function(event){ var $video = $("video").get(0); console.log($vi原创 2020-09-24 14:31:08 · 328 阅读 · 0 评论 -
观察者模式(微信小程序自制侦听属性)
话不多说,上来就是代码 //app.js为整个项目设置监听属性,让每一个页面的js文件都能使用watch:{}结构 //app.js为整个项目设置监听属性,让每一个页面的js文件都能使用watch:{}结构 setWatcher(data,watch){ // data - 各个页面的数据区 // watch - 各个页面的watch对象 Object.keys(watch).forEach(key=>{ this.observer(data,原创 2020-08-30 23:48:30 · 625 阅读 · 4 评论 -
微信小程序(WXSS样式文件)
课程大纲(1)WXSS简介(2)分类(3)尺寸单位rpx(4)样式导入@import(5)style内联样式(6)WXSS选择器(7)开发工具设置WXSS简介简介:WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。对比:WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS...原创 2019-11-21 17:09:05 · 1630 阅读 · 0 评论 -
微信小程序(JSON配置文件)
认识微信小程序的目录结构一、根目录下的三个文件:1、app.js,必须,小程序逻辑文件。2、app.json,必须,小程序配置文件。3、app.wxss,全局公共样式文件。4、[pages],用于存放页面文件的文件夹。5、[utils],用于存放公共js的文件夹。二、微信小程序的页面:1、微信小程序是由若干个页面构成的。2、所有的页面内容必须存放在[pages]文件夹下。3、...原创 2019-11-13 15:24:47 · 1352 阅读 · 3 评论