uniapp Tab组件推荐

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp Tab组件推荐

uniapp使用阿里图标(入坑)

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp使用阿里图标(入坑)

uni-app – 在uniapp中使用echarts展示图表

  • Post author:
  • Post category:uniapp

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

继续阅读 uni-app – 在uniapp中使用echarts展示图表

uniapp组件-uni-forms表单

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp组件-uni-forms表单

uniapp 与原生android 的交互

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp 与原生android 的交互

Uniapp滚动到底部

  • Post author:
  • Post category:uniapp

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

继续阅读 Uniapp滚动到底部

uniapp手写一个日历

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp手写一个日历

uniapp 开发微信小程序中 canvas 绘制海报保存到本地( 绘制文字设置不超过几行,多余文字…显示 )

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp 开发微信小程序中 canvas 绘制海报保存到本地( 绘制文字设置不超过几行,多余文字…显示 )

uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译,而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。

  • Post author:
  • Post category:uniapp

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

继续阅读 uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译,而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。

uniapp h5调用企业微信JS-SDK实现录音/语音识别功能、从会话选择文件功能

  • Post author:
  • Post category:uniapp

解决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…

继续阅读 uniapp h5调用企业微信JS-SDK实现录音/语音识别功能、从会话选择文件功能