E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
uni-app图片不显示
小程序跨端框架(taro/
uni-app
/kbone)横评之2020版(对比很到位!!)
小程序跨端框架(taro/
uni-app
/kbone)横评之2020版微信竟然推出了跨端的kbone,说明跨端的开发已经深入人心;又是新的一年过去了,小程序开发领域又有哪些新的变化?
HD243608836
·
2023-09-22 02:49
大厂任性挑
小程序
多端
跨端
开发
小程序
app
uniapp监听手机侧滑返回事件。
若在App首页,点击手机物理返回键,此时无返回页面可关闭,
uni-app
默认会提示“再按一次退出应用”;若想自定义退出信息,如修改为:出现一个拟态窗口提示我们是否退出应用,点击确定退出应用。
ღ张明宇࿐
·
2023-09-21 17:14
uni-app
uni-app
小程序提示信息(信息提示)
首先注意:如果当我们使用别人写好的框架是不能在框架里面加弹框信息,因为我们这个弹框属于自己的后期自己加的内容。需要在在嵌套一个然后再把信息提示的提示放到view里面。代码如下html代码{{msg}}{{msg}}{{msg}}································JS代码data(){return{msg:''};},me
.7-F.
·
2023-09-21 17:43
前台app
uni-app
vue中设置样式穿透
css语法:.类名>>>.类名{样式}less,sass,scss预处理器语法:::deep{原组件样式名{样式}}vue-cli3以上版本不可以/deep/.类名{样式}父类/deep/子类例如:修改
uni-app
维他命Coco
·
2023-09-21 16:06
vue.js
前端
javascript
uni-app
获取元素具体位置获取失败
场景:想要通过链接跳转传递catid&catid2类别id,商品类别id跳到这一页左侧对应的类别栏上面,同时跳到右侧列表滚动到对应商品那一块区域。遇到的问题:在for循环中通过绑定id获取不到商品列表的具体位置。原因:在onReady函数和mounted函数中没有获取到接口返回的数据,所以id那会还没渲染上。解决方法:id换成ref,在接口返回成功的then函数中,使用$nextTick函数获取元
维他命Coco
·
2023-09-21 16:34
uni-app
javascript
前端
uniapp编译小程序分包配置
0.缘由最近工作在接触
uni-app
,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下1.关于分包好像是规定小程序不能超过
Dream_travelerly
·
2023-09-21 06:15
小程序
uni-app
微信小程序
前端
javascript
uni-app
request 简单封装
在main.js中Vue.prototype.ajax=function(param){var_self=this,url=param.url,data=param.data||{},header=param.header;consttoken=uni.getStorageSync('token');if(token){header={'token':token,'content-type':'a
抬头看月亮_d16f
·
2023-09-21 06:25
uview组件库的安装
更多的请查看官方文档uView2.0-全面兼容nvue的
uni-app
生态框架-uni-appUI框架(uviewui.com)//如果您的根目录没有package.json文件的话,请先执行如下命令:
锅盖哒
·
2023-09-21 06:06
uniapp
uniapp
点击评论区让键盘弹起
uni-app
正常来说点击uniapp的input框时默认会弹起键盘。具体input设置属性可以看官方文档:https://uniapp.dcloud.io/component/input?id=input问题:像微信pyq点击评论区或回复评论键盘跟着弹起思路:点击其他区域能够唤起input的@focus,使input的focus为true即可代码实现:父:(记得先引入子组件)评论区methods中://键盘弹
peepeeman
·
2023-09-21 05:39
小程序
uni-app
产生支付uuid-32位
uni-app
产生支付uuid-32位uuid(){vars=[];varhexDigits="0123456789abcdef";for(vari=0;i<32;i++){s[i]=hexDigits.substr
Shero.李建业
·
2023-09-20 19:10
uni-app
前端
uni-app
小程序多图上传
uni-app
小程序多图上传:官方提示说,App支持多文件上传,微信小程序只支持单文件上传,传多个文件需要反复调用本API。
爱拉比
·
2023-09-20 17:42
uni-app
小程序多图上传
uni.uploadFile
uni-app
之 文字分两行显示超出用省略号表示
uni-app
之文字分两行显示超出用省略号表示vue将一大串文字分两行显示超出用省略号表示通过css设置文字强制不换行超出用省略号表示:{white-space:nowrap;文本强制不换行;text-overflow
jun_tong
·
2023-09-20 15:25
uni-app
javascript
前端
css
uni-app
uqrcode+uni-app 微信小程序生成二维码
id=1287,若你是跟我一样是用
uni-app
开发微信小程序的,则该插件的介绍只需要看下面的即可,上面是作者介绍用于原生开发中。2、引入下载好后,按照下面方式引入上述是二维码的内容,我是
Swn_
·
2023-09-20 09:59
uni-app
微信小程序
uni-app
:实现等待加载功能
例子下例是实现蓝牙连接的部分代码,先进行加载连接显示,在进行连接,连接成功/失败,都自动关闭加载效果效果核心开始的加载效果:uni.showLoading({title:'正在连接,请稍候...',mask:true,});关闭加载效果uni.hideLoading();//连接成功后隐藏加载提示代码this.deviceId=deviceId,uni.showLoading({title:'正在
雯0609~
·
2023-09-20 08:58
uni-app
uni-app
javascript
前端
uni-app
实现点击复制按钮 复制内容
uni-app
实现点击复制按钮复制内容
uni-app
中有一个uni.setClipboardData(obj)API方法{{orderId}}//复制的内容复制copy(value){uni.setClipboardData
学习路上的小刘
·
2023-09-20 08:57
uni-app
前端
uni-app
之 解决u-button始终居中问题
uView中u-button始终居中问题如何解决的简单方法?1:给该元素margin-right:0;可以达到向右靠齐;2:给该元素的父元素设置float:rightimage.pngplain="ture"是否镂空type="error"颜色size="mini"按钮大小
jun_tong
·
2023-09-20 08:26
uni-app
前端
服务器
uni-app
uni-app
实现点击复制按钮 复制内容
注意:uni.setClipboardData({})里面的data参数必须是字符串类型这个是大坑第一种{{orderId}}//复制的内容复制copy(value){uni.setClipboardData({data:value+'',//这里是个坑接受字符串类型value转化为字符串success:function(){//调用方法成功console.log('success');}})}第
MFG_666
·
2023-09-20 08:24
uni-app
javascript
开发语言
uniapp复制功能
【
uni-app
】使用全局filters [register global utility filters]
uni-app
是一个使用Vue.js开发所有前端应用的框架,filters一样通用1.新建文件存放所有的公用filters(@/filters/index.js)此处以千字符加逗号过滤器toThousandFilter
两年半练习程序员
·
2023-09-20 02:39
Uni-app
封装组件中点击事件回传父组件及传值
今天封装了一个组件,在组件中有个按钮点击事件要回传给父类,并执行响应操作。组件中的回传类似iOS中的block,代理回调。this.$emit("func_name",data)func_name要和父级页面中“@”绑定的名字一致。this.emit在组件内触发全局的自定义事件{{p_title}}{{p_more}}exportdefault{name:"titleBox",props:{p_t
凛冬将至2002
·
2023-09-19 22:55
uni-app
微信小程序canvas中使用canvasToTempFilePath在手机上导出图片尺寸与实际不符
问题描述:比如图片的尺寸是1125*2001像素,这样用微信开发者工具下载下来的图片尺寸是1125*2001像素,用不同的手机去操作,下载出来的图片尺寸都不一样,和原图片尺寸差距很大。解决方案:canvas写入的时候是按照当前设备像素比(pixelRatio)进行设置的,像素比pixelRatio=物理像素/设备独立像素(dips)像素比pixelRatio=物理像素/设备独立像素(dips)ct
javascript艺术
·
2023-09-19 20:23
微信小程序
小程序
uni-app
前端
javascript
uni-app
小程序开发项目启动
开发工具建议采用
uni-app
推荐的HBuilderX(项目创建采用HBuilderX可视化界面的方式创建)为了代码支持scss语法,HBuilderX需要装scss插件开启压缩代码:在HBuilderX
Erric_Zhang
·
2023-09-19 19:52
HBuilder / uniapp 发布为Android App
1.打开项目根目录中的manifest.json配置文件,在基础配置面板中,获取
uni-app
应用标识,并填写应用名称2.切换到App图标配置面板,点击浏览按钮,选择合适的图片之后,再点击自动生成所有图标并替换
相逢太短,莫等茶凉
·
2023-09-19 19:03
uniapp
android
小程序
java
uni-app
加入购物车动画效果
index.vue{{d.name}}¥{{d.price}}+//加入购物车动画组件importflyInCartfrom'@/components/flyInCart.vue'exportdefault{components:{flyInCart},data(){return{title:'Hello',//购物车位置数据cartBasketRect:{},//商品数据shops:[{id:1
一天28小时
·
2023-09-19 17:36
uni-app
:跨页面传递数组
A页面:JSON.stringify()是一个JavaScript内置的方法,用于将JavaScript对象或值转换为JSON字符串。//查看详细信息details(e){//console.log(e.currentTarget.dataset.id)vardevice=JSON.stringify(e.currentTarget.dataset.id)uni.navigateTo({url:'
雯0609~
·
2023-09-19 12:54
uni-app
uni-app
前端
javascript
uni-app
跳转到另一个app
第一步:首先要知道app的包名获取方式如下第二步:在第一个demo1app一个页面中需要一个按钮去跳转方法如下跳转exportdefault{methods:{tz(){plus.runtime.launchApplication({//打开app2//pname:'com.tencent.tcccsimpledemo'pname:'uni.UNI5114E87',extra:{//要传递过去的参
qq_2524963996
·
2023-09-19 12:37
uni-app
vue.js
html
前端框架
json
【踩坑日记】
uni-app
相机抽帧,相机被多次初始化问题
开始以为又是小程序的API兼容的问题(确有机型出现过抽帧兼容性问题),后面越来越多的反馈在原生下无问题,只有采用
uni-app
方案的有问题...一、先看抽帧简略代码下面是小程序做AI运动识别的第一步,摄像头帧数据采集的精简代码版段
·
2023-09-19 10:57
uni-app
页面生命周期
uni-app
页面生命周期页面生命周期
uni-app
支持如下页面生命周期函数:onLoad监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)onShow监听页面显示onReady
张漂亮1号
·
2023-09-19 09:03
uni-app
在微信开发者工具中运行及组件的使用
上一篇文章已经运行起了一个
uni-app
项目的小demo,但是运行在Chrome浏览器的H5页面,那在微信开发者工具中如何实时模拟查看该项目呢?
can2014ky
·
2023-09-19 09:21
uni-app
混合开发 navigateTo、reLaunch、redirectTo、switchTab区别
1.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。要注意的是navigateTo只能跳转的应用内非tabBar的页面的路径,路径后可以带参数;如果跳转url参数为tabBar的路径则无法进行跳转2.redirectTo关闭当前页面,跳转到应用内的某个页面。需要跳转的应用内非tabBar的页面的路径,路径后可以带参数3.reLaunc
吴小花的博客
·
2023-09-19 08:59
Uni-app
uni-app
学习
前端
uniapp 富文本rich-text的使用
参考:推荐使用HBuilderX,新建
uni-app
项目,选择内置
uni-app
模板{{banner.title}}{{banner.author_name}}发表于{{bann
不忘初心才得始终
·
2023-09-19 07:37
前端
开发日记(02) - js 异步任务队列
还是关于
uni-app
以及Vue项目的网路请求,有这么一个需求,项目内有一个全局使用到数据,我们称为“数据字典”。
SunSeekerX
·
2023-09-19 06:30
uni-app
如何实现回到页面顶部
结构代码:^顶部data中定义一个变量:isShow:falseonPageScroll监听页面滚动事件:(onPageScroll跟methods同级写)onPageScroll(e){//console.log('e:',e)if(e.scrollTop>=200){//显示this.isShow=true}else{//隐藏this.isShow=false}}这个e表示滑动距离method
前端~
·
2023-09-19 06:47
uni-app
运行uniapp跳转微信开发工具后一直卡在微信开发工具首页的解决方法
运行uniapp跳转微信开发工具后一直卡在这先检查一下
uni-app
端的微信小程序的AppID与微信开发者工具的是否是一致的,不一致就会出现图片上面的情况。
li@h
·
2023-09-19 05:25
小程序
uniapp【vue3+ts】 ---- 判断微信小程序是不是新版本进行更新
uniapp【vue3+ts】----判断微信小程序是不是新版本进行更新import{onShow}from'@dcloudio/
uni-app
'onShow(()=>{//检测小程序更新,提示用户更新
小小黑007
·
2023-09-18 22:25
uni-app
微信小程序
解决
uni-app
移动端怎么让背景颜色充满整个屏幕的问题
在页面中添加下图所示的htmlcss.backgroung-color{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(247,247,247);//这个就是你想设置的背景颜色z-index:-1;}
Attacking-Coder
·
2023-09-18 22:41
uni-app
html
css
html5
uniApp初体验-从零开始注意事项
根据官网下载
uni-app
的项目1.设置默认代码片段我使用的是vs在左下角设置按钮找到代码片段,找到vue.json文件,并添加代码片段。
会跳舞的小猴子
·
2023-09-18 21:44
vue3
uni-app
uni-app
之 vue位置怎样设置
vue位置怎样设置VUE是一款流行的JavaScript框架,可以构建动态用户界面。在VUE中,位置的设置是非常重要的,因为它会影响到页面元素的布局。下面将详细介绍VUE中位置设置的基本概念以及如何使用VUE进行位置设置。在VUE中,位置设置一般使用CSS的position属性来实现。position属性有四个属性值:static、relative、absolute和fixed。/*静态定位/po
jun_tong
·
2023-09-18 19:10
uni-app
uni-app
前端
javascript
html
uni-app
之 picker选择器
uni-app
之picker选择器同步滚动:开
uni-app
之picker选择器一、普通选择器二、多列选择器三、时间选择器四、日期选择器一、普通选择器{{array[index].name}}exportdefault
jun_tong
·
2023-09-18 19:38
uni-app
前端
javascript
开发语言
uni-app
uni-app
调试模式使用外网域名nginx映射到本地调试解决
uni-app
外网测试sockjs-node/info错误的问题
VUE内网开发,外网测试很多公司开发环境建在内网,需要通过外网进行测试,网络跟踪工具总是提示如下错误:GEThttp://本地IP/sockjs-node/info?t=一组随机数这个错误不太重要,但是挺不爽的,要解决这个问题,可以在src/manifest.json文件中添加配置"h5":{"devServer":{"public":"测试服务器外网IP或域名"}}如果需要通过nginx进行代理
yichen_china
·
2023-09-18 18:44
基于
uni-app
的社交app【uni+nodejs+mongo】
iTalk开发文档博客更新日期:2021-06-04项目状态:新增大厅聊天室,新增图片接口千张。基本架构:UniAPP+node+Mongo.Github地址:https://github.com/bai-23/italk-app项目预览地址:点击这里(建议移动端食用)配套接口文档,喜欢的小伙伴帮忙点个star~文章目录iTalk开发文档快速预览项目介绍技术栈Project项目目录插件前端路由交互
平平无奇lsr
·
2023-09-18 09:01
移动端app
node.js
javascript
vue.js
sass
uni-app
uniapp简单页面操作:创建与跳转
详细界面如下:页面创建成功后,会自动创建页面信息到页面配置文件(pages.json创建底部导航栏页面效果如下:
uni-app
的底部导航栏和微信小程序的配置很类似查看微信小程序tabbar配置具体操作:
✎﹏ℳ๓₯㎕
·
2023-09-18 06:57
前端
vue.js
uni-app
javascript
uni-app
入门-实战教程-二十二-监听属性-watch
可以监听具体某一个值的改变,改变后的值/*监听方法开始*/watch:{/*val监听改变的值*/name(val){console.log(val,"监听方法");},/*num(val){console.log(val,"监听方法");}*//*也可以写成上面是es6新大地写法,更方便整洁*/num:function(val){console.log(val,"监听方法");}},/*监听方法
Magic_小灰灰
·
2023-09-18 05:35
uni-app
pages.json文件
uniapp.dcloud.io/collocation/pages//路由{"path":"pages/index/index","style":{"navigationBarTitleText":"
uni-app
遥啊遥啊遥啊
·
2023-09-18 03:48
uni-app
:实现条件判断展示图片(函数判定+三目运算)
一、多条件判断(通过函数进行图片展示)效果代码在data中定义图片信息和要传递的数据信息,在src中写入函数并携带要传递的数据,通过传递的数据在函数中进行判断,并返回对应的图片信息exportdefault{data(){return{down:getApp().globalData.icon+'index/edit.png',up:getApp().globalData.icon+'index/
雯0609~
·
2023-09-17 16:35
uni-app
uni-app
前端
javascript
uni-app
上传文件
在
uni-app
中上传文件可以通过使用uni.uploadFile接口来实现uni.chooseImage({success:function(res){vartempFilePaths=res.tempFilePaths
&ACE&
·
2023-09-17 16:35
uni-app
前端
javascript
uni-app
的生命周期
uni-app
的生命周期包括应用生命周期和页面生命周期。应用生命周期涵盖了整个
uni-app
应用的启动、运行和销毁过程,主要包括以下几个生命周期函数:onLaunch:应用初始化时触发,只触发一次。
&ACE&
·
2023-09-17 16:35
uni-app
前端
uniapp项目打包生成apk
1、创建一个uniapp项目参考使用vue-cli创建
uni-app
项目.2、制作安卓证书(1)Dcloud开发者中心生成一般创建完成一个项目之后,应用列表中就能看到项目名称,选择要生成证书的项目点击进入
一个韩了个韩
·
2023-09-17 16:29
Uniapp
uni-app
uni-app
animation动画
uni.createAnimation(OBJECT)官方文档官方是这么描述animation动画的过程:创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。接下来我就一一说明如何使用uniapp动画先说需求,点击按钮小猫开始运动image首先在元素上绑定动画(:animation="animationDa
卡布i
·
2023-09-17 11:04
uni-app
自定义swiper组件
uni-app
自定义导航栏
uni-app
自定义导航栏步骤
uni-app
自定义导航栏实例
uni-app
自定义系统导航栏
uni-app
自定义导航栏
uni-app
自定义导航栏步骤在
uni-app
中,可以通过修改页面的导航栏配置来实现自定义导航栏的效果
前端布道人
·
2023-09-17 11:21
前端跨平台开发
前端杂货铺
uni-app
uni-app
打开地图及打开权限设置
前言:分享下app、H5、微信小程序需要使用定位权限打开地图的功能,如果拒绝授权,则打开授权设置直接上代码啦//打开地图exportfunctionchooseLocation(success){//先判断定位权限是否开启uni.getLocation({success(){//定位权限开启,打开地图uni.chooseLocation({success//成功回调})},fail(e){//定位
葶子123
·
2023-09-17 10:49
上一页
35
36
37
38
39
40
41
42
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他