uniapp小程序知识点分享
相伴而行
这个作者很懒,什么都没留下…
展开
-
js获取前一天和后一天
/ console.log(timeStamp,"这是转换的时间戳") // 1660579200000 转回去是2022-08-16 00:00:00。console.log(yy + '年' + mm +"月" + dd+ "日","9999")this.CurrentRescue() // 更改时间后 刷新环形图 和柱状图。return yy + '年' + mm +"月" + dd+ "日"return yy + '年' + mm +"月" + dd+ "日"// 得到上一天和下一天。原创 2023-05-16 17:10:54 · 670 阅读 · 0 评论 -
分享海报的组件用canvas标签画
<template> <view> <uni-popup ref="sharePopup" type="center" background-color="#55aa7f"> <view class="imagePathBox"> <!-- 生成的海报图 --> <view class="max_canvas"> <view class="canvas_box" style="width...原创 2021-12-06 13:45:52 · 313 阅读 · 0 评论 -
uniapp小程序的富文本解析页面展示:
// 活动介绍<view class="activity_introduce"> <view class="top_box"> <view class="top_box_circle"> <view class="min_circle_1"></view> <view class="min_circle_2"></view> </vie...原创 2021-11-20 16:36:07 · 2141 阅读 · 0 评论 -
防抖函数 简易版
<view class="" @click="antiShake">连续触发三秒后再执行</view><script>export default { data() { return { }; }, components: { }, onLoad(option) { }, onShow() {}, methods: { // 防抖函数 antiShake() { let that = this; let timer.原创 2021-07-23 15:23:34 · 137 阅读 · 0 评论 -
输入6位数验证码的实现原理
<template> <view> <view class="Box"> <view class="Get_the_prize"> <view class="Award_name">输入验证码</view> <view class="Award_input"></view> </view> <!-- 6位验证码第二版开始 --> <v.原创 2021-07-23 11:58:10 · 2816 阅读 · 3 评论 -
底部按钮自动适配任意机型的小程序案例
只看确认按钮部分的代码: 底部适配最主要的 css样式代码是: padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);<template> <view> <!-- 顾问认证输入手机号获取验证码页面 --> <view class=""> <view class="Get_th...原创 2021-07-31 16:12:39 · 228 阅读 · 0 评论 -
解决uniapp小程序下载全部图片的问题
解决uniapp小程序下载全部图片的问题 代码如下:遇到特殊情况: 如果遇到小程序预览时只有开启调试功能才能下载图片,说明你的服务器图片地址有误,要和后端人员确认下载接口的域名地址是否与下载图片的接口是否对应, 希望能帮到大家。插入html代码片<template> <view> <!-- 限时推广页面 --> <view class="TimeLimit_Box"> <view class="TimeLimit_card">原创 2021-07-23 10:51:32 · 1334 阅读 · 1 评论 -
uniapp 的图片下载功能并加了防抖函数处理
<view class="business_card_box"> <view class="business_card_name">活动对接人名片</view> <view class="business_content_box"> <view class="business_left_box"> <view class="business_leftimg_box"><ima...原创 2021-11-19 09:30:38 · 108 阅读 · 0 评论 -
uniapp小程序预览多张图片
<view class="bottom_box"> <view class="enclosure_box" v-if="activityData.attachmentTemplateList.length > 0"> <view class="enclosure_item" v-for="(item, index) in activityData.attachmentTemplateList" :key="index">...原创 2021-11-19 10:52:24 · 639 阅读 · 0 评论 -
小程序中实现图片不停旋转的效果,如正在加载中...
<!-- 加载中 --> <view class="Loading_box"> <view class="Loading_img_box"><image class="Loading_img" src="../../static/activity/roll@2x.png" mode=""></image></view> <view class="Loading_tisp_content"&...原创 2021-10-19 10:54:26 · 951 阅读 · 0 评论 -
小程序的图片base64图片的处理:页面显示和下载
页面显示:显示情况1(后端处理好的):如果页面显示时,后端已经生成图片base64文件流格式,则直接赋值给image的src属性做绑定,就能进行对应的展示。显示情况2(后端未处理的):如果页面显示时,后端生成的图片不是base64文件流格式,则需要手动(后端如果返回的时文件访问路径,那么需要在返回的文件路径最前面拼接(“data:image/png;base64,”)进行转化后赋值给image的src属性做绑定,就能进行对应的展示。页面下载:下载情况1(后端处理好的):如果页面下载...原创 2021-11-20 15:51:02 · 1831 阅读 · 0 评论 -
uniapp小程序跳转第三方直播网络页面的实现方式
利用<web-view src="https://v.qq.com/"></web-view> 标签的特性,它能打开移动web端进行浏览 案例如下: <!-- 跳转到腾讯会议 --> <web-view v-if="liveShow" :src="liveAddress"></web-view>js实现逻辑 data() { return { liveShow: false ,// 是否...原创 2021-11-19 10:34:21 · 2494 阅读 · 0 评论 -
uniapp小程序预览文件,文档的实现方式
预览效果为此图原创 2021-11-19 10:16:03 · 1764 阅读 · 0 评论