uni-app
閉丄眼聆厛倖輻
这个作者很懒,什么都没留下…
展开
-
文章是字符数字类型不换行,JSON跳转报错
样式原创 2022-09-15 10:20:50 · 72 阅读 · 0 评论 -
小程序实现圆环进度
视图层 <view class="progress_box"> <canvas class="progress_bg" canvas-id="cpbg"></canvas> <canvas class="progress_bar" canvas-id="cpbar"></canvas> <canvas class="progress_line" canvas-id="cpline原创 2021-12-13 11:07:01 · 265 阅读 · 0 评论 -
H5实现动画css3
// 动画 getKeyframes() { let height = this.records.length * 30; const runkeyframes = `@keyframes rowup{ 0%{ top: 0px; } ...原创 2021-12-11 14:06:43 · 297 阅读 · 0 评论 -
小程序实现css3动画
11原创 2021-12-11 14:05:49 · 381 阅读 · 0 评论 -
小程序实现长按保存图片
首先是图片展示 <image :src='invitationMainGraph' @longtap="bankImg" mode='widthFix' class='image'></image>长按事件:@longtap="bankImg"事件处理:保存,查看权限,打开权限 // 保存到本地 bankImg() { console.log(123, "==123==="); if (this.canSaveAlb原创 2021-12-10 10:45:07 · 284 阅读 · 0 评论 -
uni-app,H5抽奖
<template> <view class='lottery'> <view class="lotteryTop"> 会员每日幸运抽奖 </view> <view class="roulette"> <view class="surplus"> 剩余抽奖次数:{{surplus}} </view> <view class=".原创 2021-12-07 17:00:11 · 3593 阅读 · 0 评论 -
小程序圆环进度条
html <view class="progress_box"> <canvas class="progress_bg" canvas-id="cpbg" ></canvas> <canvas class="progress_bar" canvas-id="cpbar" ></canvas>原创 2021-12-07 08:49:59 · 183 阅读 · 0 评论 -
h5禁止缩放
// 禁用缩放function addMeta() { $('head').append('<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />');}setTimeout(addMeta, 3000);// 禁用双指放大document.documentElement..原创 2021-10-06 15:29:16 · 352 阅读 · 0 评论 -
uni点击图片放大图片预览
对取到的数据进行处理:转换为数组reduce是把数组对象转换为纯数组,current是当前图片地址,fileurl+cur.url是对图片地址进行拼接let newArr = this.file.reduce(function (prev, cur) { return prev.concat(fileUrl + cur.url); }, []); uni.previewImage({ urls: newArr, current: [fileUrl +原创 2021-09-18 16:16:43 · 91 阅读 · 0 评论 -
自动适配苹果x底部留痕
给所在页面添加padding-bottom:calc(-16px+env(safe-area-inset-bottom));原创 2021-09-18 09:20:56 · 69 阅读 · 0 评论 -
封装scroll,可以设置样式
组件:<template> <view class="content"> <view> <view class="tab" :style="{ padding: completeTabStyle.padding, margin: completeTabStyle.margin, backgroundColor: completeTabStyle.bgColor, border: completeTabStyle.b原创 2021-08-06 19:14:24 · 88 阅读 · 0 评论 -
uni-app的下拉加载,实现谓微信聊天加载
有下拉事件: onPullDownRefresh: function () {}监听屏幕距离顶部高度 onPageScroll(res) { console.log("高度", res.scrollTop); //距离页面顶部距离 },滚动到距离屏幕高度的距离 uni.pageScrollTo({ duration: 0, // 毫秒 scrollTop: height, // 位置 });获取内容高度 uni.get原创 2021-07-30 10:27:13 · 917 阅读 · 0 评论