【uni-app】

uniapp-富文本编辑器

功能介绍支持在多个主流的小程序平台和uni-app中使用支持丰富的标签（包括table、video、svg等）支持丰富的事件效果（自动预览图片、链接处理等）支持设置占位图（加载中、出错时、预览时）支持锚点跳转
智江鹏·2023-08-19 18:13

uniapp-路由uni-simple-router

背景专为uniapp打造的路由器，和uniapp深度集成通配小程序、App和H5端H5能完全使用vue-router开发模块化、查询、通配符、路由参数使uni-app实现嵌套路由（仅H5端完全使用vue-router
智江鹏·2023-08-19 18:13

uni-app app-plus

项目目录结构index.vue扫码exportdefault{data(){return{//必须要放在/hybrid/html/目录下home:"/hybrid/html/index.html",codes:[]}},onLoad(){},computed:{codeHeight(){returnuni.upx2px(50)+'px';}},mounted(){letthat=this;//获取
闪耀星星·2023-08-19 10:31

uni-app 数据上拉加载更多功能

实现上拉加载更多打开项目根目录中的pages.json配置文件，为subPackages分包中的商品goods_list页面配置上拉触底的距离："subPackages":[{"root":"subpkg","pages":[{"path":"goods_detail/goods_detail","style":{}},{"path":"goods_list/goods_list","style"
船长在船上·2023-08-19 10:50

uni-app 数据下拉刷新功能

uni-app上拉加载更多功能https://blog.csdn.net/SmartJunTao/article/details/123684356在pages.json配置文件中，为当前的goods_list
船长在船上·2023-08-19 10:50

uni-app 小程序 配置分包

在uni-app项目中，配置分包的步骤如下：在项目根目录中，创建分包的根目录，命名为subpkg在pages.json中，和pages节点平级的位置声明subPackages节点，用来定义分包相关的结构
船长在船上·2023-08-19 10:20

vue uni-app搜索记录 解决关键字前后顺序的问题

功能：搜索之后记录数据，把最后一个显示在第一个data中的historyList不做任何修改，依然使用push进行末尾追加定义一个计算属性historys，将historyList数组reverse反转之后，就是此计算属性的值：computed:{historys(){//注意：由于数组是引用类型，所以不要直接基于原数组调用reverse方法，以免修改原数组中元素的顺序//而是应该新建一个内存无关
船长在船上·2023-08-19 10:20

uni-app 小程序 封装 uni.$showMsg() 方法

当数据请求失败之后，经常需要调用uni.showToast({/*配置对象*/})方法来提示用户。此时，可以在全局封装一个uni.$showMsg()方法，来简化uni.showToast()方法的调用。具体的改造步骤如下：在main.js中，为uni对象挂载自定义的$showMsg()方法：//封装的展示消息提示的方法uni.$showMsg=function(title='数据加载失败！',d
船长在船上·2023-08-19 10:50

uni-app配置接口请求

因此，建议在uni-app项目中使用@escook/request-miniprogram第三方包发起网络数据请求。
船长在船上·2023-08-19 10:20

小程序中display:flex和v-show，v-show不生效,uni-app

小程序中display:flex和v-show，v-show不生效、、解决方案：display：flex样式的优先级高于了v-show，v-show其实就是display：none，display：flex优先级高于display：none。使用:style=“判断对象?‘’:‘display:none;’”
代码s贝多芬的音符·2023-08-19 07:23

【微信小程序更改appid失败】微信小程序修改appid一直失败报错tourist appid解决办法

原因我用HbuilderX新建了一个uni-app小程序，然后运行到微信开发者工具，然后一直显示没登录可能无法调用API。后面调用组件还一直报错没有call的。
接口写好了吗·2023-08-19 07:44

uniapp 开发小程序之实现不同身份展示不同的 tabbar（底部导航栏），附带相关问题解答

通过浏览博客才选择使用uView的Tabbar底部导航栏来实现，我选择用的是2X版本安装我是使用Hbuilder插件的方式引入的组件库，安装配置可以看这篇：下载安装方式配置|uView2.0-全面兼容nvue的uni-app
阿晨12138·2023-08-19 05:46

uni-app设备本地文件读写——2022.11.18

封装manageFile.js//创建注册码+设备编号文件及删除文件constdir='/.keyData';//文件夹前+.是隐藏文件避免用户误删constpathUrl='/.keyData/keyData.txt';constenvironment=plus.android.importClass("android.os.Environment");constBufferedReader=p
bug天天写·2023-08-18 15:47

uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结

使用的是uni-app开发的，所以就以uni-app为例。开启下拉刷新1、全局开启下拉刷新在pages.json的页面中“globalStyle”对象里面做全局配置：“enablePullDownR
赢乐·2023-08-18 10:13

uni-app小程序上传图片和视频功能

选择图片/视频varsourceType=[['camera'],['album'],['camera','album']];exportdefault{data(){return{//上传图片视频VideoOfImagesShow:true,//页面图片或视频数量超出后，拍照按钮隐藏imageList:[],//存放图片的地址srcVideo:[],//视频存放的地址sourceType:['拍
小白兔12345678·2023-08-18 08:20

uni-app自定义多环境配置，动态修改appid

在使用uni-app开发项目时，一般都是选择使用HbuilderX可视化创建项目，也不建议使用cli工程化方式创建uni-app项目。在HbuilderX中，默认只支持开发和生产两个环境，点击“运
又年~·2023-08-18 07:45

uniapp 小程序接入腾讯云实时音视频通话踩坑 快速集成(uni-app)tuicalling组件实时音视频bug

去官方下载demotuicalling-miniprogram按照官方npminstall不可行需要手动npminstalljs-xx-wx大概就是这名字配置好id和秘钥一直提示登录两个账号的时候进行通信一直报这个错误原因是需要进控制台原因需要进腾讯控制台进行配置右侧访问个数进行调整另外腾讯技术官方demo获取appid总是获取不到直接在这里进行配置有问题给我留言现在这里好多坑官方也在修改这月底好
没有天赋的搬砖者·2023-08-18 07:15

HBuilderX使用

2、这里以uView为例uView官方：安装|uView2.0-全面兼容nvue的uni-app生态框架-uni-app
盗名仕·2023-08-18 06:07

uni-app中监听网络状态，并在嵌入webView页面的组件中添加网络监测

uni-app中监听网络状态，并在嵌入webView页面的组件中添加网络监测uni-app中监听网络状态下载插件打开网络异常组件页面，点击"下载插件并导入HBuilderX"按钮，打开HBuilderX
从不讲道理·2023-08-18 02:06

uni-app在自定义组件中内嵌H5/Html网页，加载不闪屏, 自定义webview大小

在自定义组件中内嵌H5/Html网页时，通过内置组件web-view实现（如下），发现会自动铺满整个页面，不可控制大小（默认充满屏幕不可控制大小）有多个tab页面时（多个自定义组件切换时），调整webview窗口大小，会出现闪屏的现象varwv;exportdefault{data(){return{}},mounted(){//#ifdefAPP-PLUSvarcurrentWebview=th
小豆包3D世界·2023-08-18 02:35

uni-app 使用webview加载H5打开微信小程序

毕竟我也是刚学习uni-app，找了很多资料，找到了一个天天外链的网站可以生成一个小程序的链接，使用uni的webview去加载这个链接，很好，需求满足，但是收费，那能不能自己做呢，可以，研究了一下天天外链生成的链接
墨林！·2023-08-18 02:05

uni-app使用web-view与web-view内嵌H5页面进行路由跳转的实现方法

uni-app使用web-view与web-view内部H5页面进行通信交互的方法近期有业务需求，需要在uniapp中的构建的微信小程序嵌入另一个uniapp构建的h5页面进行交互的需求，翻了官方文档，
Wuyo_7·2023-08-18 02:05

uni-app在组件中内嵌webView，实现自定义webView的大小，并处理页面中有webview时其他元素点击事件失效的问题

uni-app在组件中内嵌webView，实现自定义webView的大小，并处理页面中有webview时其他元素点击事件失效的问题uni-app在组件中内嵌webView，实现自定义webView的大小
从不讲道理·2023-08-18 02:35

uni-app使用picker的多种选择器（多列，时间，地区）

picker底部滚动选择器{{years[yearsIndex]}}exportdefault{data(){return{years:["请选择年份",1998,1999,2000],yearsIndex:0}},methods:{yearChange:function(e){console.log(e)//获得对象的detail的value//通过数组的下标改变显示在页面的值this.year
致橡树丶·2023-08-18 00:51

【uni-app报错】获取用户收货地址uni.chooseAddress()报错问题

chooseAddress:failtheapineedtobedeclaredin…erequiredPrivateInf原因：小程序配置/全局配置(qq.com)解决：登录小程序后台申请接口按照流程申请即可在项目根目录中找到manifest.json文件，在左侧导航栏选择源码视图，找到mp-weixin节点，在节点后面加上：申请成功的接口"requiredPrivateInfos":["cho
Love丶Tin·2023-08-17 23:56

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题

解决方法：放弃这种方法，选择官网提供的自定义按钮buttonspages.json页面路由|uni-app官网代码实现：1、pages.jso
Naive_Jam·2023-08-17 23:56

uni-app省市区选择器

现在大多数的省市区选择器都是三级滚动联动的，有时候可能不是我们所想要的，所以就自己做了一个选择器，效果如下：20191109095738520.png具体实现代码如下：需要导入省市区的数据city.area.js以及弹窗组件uni-pop.vue，city.area.js文件在百度网盘，如需要请自取（链接：https://pan.baidu.com/s/1V7hYksMtOH96UpwAy_nEP
魔王HG·2023-08-17 22:28

uni-app调用java代码(uniapp调用安装原生插件aar)

uni-app调用java代码(uniapp调用安装原生插件aar)文章目录uni-app调用java代码(uniapp调用安装原生插件aar)前言一、开发环境、文档资料1.Java环境下载2.App离线
落魄实习生·2023-08-17 20:36

uni-app 给input框添加点击清空按钮

用value绑定输入的值，要通过@input事件监听，这个方法只要input值发生改变就会调用，v-if控制‘清空’这个图标，没值就不显示，我悟了！！！效果图//methodsclose:function(){this.searchName=''this.queryByInput()},theBlur(e){console.log(e.target.value)this.searchName=e.
O3ohn·2023-08-17 18:16

uniapp页面生成海报并保存和分享微信

Painter画板|LimeUiLimeUi-增强型的uni-app组件库http://liangei.gitee.io/limeui-docs/components/painter/lime-painter
小董不凶·2023-08-17 16:29

uni-app根据经纬度逆解析详细地址

uni-app中的getLocation()方法可以获取到用户当前的地理位置（经纬度）、速度。
码上流星&洒下星辰·2023-08-17 15:49

uni-app项目封装跳转拦截

封装缓存tools.js//缓存exportconstuseSession=()=>{constsetItem=(key,value)=>{uni.setStorageSync(key,JSON.stringify(value))//sessionStorage.setItem(key,)}constgetItem=(key)=>{letreturnVal=uni.getStorageSync(k
小鲤鱼ya·2023-08-17 11:56

使用uni-app和color-ui开发移动端遇到的一些问题

首先在uni-app中引入color-ui在uni-app中引入color-ui其实很简单，使用Hbuilder-X可以直接创建一个uni-app的项目，然后在创建一个color-ui的项目，将color-ui
小鲤鱼ya·2023-08-17 11:54

uni-app引入sortable列表拖拽，兼容App和H5,拖拽排序。

效果:拖拽排序背景：作为一名前端开发人员，在工作中难免会遇到拖拽功能，分享一个github上一个不错的拖拽js库，能满足我们在项目开发中的需要，下面是我在uniapp中使用SortableJS的使用详细流程；vue开发的web项目可以参考我的另一篇文章Vue中拖动排序功能,引入SortableJs，前端拖动排序。https://blog.csdn.net/weixin_64530670/artic
前端李十三·2023-08-17 09:54

uni-app 集成推送

研究了几天，终于是打通了uni-app的推送，本文主要针对的是App端的推送开发过程，分为在线推送和离线推送。我们使用uni-app官方推荐的uni-push2.0。
xintianyou丶·2023-08-17 09:54

uni-app 离线打包日记（iOS）

下载最新的离线sdk：http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/103image.png解压下载的sdk压缩包，在xcode内打开示例工程image.png找到下载的sdk内的示例工程打开image.pngxcode询问是否打开点击open确认image.png接下来把资源修改成我自己uniapp的，打开HBuilderX
瞳p1ayer·2023-08-17 03:20

小程序发布注意事项

1、使用HBuildx的发布功能发布小程序，因为编译完的代码目录不是同一个如果使用运行到小程序，最后发布的版本会显示”无法连接本地服务器“2、使用unicloud的云服务uniCloud发行|uni-app
追梦-北极星·2023-08-17 03:19

uniapp环境下启动小程序即小程序Uni-App开发模式

关于微信小程序安装工具及1.物料预备所需物料有：（1）微信开发者工具，下载路径：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html（2）HbuilderX下载路径：https://www.dcloud.io/hbuilderx.html（3）Node.js环境下载路径https://nodejs.org/z
AiLeimi·2023-08-17 02:45

uni-app自定义tabbar底部导航

uni-app中原生tabbar配置和小程序差不多，具体配置查看这篇文章https://uniapp.dcloud.io/collocation/pages?
·2023-08-17 00:13

uniApp实现自定义导航栏解析

前言最近在学习uni-app，由于是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在uni-app里面如何实现一些自定导航，比如支持一些标题、按钮、搜索、城市选择。。。
·2023-08-17 00:42

uni-app 面容、指纹识别插件(uni-face-login)

面容、指纹识别插件(uni-face-login)介绍人脸指纹登录授权，可以使用手机自带的人脸、指纹进行生物识别，进而判断是否机主本人，从而进行授权验证，适配安卓、iOS、鸿蒙设备猛戳这里去插件市场看看使用该插件支持鸿蒙、安卓、iOS系统设备；鸿蒙设备测试面容、指纹适配正常；最低支持安卓5.0，因为安卓6.0开始才有的指纹，6.0以下会返回错误码，6.0或6.0以上正常，且国内厂商禁止使用人脸认证
敲代码的鱼哇·2023-08-16 21:30

踩坑---uni-app中@input 事件不生效

在开发的时候遇到这么一种情况，我们希望input输入框的值是范围是0-100或者保留两位小数之类的，当你输入时处理后的结果却不生效，但是试过很多办法发现都实现不了，最后是按照以下方法解决的,问题原因是uni-app
不爱青椒·2023-08-16 20:58

UNIAPP中开发企业微信小程序

概述需求为使用uni-app开发企业微信小程序。希望可以借助现成的uni-app框架，快速开发。
田秋浩·2023-08-16 20:28

uniapp条件编译

uniapp条件编译uni-app将已经将可以跨平台兼容处理的组件及API等进行了封装，但是部分平台的特性无法跨平台。由此，uni-app提供了条件编译的方案，来处理不同平台的特定或差异。
秋叶原的琴音·2023-08-16 06:28

小程序-uni-app：hbuildx uni-app 安装 uni-icons 及使用

一、官方文档找到uni-iconsuni-app官网二、下载插件三、点击“打开HBuildX”四、选择要安装的项目五、勾选要安装的插件六、安装后，项目插件目录根目录uni_modules目录下增加uni-icons、uni-scss七、引入组件，使用组件importuniIconsfrom'../../../uni_modules/uni-icons/components/uni-icons/un
snow@li·2023-08-16 06:56

uni-app使用ttf字体在android中不生效问题解决办法

百度上有说是因为后缀名为.ttf的字体的format()不是ttf，而是truetype，改成如下就行了@font-face{font-family:'myFont';src:url('./my-font.ttf')format('truetype');font-weight:600;font-style:normal;}试了还是没有生效，无奈之下想到一个办法，那就是用0-9和.的图片代替，数字图
LingSun·2023-08-16 04:35

uniapp app端微信、qq一键登录

uniapp文档的具体位置：uni.login(OBJECT)|uni-app官网这个是首页微信授权qq授权exportdefault{data(){return{}},methods:{toLogin
m0_45925246·2023-08-16 03:13

uni-app中使用pinia

uni-app使用Piniamain.js中引用pinia创建和注册模块定义pinia方式选项options方式定义pinia页面中使用pinia选项options方式函数方式定义pinia页面中使用函数方式定义的
码农键盘上的梦·2023-08-15 19:36

uni-app原生子窗体subnvue

在使用uniapp进行开发app时，由于部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件，会使一些组件被挡在下面，很多人会想到使用cover-view（cover-view覆盖在原生组件上的文本视图。）这个组件，但是这个在h5端调试的时候是可以的，在app真机调试时还是不行（其他端我没试过）附上代码cover-view这是文本h5端app真机调
一只小菜鳥·2023-08-15 13:17

Uni-App subNVue 原生子窗体

在我们的开发中，经常会遇到各种弹窗，层级问题而在uniapp官网中就有这么一个Popup，而且使用这个组件之间通信也简单了多。直接正题，最简单的使用。创建子窗体页面，这边建议在pages目录下面创建一个subNVue目录，再在其目录下创建子窗体页面。|--pages|--index//index目录||--subNVue//subNVue目录||--nav.nvue//自定义导航栏||--popu
Black Cat.·2023-08-15 13:46
上一页 42 43 44 45 46 47 48 49 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他