uniapp

这个组件真好用!!! 原先是参考swiper组件实现tab选择操作,但是bug频发,所以,就想着找一个轮子, 经过测试, 轮子真香!!! Tab组件官网 使用例子 <template> <view class="container"> <!-- 核心是这里 --> <view class="state-area dflex navbar-area bg-m…

准备 下载阿里图标到本地（ https://www.iconfont.cn/ ），uniapp不支持symbol格式 校验 https://transfonter.org/ 点击ADD fonts 添加下载的 iconfont.ttf 文件，配置如下图，点击convert保存，Download。 配置 把阿里图标的iconfont.css 复制到项目里，删除@font-face{ }里的代码，把下…

demo 地址: https://github.com/iotjin/jh-uniapp-demo 习惯使用echarts图表，在uniapp中使用npm安装echarts再使用，或多或少有问题，最终找到一个好用的插件 lime-echart 官网地址 uni-app插件市场地址 安装 直接在插件市场，使用HBuilderX导入插件即可，最终导入到uni_modules文件夹 使用 使用方法可参考…

效果图： 代码实现： <template> <view> <uni-forms :rules="rules" :value="formData" ref="form" validate-trigger="bind" err-show-type="undertext"> <uni-group title="基本信息" top="0"> <uni-…

uniapp打开第三方程序可以通过 HTML5+ API 的 runtime API 和 importClass 反射获取Android的Intent对象来实现，有两种方式，先说最简单的。 第一种 runtime： handleGoApp() { // #ifdef APP-PLUS // 判断平台 if (plus.os.name === "Android") { plus.runtime.la…

scrollToBottom() { this.$nextTick(function() { setTimeout(() => { uni.pageScrollTo({ scrollTop: 99999, duration: 0 }) }, 200) // 要加点延迟, 不然有可能不生效 }); } 版权声明：本文为shuleijia原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请…

效果演示： 功能实现思路 <template> <view class="calendar-wrapper"> <view class="header" v-if="headerBar"> <view class="preWidth" @click="changeMonth('pre')"> <view class="pre" ><…

微信小程序中 canvas 绘制海报保存本地（ 绘制文字设置不超过几行，多余文字—显示… ） 本人开发中也碰到了保存图片到本地，打开图片为黑色的bug ------ 已解决 ； 效果 ： <template> <view class="mask" v-if="isShowArea"> <view class="out-modal slot-content"> &…

目录 场景与问题描述： 原因分析： 解决方案： 方案一：更新HbuilderX版本 方案二：设置固定的版本 方案三：忽略版本（不推荐） 场景与问题描述： 项目场景：示例:通过使用HbuilderX打包app后，当HbuilderX版本，跟手机端SDK版本不同时，就会提示如下报错： 本应用使用HBuilderX x.x.xx 或对应的cli版本编译，而手机端SDK版本是 x.x.xx。不匹配的版本可…

解决ios手机企业微信 wx.config is not function, wx.agentConfig is not function的情况 封装 wechatUtils.js . import { getJsSdkSignature, } from "@/app/api/home.js" const jsApiList = ['startRecord', 'stopRecord', 'onV…