【uni-app】

uni-app中使用uCharts图表设置横向滚动无法滑动。

1.问题设置了enableScroll：true无效，配置如下：chartOpts:{legend:{show:false},padding:[10,0,0,0],dataLabel:false,dataPointShapeType:'hollow',yAxis:{data:[{fontColor:'#cccccc'}]},update:true,enableScroll:true,//开启图表拖
HDdgut·2023-09-01 16:06

垃圾识别工具箱、ChatGPT聊天微信小程序、大型商城电商源码

一、识别垃圾分类应用垃圾识别工具箱微信小程序源码前端：微信小程序采用uni-app开发框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android
凉亭下·2023-09-01 12:45

uni-app入门-实战教程-二十-列表渲染

列表渲染，主要用于渲染数组和对象：v-for="(val,index)val值index索引注意、:key="index"最新的编译器没有：key会报错哦！{{index}}-{{val}}\n{{index}}-{{val.name}}-{{val.name1}}\n{{index}}--{{val.name}}{{index2}}-{{val2}}，凡是条件判断使用-->\n{{index}}
Magic_小灰灰·2023-09-01 08:09

uni.openLocation起始点定位，IOS手机无法返回等问题

uni.openLocation使用问题环境：uni-app开发H5项目，H5项目链接webview嵌入app中目的：打开目标的地图位置并进行导航，导航完成后退出回到原界面问题：仅能传入目标地点，还需点击定位后再点击导航才能开始导航直接点击导航只有默认起点进行选择
洛千陨·2023-09-01 08:18

uni-app的h5页面的onHide/onUnload方法不触发的问题解决

背景目的：对h5页面进行埋点过程中，需要对页面浏览时长进行统计，通过生命周期的监听上传埋点日志预设方案：通过个页面的onShow/onHide/onUnload生命周期对页面的展示/隐藏/销毁进行监听问题：仅在首页正常触发生命周期，通过跳转进入的其他页面的onShow正常触发，onHide与onUnload不触发解决过程推测原因：通过路由跳转的页面属于二级页面，而onHide与onUnload生命
洛千陨·2023-09-01 08:18

uni-app项目由hbuilder项目转化为cli项目

1.背景原uni-app项目是通过hbuilder创建的，运行以及打包都要依赖于hbuilder运行；一般在vscode开发，在hbuilder运行比较怪异；后续希望脱离hbuilder运行并能通过构建平台进行打包
洛千陨·2023-09-01 08:13

uni-app 全面屏、刘海屏适配（iphoneX适配）及安全区设置 | --window-top和--window-bottom

刘海屏顶部安全区|状态栏高度var(–status-bar-height)此变量在微信小程序环境为固定25px，在5+App里为手机实际状态栏高度。当设置“navigationStyle”:“custom”取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为var(–status-bar-height)的view放在页面顶部，避免页面内容出现在状态栏。由于在H5端，不存在原
前端阿彬·2023-09-01 07:39

uni-app:允许字符间能自动换行（英文字符、数字等）

{{multilineText}}.container{word-break:break-all;}例如：中文：222222222222222222222222222111111111121133333333333.container{/*word-break:break-all;*/}我现在将换行代码注释掉了效果图：写入核心代码：word-break:break-all;效果图：
雯0609~·2023-09-01 06:18

uni-app：监听数据变化（watch监听、@input事件）

方法一：文本框监听,使用@input事件exportdefault{data(){return{wip_entity_name:''//文本框绑定的数据};},methods:{handleInputChange(){//执行需要在文本框值改变时执行的方法console.log('文本框的值发生改变');//调用其他方法this.otherMethod();},otherMethod(){//实现
雯0609~·2023-09-01 06:16

uni-app 项目支持 vue 3.0 介绍及升级指南

简介HBuilderX3.3.0+更新uni-app编译器，支持基于Vite编译到小程序平台。
嚣张农民·2023-09-01 01:39

❤ Uniapp使用

❤Uniapp使用一、介绍uni-app官网：https://uniapp.dcloud.io/api/media/image?
林太白·2023-09-01 01:38

uni-app 微信小程序 查看 base64 文件流格式的 pdf

环境：uni-app微信小程序需求描述：前端请求后端接口，后端返回base64格式的pdf文件流，前端获取数据打开查看pdf代码实现：1.添加接口响应头配置responseType:'arraybuffer
叶子_o·2023-08-31 20:39

uni-app小程序处理后端返回的文件流并预览

fileClick(fileName){varfileManager=uni.getFileSystemManager();//文件存储到本地的路径varFilePath=wx.env.USER_DATA_PATH+"/"+newDate().getTime()+".jpg";fileManager.writeFile({data:data,//从后台获取的二进制流filePath:FilePat
祁铭菲·2023-08-31 20:07

uni-app获取指定标签的高度

varview=uni.createSelectorQuery().select(".list-right");view.boundingClientRect(function(data){console.log(data.height);}).exec();
Limolovely·2023-08-31 17:32

uni-app 报错 navigateTo:fail page “/pages/.../...“ is not found

这个错误的意思是：识别不到该页面错误可能一：没有在pages.json【微信小程序是app.json】中定义该页面的路径如：pages.json"pages":[{"path":"pages/index/index"},{"path":"pages/my/my"}]app.json"pages":["pages/index/index","pages/my/my"]错误可能二：URL的页面路径错误
UserGuan·2023-08-31 13:05

uniapp原生插件开发(iOS)

开发环境iOS开发环境，Xcode12.1及以上版本下载开发插件需要的SDK包并解压安装uni-app开发工具HBuilderX1、创建插件工程打开Xcode，创建一个新的Framework工程，然后点击
沵可安好·2023-08-31 10:51

uni-app swiper设置显示面板指示点的背景颜色与选中颜色

查看uni-app官网文档找到设置的背景与选中的属性为indicator-color、indicator-active-color，直接如下图所示进行设置，结果报错如下：原因：这两个属性直接赋值即可生效
东小记·2023-08-31 09:35

uni-app在微信小程序中无法拉起用户授权面板，uni.getUserInfo直接返回匿名数据

问题描述：在开发中通过微信小程序文档（https://developers.weixin.qq.com/miniprogram/dev/component/button.html）和uni-app文档（
东小记·2023-08-31 09:35

uni-app在H5端底部部分内容被tarbar遮盖，显示不全

解决：通过uni-app自带的2个css变量：--window-top和--window-b
东小记·2023-08-31 09:35

uni-app动态修改导航栏标题

对导航栏标题进行修改，直接使用就可以uni.setNavigationBarTitle({title:"标题名称"});动态修改标题名称，数据可能是从上一个页面传递过来的，直接在onLoad页面周期函数中使用onLoad(props){console.log(props,"onLoad");//获取上一个页面传递的数据if(props?.title){consttitleType=props.ti
Ciao_Traveler·2023-08-31 09:28

uview，u-input组件在明密文切换时app不生效

中无效一开始是通过三目运算符发现没有生效，然后通过使用v-if写了两套input，发现也没有效果通过搜索发现可以通过修改源码进行实现，不想修改源码，就没有使用修改源码的博文链接直到看到这篇博文链接地址才知道v-if为啥不生效，原因：uni-app
Ciao_Traveler·2023-08-31 09:28

android h5 hls,uni-app video标签打包H5Android上支持播放.m3u8 hls直播流

默认uni-app打包出来的H5在Android上是没法播放.m3u8直播流的，控制台或报错Uncaught(inpromise)DOMException:Theelementhasnosupportedsources
小雨芝时节·2023-08-31 09:27

UNI-APP H5端 播放m3u8

通过npm下载到项目的node-modulesnpminstallvideo.js首先，用上面的那个npm命令行下载video.js然后，在项目中main.js中引入package.json"dependencies":{"core-js":"^2.6.5","video.js":"^7.19.2","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plu
Bug_Free_·2023-08-31 09:26

uni-app npm方式引入video.js教程 支持H5播放m3u8、mp4等格式视频文件

在uni-app中引入video.js有两种方式1.通过cdn的方式引入(不建议，当这个cdn失效时，你的业务可能就崩了)2.就是通过npm下载到项目的node-modulesnpminstallvideo.js
wang_9909·2023-08-31 09:26

uni-app 引入video.js 支持H5播放m3u8、mp4格式视频

uni-app引入video.js支持H5播放m3u8、mp4格式视频1、用npm命令行下载video.js插件库npminstallvideo.js2、在项目main.js中引入importVideojsfrom'video.js'import'video.js
ernesto_ji·2023-08-31 09:56

uni-app app端.m3u8类型流的播放

1.开发环境：HBuilderX3.8.7、uni-app、vue2.0、view2.0、uni-ui2.实现通过web-view嵌入H5页面，进行视频流自动播放。
Ciao_Traveler·2023-08-31 09:51

uni-app 播放m3u8格式视频

工具dplayer、hls.js链接:dplayer官网安装npmidplayer-Snpmihls.js-S引入importHlsfrom'hls.js'importDplayerfrom'dplayer'容器播放器mounted(){this.dp=newDplayer({container:document.getElementById('dplayer'),autoplay:false,/
WYWEBGO·2023-08-31 09:51

vue uni-app解决关键词重复的问题，搜索记录功能

修改saveSearchHistory方法如下：//保存搜索关键词为历史记录saveSearchHistory(){//this.historyList.push(this.kw)//1.将Array数组转化为Set对象constset=newSet(this.historyList)//2.调用Set对象的delete方法，移除对应的元素set.delete(this.kw)//3.调用Set对
船长在船上·2023-08-31 07:33

uni-app实现点击显示隐藏列表，兼容微信小程序

效果：0?handleToggle(item,index1):''">{{item.title}}{{c.title}}listData:[{title:"新疆",isToggle:false,content:[{title:"新疆大明矿业1"},{title:"新疆大明矿业2"}],},{title:"山东",isToggle:false,content:[{title:"山东矿业1"},{ti
船长在船上·2023-08-31 07:30

uni-app中使用vant-weapp

uni-app中使用Vant-Weapp组件文章目录uni-app中使用Vant-Weapp组件前提1.创建wxcomponents文件夹2.pages.json引入组件3.组件中使用通过`easycom
Smile_ping·2023-08-31 04:11

uni-app input 实时监听input 值

*onInput(e){console.log(e.detail)}
淚迷·2023-08-31 03:48

使用 async + await 封装uni-app的异步请求

最新工作中需要将原有的小程序项目改写成uni-app项目然后打包成app，在项目改写的过程中将原有的异步数据请求使用promise结合async+await进行封装。
charoner·2023-08-31 02:16

uni-app知识点

缺点：完善性较差，uni-app问世的时间还比较短，坑多。如果想要一个更稳定、坑更少的开发环境，建议选择其他平台。uni-app事件总线事件总线可以作为组件沟通的桥梁，就像是所有组件
困在雨天·2023-08-30 21:36

前端面试必备 | uni-app 篇(P1-15)

文章目录1.请简述一下uni-app的定义和特点。2.uni-app兼容哪些前端框架？请列举几个。3.请简述一下uni-app的跨平台工作原理。4.什么是条件编译？在uni-app中如何实现条件编译？
阿珊和她的猫·2023-08-30 21:06

uni-app 如何放大图片

0">methods:{prewImage(item){leturl=this.$imgURl+item;uni.previewImage({count:0,urls:[url]});},}
胜杰720·2023-08-30 17:11

uni-app 手势放大图片

手势缩放图片//directionmovable-view的移动方向，属性值有all、vertical、horizontal、none//scale是否支持双指缩放，默认缩放手势生效区域是在movable-view内//scale-min定义缩放倍数最小值//scale-max定义缩放倍数最大值//scale-value定义缩放倍数，取值范围为0.5-10默认是1注意：movable-area必须
Mr_wuying·2023-08-30 17:39

uni-app 转 H5发布到服务器

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台
蜗牛也有梦想·2023-08-30 13:38

uniapp 配置网络请求并使用请求轮播图

因此，建议在uni-app项目中使用@escook/request-miniprogram第三方包发起网络数据请求。
打不着的大喇叭·2023-08-30 11:05

uni-app图片上传和预览

uni.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。上代码：上传图片methods:{chooseImage:function(){uni.chooseImage({count:4,//限制图片上传数量，封顶9张success:function(res){//拿到图片的返回数据console.log(res)}})}}输出我们的res返回结果会看到一个tempFileP
似朝朝我心·2023-08-30 10:25

uniapp 配置小程序分包

在uni-app项目中，配置分包的步骤如下：1、右键点击根目录，新建，点击创建分包的根目录，命名为subpkg。
打不着的大喇叭·2023-08-30 07:16

vue书写一个uni-app小程序

在本次文章中我来大致向大家介绍一下如何使用HbuilderX来编写一个uni-app的小程序的项目，在此我只说编写的方法与方向，具体的操作留给大家去亲自实操哦。
执笔绘江山·2023-08-30 07:11

uniapp 项目实践总结(二)从零开始搭建一个项目

下载地址:hbuilderx；新建项目打开软件找到文件》新建》项目，选择uni-app项目，默认模板就可以；填写项目名称和存储路径，点击
马克关·2023-08-30 07:37

uni-app开发小程序中遇到的map地图的点聚合以及polygon划分区域问题

写一篇文章来记录以下我在开发小程序地图过程中遇到的两个小坑吧，一个是点聚合，用的是joinCluster这个指令，另一个是polygon在地图上划分多边形的问题：1.首先说一下点聚合问题，由于之前没有做过小程序地图问题，所以浏览了很多资料，最终发现看的多了反而杂乱，而且这次要完成的不是地图单点定位或者地图导航，而是地图撒点，在地图上要显示很多定位点，那么点数过多且覆盖就成了一个要解决的问题，我上网
执笔绘江山·2023-08-30 07:32

uniapp实现：点击拨打电话，弹出电话号码列表，可以选择其中一个进行拨打

一、实现效果：二、代码实现：在uni-app中，使用uni.showActionSheet方法实现点击拨打电话的功能，并弹出相关的电话列表供用户选择。
小跳不会Coding·2023-08-30 06:28

uni-app开发小程序，radio单选按钮，点击可以选中，再次点击可以取消

一、实现效果：二、代码实现：不适用官方的change方法，自己定义点击方法。动态判断定义的值是否等于遍历的值进行回显，如果和上一次点击的值一样，就把定义的值改为null{{item.value}}exportdefault{data(){return{list:[{value:'选项1',id:'1'},{value:'选项2',id:'2'},{value:'选项3',id:'3'}],radi
小跳不会Coding·2023-08-30 06:25

uni-app中使用iconfont彩色图标

uni-app中使用iconfont彩色图标大家好，今天我们来学习一下uni-app中使用iconfont彩色图标，好好看，好好学，超详细的第一步首先，从iconfont官网（iconfont-阿里巴巴矢量图标库
挣扎的工程师·2023-08-30 03:28

uniapp(微信小程序、h5)+PC+微服务

概述最近码代码的时候遇到一些问题，这里自己记录总结一下，供大家参考，说得不对的地方希望大家指出大概介绍一下我用到的内容用HbuilderX新建一个uni-app项目，vue版本选的2，爬坑轻松一点移动端
卿憧碎閲·2023-08-30 02:16

uni-app的使用以及HBuilder的Vue创建

首先在HBuilder的创建项目点击新建打开会出现功能列表点击项目创建输入项目名称这里可以找到我已经创建了以uni_hello为名称如图会出现各种文件这里pages：存放你写的各种数据代码static：存放各种视图uni_modules:可以把他看做一个各种方法的存放地'英语好的不会的可以在这里找到自己所需要的各种方法pages.json：这个为启动页你所有的页面的地址都需要放在这里这里我已经存放
wei_zzzzzz·2023-08-30 00:12

[Hello World教程] 使用HBuilder和Uni-app 生成一个简单的微信小程序DEMO

一、注册小程序访问https://mp.weixin.qq.com/注册一个小程序，身份可以是个人，注册过程尽管有点繁琐，但都是一些常规操作，在此就不再赘述了。注册小程序是为了得到一个app_id，相当于一个小程序的唯一识别码，这是必备的，否则后继所有操作都没办法继续。注册成功后，选择:开发->开发管理->开发设置->记录下[AppID(小程序ID)]选择:开发->开发工具->下载[微信开发者工具
rockage·2023-08-30 00:41

uni-app的安装及使用

目录下载uni-app开发工具下载HBuilderX安装HBuilderX安装scss/sass编译快捷键方案切换修改编辑器的基本设置新建uni-app项目uni-app目录结构把项目运行到微信开发者工具相关配置运行到微信开发者工具简单使用使用
の Nolan Ω勇敢冲·2023-08-30 00:10
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他