【uni-app】第51页

uni-app 自定义时间戳转时间，时间转时间戳

第一：时间戳转换成“yyyy-MM-ddhh:mm:ss”格式定义一个方法方便调用happenTimeFun(num){//时间戳数据处理letdate=newDate(num);//时间戳为10位需*1000，时间戳为13位的话不需乘1000lety=date.getFullYear();letMM=date.getMonth()+1;MM=MM<10?('0'+MM):MM;//月补0letd

老牛圣斗士·2023-07-28 20:55

uni-app 修改复选框checkbox选中后背景和字体颜色

编写css（注意：这个样式必须写在App.vue里）/*复选框*//*复选框-圆角*/checkbox.checkbox-round.wx-checkbox-input,checkbox.checkbox-round.uni-checkbox-input{border-radius:100rpx;}/*复选框-背景颜色*/checkbox.checkbox-backgroun-yellow[che

STPSUN·2023-07-28 18:02

MAC 使用JRE生成uni-app打包安卓用证书

最近在开发基于uniapp框架的app，到了打包发布的阶段，来尝试打包为安卓安装包。在用HBuild打包的时候需要提供安卓的数字证书(.keystore文件),用于表明开发者的身份。需要在本地生成安卓证书后才能打包。我们需要本机有JRE（JavaRuntimeEnvironment）环境。我们需要安装JavaSE。下载对应系统的文件，我这里下载的是jdk-16.0.1_osx-x64_bin.dm

梧桐花落了·2023-07-28 17:48

解决uni-app无法使用icon-font彩色图标(Symbol方式)

本文已参与「新人创作礼」活动，一起开启掘金创作之路。1、进入https://www.iconfont.cn/官网2、将项目内或者需要的图标下载至本地3、将下载的文件进行解压4、在文件内执行命令行：pminstall-giconfont-tools或cnpminstall-giconfont-tools进行安装，安装成功之后再执行iconfont-tools5、出现如图所示的内容，按图示输入文件名即

WeirdoPrincess·2023-07-28 14:20

uni-app之生成带logo二维码

生成二维码有两种方式，一种是不可以设置图片的二维码，另一种是可以设置图片的二维码。1.生成不可以设置图片的二维码步骤1：在DOM里配置如下：image.png步骤2：引入wxqrcode.js（下载地址：链接:https://pan.baidu.com/s/1iEHNl-_F8kGwRDV-enMz5Q密码:c4hm）image.png步骤3：生成二维码image.png2.生成可以设置图片的二维

独绽2018·2023-07-28 14:31

uni-app在小米手机上运行【步骤细节】

注意细节重点：1.手机使用数据线与电脑连接，手机连接模式必须是传输文件模式2.手机必须打开开发者模式3.打开开发者模式后，仔细浏览并调整USB调试权限，重点打开USB是否允许安装按钮！！！操作步骤：1.下载HBuildX2.打开创建项目3.从工具栏选择"运行"4.选择运行到AndroidApp基地5.首次配置弹出框进行配置与手机之间链接，选择运行后通过HBuildX为手机安装运行软件，留意手机允许

超级西红柿鸡蛋面·2023-07-28 05:32

uni-app 微信小程序左滑动删除

div部分dsadsadsadas删除css部分scroll-view{width:100%;height:100rpx;white-space:nowrap;}.item1,.item2,.item3{display:inline-block;width:100%;height:100rpx;}.item1{background-color:#fff;}.item2{width:100rpx;h

undefined汪少·2023-07-28 04:27

uni-app云打包(android)（自有证书、云端证书、公共测试证书）

一、进入云打包入口发行->原生App-云打包二、证书选择1、使用自有证书①进入香蕉云编（这里采用的证书从香蕉云编进行生成）香蕉云编-app打包上架工具类平台②进入页面选择“生成签名证书”->"立即创建证书"③选择“安卓证书生成”->“创建安卓证书”④填写相关信息完成创建⑤成功后，下载该文件⑥返回打包页面，将有关信息填入（按照图中进行对应填写）⑦最后点击右下角的打包即可⑧打开apk文件位置在控制台出

雯0609~·2023-07-28 03:49

uni-app封装请求方法与api封装调用

1、封装请求创建request.js文件，把一下内容根据自己的需求更改。//封装请求方法//声明一个请求函数constapi_request=(url,method,parm)=>{console.log(1111111111);varapiurl=getApp().globalData.BASE_URL+'/api.php';//域名+api.phpvartimestamp=Date.parse

qq_43003057·2023-07-27 21:09

uni-app中uni-table的uni-tr无点击事件

uni-app中uni-table的uni-tr无点击事件问题描述解决方法一解决方法二解决方法三问题描述本文记录用于记录使用uni-app开发过程遇到的bug。

Visunf Chen·2023-07-27 20:24

uni-app之微信小程序实现‘下载+保存至本地+预览’功能

二、微信小程序实现下载资源功能方面与H5有很大的不同1、刚开始uni-app中做下载资源功能时，单纯以为和PC端一

三水木雨·2023-07-27 19:38

【跨平台开发】Uni-app原理分析

UniApp是一种基于Vue.js的跨平台开发框架，它可以帮助开发者使用一套代码构建同时运行在多个平台（如iOS、Android、Web等）的应用程序。实现跨平台的原理主要包括以下几个方面：基于WebView：UniApp使用了各平台提供的原生WebView容器作为运行环境，通过将应用程序的前端代码封装在WebView中运行，从而实现跨平台。通用API：UniApp提供了一套通用的API，统一了不

后端研发Marion·2023-07-27 18:37

uni-app使用ucharts地图(主要微信小程序-初步使用)

下载https://ext.dcloud.net.cn/plugin?id=271描述根据数据门店数量地图颜色逐步加深效果使用目录结构新建index.vue（复制以下内容）importmapdemofrom'./mapdemo.vue'exportdefault{data(){return{}},components:{mapdemo},}```##新建文件mapdemo.vue（复制以下内容）`

进击的王十二·2023-07-27 14:35

uniapp WIFI上下班打卡

大纲uniapp官网：uni-app官网WIFI功能模块：1、下载wifi插件uni-WiFi2、在manifest.json中App权限配置中配置权限1.ACCESS_WIFI_STATE（访问权限状态

明思齐·2023-07-27 12:18

uni-app 中定时器的使用

学习目标：学习目标如下所示：uniapp中通过使用uni-app提供的定时器API来实现定时器功能。

努力学编程呀(๑•ี_เ•ี๑)·2023-07-27 12:46

uni-app点击按钮弹出提示框（以弹窗的形式显示）,选择确定和取消

学习目标：学习目标如下所示：uni-app点击提交按钮后弹出提示框，（以弹窗的形式显示）,提示用户是否确认提交（即确定和取消），点击确定后调用真正的提交方法，将数据传给后端，点击取消后，模态框自动消失，

努力学编程呀(๑•ี_เ•ี๑)·2023-07-27 12:15

uni-app 通过pdf.js viewer.js来显示pdf文档

遇到的问题：后台返回数据流，前端需要用responseType:'blob'来强制将后台数据流的格式。this.pdfUrl=``/hybrid/html/web/viewer.html?item=${encodeURIComponent(JSON.stringify(typeData))}`;这只是把需要调后台的接口数据传过去。在viewer.js中找到webViewerInitialized(

b0a4e16b967c·2023-07-27 11:07

uni-app上传图片并添加水印

uni-app上传图片并添加水印：效果：代码地址image-picker组件使用：importImagePickerfrom'@/components/common/image-picker.vue'exportdefault

舜岳·2023-07-27 10:15

HBuilder X + uni-app 打包 App、小程序等操作

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

iiiiiiiice·2023-07-27 10:36

uni-app01

2.uni-app的生命周期uni-app的生命周期函数函数名说明onLaunch当

我们仰望同一片星空·2023-07-27 10:58

uni-app中打开外部应用 plus.runtime.openURL

我们在开发App应用中，经常会遇到打开第三方程序的场景，比如打开手机淘宝、通过第三方浏览器打开一个url等等。App不像网页可以使用http超链接互相跳转，但手机os设计了scheme机制，可以通过特殊的链接互相调起。比如手机淘宝，其安装后会在手机os中会注册一个scheme协议，taobao://。这种协议还支持参数，比如taobao://s.taobao.com/search?q=uni-ap

lemontree-xy·2023-07-27 08:37

Uni-App 中使用微信小程序开发，你可以通过以下步骤来设置节点属性

在Uni-App中使用微信小程序开发，你可以通过以下步骤来设置节点属性：在模板中定义节点：在wxml文件中，使用标签定义要操作的节点，并为它添加一个唯一的id属性，例如：Hello,World!

T3165919332·2023-07-27 01:58

uni-app个人中心

一.介绍uni-app：uni-app是基于Vue.js框架开发的一个跨平台移动应用开发框架，可以同时支持多个平台（如iOS、Android、Web等）的应用开发。

FeereBug·2023-07-26 16:19

uni-app 运行到模拟器

1.配置项目路径和端口（mumu默认端口7555）2.启动mumu，旋转为横屏3.启动项目以Androidapp基座运行4.等待一会出现模拟器的端口在等待模拟器慢慢加载就可以了

可爱的橙子大爷·2023-07-26 14:30

Uni-app运行到mumu模拟器

安装MuMu模拟器下载链接下载安装后打开HbuilderX设置页面设置adb路径与模拟器端口这里有个大坑，有些教程是让使用HbuilderX路径下的adb.exe文件路径，但是这样配置HbuilderX识别不到MuMu模拟器。所以建议使用MuMu模拟器自带的adb_service路径，路径如下：MuMu模拟器安装路径/emulator/nemu/vmonitor/bin/adb_server.ex

兴趣使然的码仔·2023-07-26 14:29

uni-app 使用安卓模拟器 mumu教程

第一步去官网下载这个直接下载就行第二步去uni-app里面配置在这里设置adb路径和模拟器端口进去安装目录找到adb.exe相关的就行我的是D:/moniqi/MuMuPlayer-12.0/shell

今天你码了吗·2023-07-26 14:26

uni-app获取手机当前连接的WIFI名称

最近做项目有一个需求，需要通过设备自带的WIFI链接，才能跳转到一个网站去进行设置，类似于设置忘记自家WIFI密码，重置WIFI一样，需要连接到WiFi，才能访问网站。需求：获取连接的WiFi名称，判断是否为我需要的WIFI名称，格式是否正确（设备发散的WIFI名称格式固定）uniapp是一个非常好用的前端框架，立刻就去找了，但是只有获取设备的网络类型，和一个获取WIFI列表的，当然全部满足不了我

yjl23332·2023-07-26 14:15

uni-app中背景图片的设置

html部分￥306.30已支付佣金css部分.center_model_content_one{background:url(twker/center_model_content_one.png)（2）（3）（4）（5）;background-size:100%100%;//背景图片能够显示全}设置背景图片的很多参数：(1)url:图片路径(2)no-repeat/repeat:是否平铺（rep

qq_49171551·2023-07-26 14:03

uni-app中的uni.requireNativePlugin（）

这个方法是用来引入原生插件的方法，自HBuilderX1.4版本起，uni-app支持引入原生插件，使用方式如下：constPluginName=uni.requireNativePlugin(PluginName

qq_49171551·2023-07-26 14:30

记录一下uni-app输入框input的@input事件失效问题

今天开发中遇到一个Bug,input的@input事件竟然时而触发时而失效，先来看看我的代码：HTML:JS：修改前changeNumber(e){letnum=Number(e.detail.value);if(num===0||num===""){num=1;}if(num99){num=99;}this.orderForm.number=num.toFixed(0);},JS：修改后解决BU

前端攻城狮路飞·2023-07-26 07:32

小程序毕设答辩问题【论坛/校园墙小程序】

（核心问题）本系统是用node.js，uni-app的框架开发的微信小程序，并用云开发数据库进行数据存储。

啸啸说·2023-07-26 04:14

uni-app 点击从信息列表页面跳转到详情页面两种方式+点击添加缓存

在微信小程序开发中，从列表页面跳转到详情页面有两种方式：通过navigator标签进行跳转；传值可以通过url地址进行传值，这种方式通常只传递一个参数封装一个超链接组件，通过插槽slot包装；传值通过bind变量进行传值，这种方式通常可以传递一些体谅量比较大，参数很多的情况（超链接组件中已经封装好了跳转和接收参数，只需要通过插槽将需要引入的地方包裹起来即可完成跳转功能）方式一：1，在navigat

Python User·2023-07-26 01:10

uni-app 手指滑动事件介绍+ 实现判断手指左右滑动组件的封装

一，手指滑动操作的原理手指在屏幕上产生了移动：手指按下屏幕事件touchstart；手指离开屏幕事件touchend；手指在屏幕上的坐标event.changedTouches[0].clientX和clientY手指在屏幕上的时间不能太长记录下手指按下的时间Date.now()记录下手指离开的时间Date.now()在手指离开的时候做减法运算，求时间差根据坐标判断滑动的位置代码示例1，定义两个触

Python User·2023-07-26 01:10

uni-app优雅的实现时间戳转换日期格式

现在显示的格式如下图：我期望统一格式，所以不妨前端处理一下，核心代码如下filters:{//时间戳处理formatDate:function(value,spe='/'){value=value*1000letdata=newDate(value);letyear=data.getFullYear();letmonth=data.getMonth()+1;letday=data.getDate(

早起的年轻人·2023-07-26 00:55

uni-app:navigateBack返回上一页

代码不含参数回传在navigateBack方法中使用uni.navigateBack来返回上一个页面。delta参数表示返回的页面层数，这里设置为1表示返回上一个页面。exportdefault{methods:{navigateBack(){uni.navigateBack({delta:1,success:()=>{//返回成功后的回调函数},fail:()=>{//返回失败后的回调函数}})

雯0609~·2023-07-25 23:02

[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)

文章目录问题表现问题原因问题表现切换了个路径下的组件,导入失败,尝试了清缓存\重启\删项目等一些列操作均无效上面两个路径中,都存在一模一样的videItem.vueMain路径是可以导入的Main路径是无法导入的问题原因后来发现,是分包的问题导致.我们先来假设一个场景,如果小程序进行了分包操作,其中有个公共组件需要被各个分包依赖使用,那显然我们会将该组件放置在主包这里的问题就出在了分包,由于项目刚

iOSTianNan·2023-07-25 22:29

uni-app微信小程序当前页面不可转发解决办法

1.创建share.js文件exportdefault{created(){//#ifdefMP-WEIXINwx.showShareMenu({withShareTicket:true,menus:['shareAppMessage','shareTimeline']});//#endif},}2.main.js中引入share.js文件importsharefrom'./utils/share

半兽先生·2023-07-25 21:34

UNI-APP_uni-app获取滚动条距离页面顶部位置，uni-app设置距离顶部位置

获取滚动轴距离页面顶部距离：onPageScroll生命周期函数onPageScroll(res){console.log(res.scrollTop);//距离页面顶部距离},官方文档APIhttps://uniapp.dcloud.io/api/lifecycle?id=页面生命周期设置滚动轴距离页面顶部的距离uni.pageScrollTo()方法uni.pageScrollTo({dura

小歪 | 前端·2023-07-25 21:36

UNI-APP_uni-app input监听回车键

uni-app是基于vue的，所以，在一开始要实现按下键盘的enter键，使用了如下的方法：生成小程序后，发现并没有用，一番百度，才知道uni-app运行在手机端，没有键盘事件，所以不支持按键修饰符。

小歪 | 前端·2023-07-25 21:35

UNI-APP_uni-app获取当前页面路由，uni-app获取当前url地址参数

letroutes=getCurrentPages();//获取当前打开过的页面路由数组letcurRoute=routes[routes.length-1].route//获取当前页面路由letcurParam=routes[routes.length-1].options;//获取路由参数//拼接参数letparam=''for(letkeyincurParam){param+='&'+key

小歪 | 前端·2023-07-25 21:05

uni-app：setTimeout函数（延迟时间之后执行）

下面的代码表示在500毫秒（即0.5秒）之后，会执行你在函数中编写的代码。你可以将需要执行的代码放在注释部分的位置。setTimeout(function(){//在这里写要执行的代码},500);例如：在经过500毫秒后，控制台会输出"Hello,world!"。setTimeout(function(){console.log("Hello,world!");},500);

雯0609~·2023-07-25 18:56

uni-app：模态框的实现（弹窗实现）

效果图代码标签显示模态框{{modalTitle}}{{modalContent}}确认取消注：@click="showModal=true"这段代码的意思是在按钮被点击时，通过将showModal的值设置为true来显示模态框。在上面的代码示例中，我们使用了Vue.js的事件绑定语法@click来监听按钮的点击事件。showModal=true是在按钮点击时执行的操作，它将showModal的值

雯0609~·2023-07-25 18:56

uni-app:切换页面刷新，返回上一页刷新（onShow钩子函数的使用）

切换页面刷新：通过onShow()便可实现返回上一页通过uni.navigateBack({delta:1});实现以返回上一页刷新为例从B页面返回上一页到A页面在A页面写入方法refreshHandler()methods:{//执行刷新逻辑refreshHandler(){uni.request({url:getApp().globalData.position+'Produce/select

雯0609~·2023-07-25 18:26

uni-app:实现账号密码登录，并且实现当页面登录过该账号在下次登录时无需再输入账号密码（本地缓存实现）

效果前端代码一、完整代码帐号密码登录exportdefault{data(){return{isShowPassword:true,zhanghao:'',mima:'',title_login:getApp().globalData.icon+'login/title_login.png',eye:getApp().globalData.icon+'index/mine/eye.png',eye

雯0609~·2023-07-25 18:23

基于so-token的前后端分离项目 + uni-app微信小程序