![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
呱嗨喵
这个作者很懒,什么都没留下…
展开
-
video 按钮全屏
监听是否退出或进入全屏:(在video上绑定bindfullscreenchange事件)原创 2023-08-30 18:02:49 · 1635 阅读 · 0 评论 -
uniapp获取经纬度
注意 "requiredPrivateInfos": ["chooseLocation", "getLocation"] 这个之前版本是默认就可以用的 现在得必须配置对应得函数api才行。首先配置manifest.json源码里的 mp-weixin 项。原创 2023-06-19 22:37:52 · 543 阅读 · 0 评论 -
uniapp 九宫格抽抽奖
【代码】uniapp 九宫格抽抽奖。原创 2023-06-16 10:16:38 · 670 阅读 · 0 评论 -
公共部分的css (unapp、 vue、小程序)
【代码】公共部分的css (unapp、 vue)原创 2023-06-13 17:51:59 · 216 阅读 · 1 评论 -
uniapp 定位失败
【代码】uniapp 定会失败。原创 2023-05-30 15:59:43 · 449 阅读 · 0 评论 -
vue uniapp ref动态更改dom样式 (微信小程序里面 获取dom ,ref微信小程序用不了)
【代码】vue uniapp ref动态更改dom样式 (微信小程序里面 获取dom ,ref微信小程序用不了)原创 2023-05-28 12:14:24 · 1562 阅读 · 0 评论 -
简单封装uniapp接口 (是按需引入的)
【代码】简单封装uniapp接口 (是按需引入的)原创 2022-09-20 10:29:04 · 418 阅读 · 0 评论 -
小程序在线更新功能
【代码】小程序在线更新功能。原创 2022-09-16 14:42:46 · 178 阅读 · 0 评论 -
h5跳小程序
就可//以了。原创 2022-06-22 09:10:42 · 142 阅读 · 0 评论 -
uniapp 轮播 需要请求接口 vuex 获取用户信息生成海报
x原创 2022-06-20 11:38:51 · 223 阅读 · 0 评论 -
简单缩放动画效果
transform: scale(1);//1是原画 transition-duration: 0.6s;//动画效果延时器transform: scale(0.9);//小于一缩小,大于一放大 transition-duration: 0.6s;//动画效果延时器原创 2022-05-30 11:22:21 · 184 阅读 · 0 评论 -
u-popup改主体白块方法
methods: {},options: { styleIsolation: 'shared' },//然后再样式里/deep/.u-mode-center-box { background-color: transparent !important; }原创 2022-05-25 17:29:06 · 417 阅读 · 0 评论 -
uni.navigateBack 返回上一页 刷新上一页数据 调用接口
//页代码onShow() { this.getListData(true);//调接口 },//接口async getListData(show) { this.isLoading = true;//11111111111111111111111111111111111111111111111111111 //重置数据不然不显示 这是关键 if(show){ this.listData = [] this.原创 2022-04-26 19:20:19 · 5894 阅读 · 0 评论 -
上拉刷新 下拉抵触
onPullDownRefresh() { this.page = 1; this.shopList = [] this.init() setTimeout(function () { uni.stopPullDownRefresh(); }, 1000); }, onReachBottom() { let that = this; that.init(); },..原创 2022-03-17 17:12:23 · 300 阅读 · 0 评论 -
uniapp上传图片、保存图片、 预览图片
uni.chooseImage({ count: 1, success: (res) => { uni.uploadFile({ url: this.global.url + '/index.php/api/common/upload',//地址 filePath: res.tempFilePaths[0],//获取本地图片地址 name: 'file',//类型 success: (resim...原创 2022-03-17 15:58:59 · 1991 阅读 · 0 评论 -
uniapp复制
uni.setClipboardData({ data: e,//复制的内容 success: () => { uni.showToast({ title: '已复制到剪贴板', icon: 'none' }) } })原创 2022-03-17 15:51:28 · 279 阅读 · 0 评论 -
微信小程序高度自适应
<view class="zhuti"> </view> <view v-bind:style="{paddingTop:hei+'px'}"></view> mounted() { var that = this const query = uni.createSelectorQuery().in(this); query.select('.zhuti').boundingClientRect(data => { .原创 2022-03-17 11:38:55 · 718 阅读 · 0 评论 -
数值对象解构Object.values() 和解构 Object.keys()
let arr = [1:"2",3:"3"]console.log(Object.values(arr) )//字符串 2 3console.log( Number(Object.values(arr)) )//纯数字 2 3 let data= {测试1:['≥','1'],测试2:['','1']} let oneList = Object.keys(data) let cheilde = Object.values(data) ...原创 2022-02-21 17:17:23 · 390 阅读 · 0 评论 -
两个数组合成一个或 sum = { [item.id]: item.value }
let arr = [1000,1001,10002,1003]let arr1 = ['zs','ls','ww','zl']let newArr = arr.map((age, i) => ({age, name: arr1[i]}))console.log(newArr);//这是函数事件onDepartmentChange(value, treeNode, data, idnex) {let newArr = value.map((age, i) => ({id:age.原创 2022-02-15 18:07:50 · 330 阅读 · 0 评论 -
css上下滑动
overflow-y: scroll;max-height: 70vh;如:<div style="overflow-y: scroll; max-height: 70vh;">内容可上下滑动</div>原创 2022-01-14 15:00:34 · 3033 阅读 · 0 评论 -
uniapp上拉抵触
<template> <view> <page-loading v-if="showLoading"></page-loading> <view class="container u-rela"> <view class="bg-style u-abso"></view> <view class="content u-rela"> <view class="user-info.原创 2021-12-30 10:41:21 · 121 阅读 · 0 评论 -
转换px到rpx
// :style="{paddingTop:paddingTop+ 'rpx'}" 这里是标签里的//这里是data里的 // data() { // return { // paddingTop:'', // }; // },//这里是onLoad里的 // onLoad() { // uni.getSystemInfo({ // success: res=> { // console.log(..原创 2021-11-08 17:54:13 · 772 阅读 · 0 评论 -
uni.getLocation获取省市县
//https://lbs.qq.com/dev/console/application/mine 获取腾讯地图密钥//import QQMapWX from '../../qqmap/qqmap-wx-jssdk.js' 引用jsonLoad() { this.getMapAddress() }, methods: { getMapAddress() { const tMap = new QQMapWX({ key: 'EQQBZ-Z653S-76VOU-64.原创 2021-11-08 16:42:02 · 1147 阅读 · 0 评论 -
微信小程序用picker-view 实现时间的选择 及加减
微信小程序js部分//---------------------------------------const date = new Date();const days = [];const hours = [];const minute = [];var monthDaySize;var month = date.getMonth();if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || m原创 2021-08-12 11:38:44 · 560 阅读 · 0 评论 -
微信小程序组件
子组件配置{ "component": true, // 自定义组件声明 "usingComponents": {} // 可选项,用于引用别的组件}页面<view class='wx_dialog_container' hidden="{{!isShow}}"> <view class='wx-mask'></view> <view class='wx-dialog'> <.转载 2021-08-04 15:33:34 · 215 阅读 · 0 评论 -
微信小程序省市县
index.wxml里的<view class="section"> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}"> <view class="picker"> <view class="row">原创 2021-08-04 14:44:03 · 416 阅读 · 0 评论 -
微信小程序顶部点击节点
<!-- 导航 --> <view class='nav' id="tab-con"> <view class='resume-title'>我的简历</view> <view bindtap="toblock1" class="{{top<block2_top-60?'selected':''}}">关于我</view> <view bindtap="toblock2" class="{{top>=b.转载 2021-07-14 14:50:45 · 201 阅读 · 0 评论