【uni-app】

uniapp

uniapp开发规范为了实现多端，综合考虑综合速度、运行性能等因素，uni-app约定了如下开发规范：页面文件遵循[Vue单文件组件（SFC）规范]组件标签靠近小程序规范，详见[uni-app组件规范]
Alex-away·2023-09-24 01:43

uniapp滚动页面改变背景颜色

可以利用uni-app自带的组件scroll-view，结合@scroll事件实现滚动时改变背景颜色的效果。
&ACE&·2023-09-24 01:13

uni-app实现获取未来七天时间和星期几功能

例子如下：HTML：{{item.week}}{{item.name}}js生命周期执行created(){//默认显示当天前一周的数据letdata=[]this.start=this.getDay(+7);this.end=this.getDay();for(leti=6;i>=0;i--){data.push(this.getDay(+i))}vardate=data.reverse()th
BJYXSZD-9185·2023-09-23 23:33

uni-app 苹果手机底部安全区域的适配问题

方案一(最快速)解决办法：利用IOS新增的env()和constant()特性来解决，不需要自己动态计算高度，只需将如下CSS代码添加到样式中即可。无法解决如果底部区域是输入框，苹果手机的输入法会把输入框遮挡的问题/*底部栏*/.end-box{position:fixed;left:0;right:0;bottom:0;padding-bottom:constant(safe-area-inse
UserGuan·2023-09-23 15:54

uni-app 框架中使用 vuex（store）

uni-app内置了Vuex，不需要额外安装。
天边月_·2023-09-23 13:08

uni-app, 实现 scroll-view 自动滚动到底部，并控制触发频率

实现思路通过scroll-view组件的scroll-top属性可以设置容器竖向滚动条位置属性名Valuescroll-y允许纵向滚动scroll-top设置竖向滚动条位置想要实现scroll-view滚动到底部，只需要让scroll-top=scroll-view内容高度-scroll-view容器本身高度，如图：代码示例HTMLscroll-view固定高度，允许纵向滚动，scrollTop值
天边月_·2023-09-23 13:05

uni-app小程序-将后台返回的base64码转为图片时，图片没有显示出来

1.问题：在用uni-app开发小程序时，遇到一个问题：后台返回一长串码，前端这边需要将base64码进行转化为图片2.解决方式：2.1.获取后台返回的base64码//获取base64码转换为图片getImgFun
小跳不会Coding·2023-09-23 13:14

UniAPP实现APP端截取页面生成Base64图片，并将Base64图片保存到相册

uni-app中使用html2canvas生成图片（支持多端）https://blog.csdn.net/weixin_42779803/article/details/118384426uniapp实现
明明在干嘛·2023-09-23 13:44

uni-app 获取当前的一周的年月日

首先是公用的方法获取年月日组成格式uni-app中ios与android所要的格式不要一样getWeek(day){vartoday=newDate();vartargetday_milliseconds
爱拉比·2023-09-23 09:47

小程序-uni-app开发下，一些工具的使用

因此，建议在uni-app项目中使用@escook/request-miniprogram第三方包发起网络数据请求。
BiuBiu__A·2023-09-23 08:27

uni-app获取当天及一周的日期

{{date.day}}{{getWeekday(date.dayOfWeek)}}exportdefault{data(){return{weekDates:[]//存储一周的日期和星期几}},methods:{getWeekday(dayOfWeek){//根据数字获取对应的星期几constweekdays=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']
&ACE&·2023-09-23 04:44

uni-app进行表单效验

Uni-app内置了一些表单验证方法，可以帮助我们对表单进行有效的验证。以下是一些常用的验证方法：非空验证：if(!
&ACE&·2023-09-23 04:44

uni-app获取地理位置

在uni-app中，可以通过uni.getLocation()方法获取地理位置。
&ACE&·2023-09-23 04:36

iOS中web与Js的交互

问题感觉到uni-app框架有pit，公司强推该框架的小哥识趣的闭嘴，考虑到全盘替换周期跟成本挺大，基于uni-app能打包成H5，采用webview+js的原生方式集成基本结构：原生壳+webview
善斋书社·2023-09-23 03:49

uni-app学习笔记(2)

绘制图表在uni-app开发的过程中因为要同时兼容h5+和各类小程序，所以我们要引入两个库，下面的附件即为已下载好的两个库，解压之后放在components文件夹下面即可。
半庭·2023-09-22 22:05

08-下拉刷新和上拉加载

开启下拉刷新在uni-app中有两种方式开启下拉刷新需要在pages.json里，找到的当前页面的pages节点，并在style选项中开启enablePullDownRefresh通过调用uni.startPullDownRefresh
wqjcarnation·2023-09-22 22:15

【uni-app】app界面TabBar中间大图标设置的两种方法：midButton的使用；iconfont的使用

这里写目录标题前言方法一：midButton的使用方法二：iconfont的使用前言最近在写app的时候，需要将tabbar导航栏中间的发布按钮设置为大图标，于是就和我另一个伙伴一起研究这个功能。有两种实现方式：①通过设置midButton属性放大图标，通过调用uni.onTabBarMidButtonTap实现页面跳转；②通过设置tabbar-list对应的iconfont属性，将图标转换为字体
aDiaoYa_·2023-09-22 20:41

解决uniapp中使用不了window对象问题(使用renderjs)

我上网搜索了一下renderjs主要解决的问题renderjs主要服务于APP，因为uni-app为vue+js+html进行编写，整个是h5的技术栈。而app上并没有document等基础对象。
LJPchosen1·2023-09-22 17:30

uni-app：顶部导航栏图标titleImage

path":"pages/search/index/index","style":{"titleImage":"/static/bg/index.png"}}],参考文档pages.json页面路由|uni-app
雯0609~·2023-09-22 13:01

uni-app：点击图片进行图片旋转（可自定义旋转次数）

效果代码exportdefault{data(){return{refresh_icon:getApp().globalData.icon+'index/refresh.png',//图片isRotating:false,//旋转状态}},methods:{refresh(){this.isRotating=true;setTimeout(()=>{this.isRotating=false;},
雯0609~·2023-09-22 13:27

Uni-app 调用微信地图导航功能【有图】

前言我们在使用uni-app时，有时候会遇到需要开发地图和导航的功能，这些方法其实微信小程序的API已经帮我们封装好了详见：微信小程序开发文档接下来我们就演示如何用uni-app来使用他们使用选择位置经度
他在时间门外·2023-09-22 12:35

Hbuilder 安装手机模拟器Genymotion

原因最近学习在Hbuilder上用uni-app开发APP，使用真机调试，遇到一大堆的问题，比方说真机调试很耗电（满满的电，用不了好会就发现点没了），老是息屏（息屏后应用又得重启应用之类的），担心接口磨损
凉风儿·2023-09-22 09:24

uni-app checkbox全选 和取消全选

1.代码如下：{{item.name}}全选exportdefault{data(){return{seletedAll:false,items:[{value:'USA',name:'美国'},{value:'CHN',name:'中国',checked:'true'},{value:'BRA',name:'巴西'},{value:'JPN',name:'日本'}],checkList:[],/
a1161105403·2023-09-22 08:38

uni-app map地图组件的基本使用

{{storeNmae}}联系电话：{{phone}}到这去exportdefault{data(){return{storeNmae:'欧莱雅',phone:'1123121321',id:1,title:'map',latitude:23.124455,longitude:113.39555,markers:[{title:'欧莱雅',id:2,latitude:23.115702,longi
a1161105403·2023-09-22 08:38

android sdk不能安装apk,【报Bug】sdk25以上安卓无法调用plus.runtime.install无法安装apk...

如果你用其他工具开发uni-app，也需要在此说明]hbuilder[
Alex lucky·2023-09-22 05:06

Uni-App离线打包输出Console.log信息

只需要修改dcloud_control.xml文件的标签添加debug和syncDebug如图所示:
PrinciplesMan·2023-09-22 05:04

【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题

中获取到跳转过来传的参数中的判断角色字段，我这里传的是getRoleuni.setNavigationBarTitle可以直接改导航栏标题import{onLoad,onShow}from"@dcloudio/uni-app
花椒和蕊·2023-09-22 05:26

uni-app 第三方授权登录

使用uniapp开发跨平台app,难免会涉及第三方账号授权登录uni-app官方文档本文主要使用uni.loginAPI实现第三方登录,H5上的授权登录,uniapp未封装平台差异说明image页面代码
卡布i·2023-09-22 04:16

真实测评揭秘：开发小程序用原生还是选框架？

与之相随，小程序的开发生态也在蓬勃发展，从最初的微信原生开发，到wepy、mpvue、taro、uni-app等框架依次出现，从刀耕火种演进为现代化开发，生态越来越丰富。
zxclclciop·2023-09-22 02:21

深度测评小程序跨端开发框架

这一年mpvue停止更新，Taro开始探索taronext，uni-app产品和生态持续完善，微信新推出了支持H5和微信小程序的k
zxclclciop·2023-09-22 02:21

小程序跨端框架（taro/uni-app/kbone）横评之2020版（对比很到位！！）

小程序跨端框架（taro/uni-app/kbone）横评之2020版微信竟然推出了跨端的kbone，说明跨端的开发已经深入人心；又是新的一年过去了，小程序开发领域又有哪些新的变化？
HD243608836·2023-09-22 02:49

uniapp监听手机侧滑返回事件。

若在App首页，点击手机物理返回键，此时无返回页面可关闭，uni-app默认会提示“再按一次退出应用”；若想自定义退出信息，如修改为：出现一个拟态窗口提示我们是否退出应用，点击确定退出应用。
ღ张明宇࿐·2023-09-21 17:14

uni-app小程序提示信息（信息提示）

首先注意：如果当我们使用别人写好的框架是不能在框架里面加弹框信息，因为我们这个弹框属于自己的后期自己加的内容。需要在在嵌套一个然后再把信息提示的提示放到view里面。代码如下html代码{{msg}}{{msg}}{{msg}}································JS代码data(){return{msg:''};},me
.7-F.·2023-09-21 17:43

vue中设置样式穿透

css语法：.类名>>>.类名{样式}less,sass,scss预处理器语法：::deep{原组件样式名{样式}}vue-cli3以上版本不可以/deep/.类名{样式}父类/deep/子类例如：修改uni-app
维他命Coco·2023-09-21 16:06

uni-app获取元素具体位置获取失败

场景：想要通过链接跳转传递catid&catid2类别id,商品类别id跳到这一页左侧对应的类别栏上面,同时跳到右侧列表滚动到对应商品那一块区域。遇到的问题：在for循环中通过绑定id获取不到商品列表的具体位置。原因：在onReady函数和mounted函数中没有获取到接口返回的数据，所以id那会还没渲染上。解决方法：id换成ref，在接口返回成功的then函数中，使用$nextTick函数获取元
维他命Coco·2023-09-21 16:34

uniapp编译小程序分包配置

0.缘由最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下1.关于分包好像是规定小程序不能超过
Dream_travelerly·2023-09-21 06:15

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

点击评论区让键盘弹起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小程序多图上传：官方提示说，App支持多文件上传，微信小程序只支持单文件上传，传多个文件需要反复调用本API。
爱拉比·2023-09-20 17:42

uni-app 之 文字分两行显示超出用省略号表示

uni-app之文字分两行显示超出用省略号表示vue将一大串文字分两行显示超出用省略号表示通过css设置文字强制不换行超出用省略号表示:{white-space:nowrap;文本强制不换行；text-overflow
jun_tong·2023-09-20 15:25

uqrcode+uni-app 微信小程序生成二维码

id=1287，若你是跟我一样是用uni-app开发微信小程序的，则该插件的介绍只需要看下面的即可，上面是作者介绍用于原生开发中。2、引入下载好后，按照下面方式引入上述是二维码的内容，我是
Swn_·2023-09-20 09:59

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实现点击复制按钮复制内容uni-app中有一个uni.setClipboardData(obj)API方法{{orderId}}//复制的内容复制copy(value){uni.setClipboardData
学习路上的小刘·2023-09-20 08:57

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.setClipboardData({})里面的data参数必须是字符串类型这个是大坑第一种{{orderId}}//复制的内容复制copy(value){uni.setClipboardData({data:value+'',//这里是个坑接受字符串类型value转化为字符串success:function(){//调用方法成功console.log('success');}})}第
MFG_666·2023-09-20 08:24

【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
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他