uni

UNI-APP rich-text解析富文本数据,图片不能自适应

一、解决方案 <rich-text :nodes="goodsInfor.content"></rich-text> 数据替换下 res.data.content = res.data.content.replace(/<img/gi, "<img class='richImg'"); css .r ......
rich-text 文本 UNI-APP 数据 图片

uni-app http.js 请求封装(构造函数版本)

import { getToken, removeToken } from "./auth.js" import config from './config.js' // 默认配置 const DEFAULT_CONFIG = { baseUrl: process.env.NODE_ENV 'dev ......
函数 uni-app 版本 http uni

uni app 封装接api接口

创建文件 base.js let baseURL = ''; // 是否在控制台显示接口请求日志,本地环境启用,打包环境禁用 let showHttpLog = false; // 测试环境 baseURL = 'https://api.apiopen.top/api'; // 正式环境 // ba ......
接口 uni app api

前端uni-app自定义精美全端复制文本插件,支持全端文本复制插件 可设置复制按钮颜色

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
插件 文本 前端 按钮 颜色

uni.app 微信登录

配置方面 一定要配置 appid 和 appsecret appsecret 在视图源码 里面手动写一下。 "weixin" : { "appid" : "xxxxxx", "appsecret" : "xxxxxxxx", "UniversalLinks" : "https://www.kangf ......
uni app

uni-app中webView下自定义导航

参考博客: https://dandelioncloud.cn/article/details/1609872435337969666 https://blog.csdn.net/endianzhijia/article/details/87883346 <template> <view> <web ......
uni-app webView uni app

uni.showModal中content样式问题

本人亲测避坑。 在App.vue页面的style中 uni-modal { .uni-modal { .uni-modal__bd { //你所要设置的css样式 } } } 配置以上代码即可。 注:是在uniapp中哈。 ......
样式 showModal content 问题 uni

uni.app app端 获取自己经纬度 和 详细位置 和 选择位置

先去高德地图上面 申请个 key 然后把申请的key 写到 manifest.json 勾选高德地图 里面 然后 调用 uni.app 里面的api uni.getLocation({ type: 'gcj02', //一定要填这个 获取详细地址 geocode:true, //这个不为 true ......
位置 经纬度 经纬 app uni

uniapp跳转页面防止多次点击uni.navigateTo

<template> <view class="column"> <button @click="navto('/pages/index/index')">点击跳转</button> </view> </template> <script> export default { data() { ret ......
navigateTo 页面 uniapp uni

Uview引入Echart(uni-ec-canvas)方法

1.下载引入uni-ec-canvas文件 2.代码引入 View Code 例子图片 睡眠图 睡眠周(柱状图) 心脏健康心率图 心脏健康静息心率图 静心心率月图 体重折线图 距离图 ......
uni-ec-canvas 方法 Echart canvas Uview

使用uni-app中的uni-popup-dialog组件编译成小程序会自动弹出键盘问题

1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时,会自动把键盘弹出来,如图所示: 2.代码如下: <uni-popup type="dialog" ref="dialog"> <uni-popup-dialog mode="input" ......
uni-popup-dialog 组件 uni 键盘 uni-app

使用uni.app 里面 uni.chooseLocation api 打开地图位置 踩坑 踩坑 地图搜索 和列表一直转圈 不显示

用 Android 基座 可以正常使用 真机调试也可以用 就是打包的时候 打包完毕 弹出地图 之后 搜索 一直转圈 地图 列表 没有 东西 也是一直转圈 里面有好多踩坑点 太狗了 要打包的 包名 和 dcloud 里面的包名 和如果 用高德地图 里面的 packagename 三个要一致 uni.a ......
地图 chooseLocation uni 位置 app

如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2

可以在manifest.json来进行配置 这样就解决了 ......
uni app 模块 uni-app Camera

uni.app上传视频vue2 es6

上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......
视频 vue2 uni app es6

uni.app 签名 canvas 变成图片 上传图片 移动端 h5

使用canvas 即脚本绘制图形 <template> <view> <view class="wrapper"> <view class="handBtn"> <button @click="retDraw" class="delBtn">重写</button> <!-- <button @cli ......
图片 canvas uni app h5

uni.app上传图片/上传七牛云 vue2 es6

uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......
图片 vue2 uni app es6

移动端 根据后端返回 的地址 使用 pdf 打开 浏览下载 uni.app app h5

话不多说 肝着 肝了 三天三夜 才搞明白 下面是经过压缩压缩 再压缩 减少减少再减少 的代码 简易 易懂 移动端 根据后端返回 的地址 使用 pdf 打开浏览 下载 可以使用 插件 把这个插件 直接 拉到 与 pages 同级目录下面就好了 插件 地址 https://toscode.gitee.c ......
app 地址 pdf uni h5

uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf 兼容vue2 vue3 微信小程序 h5 等等 地址放在下面了

插件 地址地址:https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......
vue 插件 地址 程序 图片

uni-app中子组件props使用

uni-app中子组件props使用: 父组件: 子组件: ......
中子 组件 uni-app props uni

uni-app 解决echarts在h5中 tooltips及部分功能失效问题

1、echarts图可以加载,tooltips提示框不显示,部分功能不生效。 2、原因 1.echarts 引入的时候,会优先判断当前的环境。 2.由于uni app 中有一个 ‘wx’ 全局变量污染了echarts中的 wx 变量,导致这里的判断直接走第一个,echarts 部分功能无法生效 三、 ......
tooltips uni-app echarts 部分 功能

uni-app功能分享

压缩图片 function compressImage(url, filename) { var name = 'file:///storage/emulated/0/Documents/weiliao/' + filename; plus.zip.compressImage( { src: url ......
uni-app 功能 uni app

关于uni-app中使用 movable-area及movable-view标签实现悬浮拖拽功能

1.背景描述 在页面中,添加一个悬浮按钮并实现拖动它到任意位置。使用到的内置组件有 movable-area, movable-view。 2.效果 3.具体代码实现 <template> <movable-area class="movable-area"> <movable-view class ......

uni-app生命周期方法

1、应用程序的生命周期方法:定义在根组件app.vue中 onLaunch() 应用程序启动onShow() 应用程序显示onHide() 应用程序隐藏 2、页面的生命周期方法--仿微信小程序 onLoad() 页面挂载完成onShow() 页面被显示onReady() 页面可以交互onHide() ......
周期 uni-app 生命 方法 uni

uni-app学习

笔记一地址:https://www.cnblogs.com/echoyya/p/14427845.html 笔记二地址:https://www.cnblogs.com/echoyya/p/14429616.html 参考地址:https://www.cnblogs.com/jun-qi/p/1177 ......
uni-app uni app

基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案

前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起,页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图:支持h5+小程序+App端markdown解析渲染。 上面 ......
markdown 键盘 解决方案 uni-app 格式

uniapp系列-uni.getAppBaseInfo() versionCode appVersion 值不对应该怎么解决?

## 今天看到一个BUG #### 问题描述 - 我们使用uniapp的官方文档中uni.getAppBaseInfo()后获取的 appVersionCode appVersion ,发现获得的结果和我们实际设置的不一致,不是manifest.json里面的值,如下图所示 - 官方文档:https ......

直播平台搭建源码,uni中使用轮播图

直播平台搭建源码,uni中使用轮播图 <swiper class="swiper" style="height:90rpx;" circular vertical="true" :autoplay="true" :interval="3000" :duration="1000"><swiper-it ......
源码 平台 uni

uni-app微信小程序路由传参数据截断问题解决

跳转页面: 因为数据接受页面是富文本编辑器接收,所以先是将数据双引号处理了。 数据太多太长,跳转页面只要用encodeURIComponent()函数将其数据处理后传过去 const details = this.oneform.text.replace(/"/g, '\'') this.$tab. ......
路由 参数 uni-app 程序 问题

uniapp 列表分页显示 - uni-pagination

1. 先去 HX 市场下载并导入插件,由于这个插件是官方插件,所以并不需要引入,只需要重新编译( module 模块 ) https://ext.dcloud.net.cn/plugin?id=32 2. 页面的引用,代码可直接复制,小修改 => views 模块 //分页显示, queryPara ......
uni-pagination pagination uniapp uni

2023-06-20 uniapp 使用插件 uni-data-picker 报错:[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"

前言:项目中引用了uni-data-picker插件,其官方代码如下: <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......