【uni-app】第36页

uni-app：实现图片周围的图片按照圆进行展示

效果代码{{item.name}}exportdefault{data(){return{itemList:[{name:"Item1",src:"/static/item1.png"},{name:"Item2",src:"/static/item2.png"},{name:"Item3",src:"/static/item3.png"},{name:"Item4",src:"/static/i

雯0609~·2023-09-27 09:33

uni-app：实现页面效果1

效果代码{{item.name}}exportdefault{data(){return{device:getApp().globalData.icon+'look/device.png',add_icon:getApp().globalData.icon+'look/add.png',itemList:[{name:"车道指示器",src:"/static/item2.png"},{name:"

雯0609~·2023-09-27 09:33

uni-app：顶部标题栏的部分相关设置（标题更改，加载效果）

一、标题更改效果方法一：在pages.json中进行修改{"path":"pages/index/index","style":{"navigationBarTitleText":"自定义标题"}},方法二：在页面直接进行修改onLoad(){//设置页面的标题栏名称uni.setNavigationBarTitle({title:'自定义标题'});}一般可以用于当页面标题为上一个页面传来的参数

雯0609~·2023-09-27 09:26

uniapp中使用canvas做审批签名

在Uni-app中使用Canvas来实现审批签名功能需要以下步骤：在你的Uni-app项目中创建一个页面或组件，用于签名功能的界面。在该页面中创建一个Canvas元素，用于绘制签名。

冰眸js·2023-09-27 04:01

vue-cli创建uni-app项目

1.创建uni-appvuecreate-pdcloudio/uni-preset-vuemy-project选择模板,建议选择默认模板2.封装项目请求(1)创建base文件夹-->base.js//当前环境设置//环境：dev(开发)、alpha(测试)、beta(预发布)、release(生产正式)varbaseUrlvarbase='dev'if(base=='dev'){//baseUrl

开发那点事儿~·2023-09-26 23:56

uniapp项目实践总结(二十三)网页和小程序应用打包教程

网页打包编写好应用之后，如需打包到web平台，可以选中当前项目根目录：在顶部菜单栏找到发行菜单点击后；找到网站-PCWeb或手机H5(仅适用于uni-app)子菜单；点击以后添加网站标题

·2023-09-26 21:57

2019-04-17

SPA、ElementUIIDE：WS、VScode、HB场景2：H5前端开发技术栈：vue-cli、SPA、npm、建议自己布局手写样式IDE：WS、VScode、HB场景3：跨端APP开发技术栈：uni-app

诅咒猎豹·2023-09-26 20:44

uni-app 自定义一个消息弹窗组件

{{message}}/***PopUp弹出层-消息提示*@description弹出层-消息提示*@tutorialhttps://ext.dcloud.net.cn/plugin?id=329*@property{String}type=[success|warning|info|error]主题样式*@valuesuccess成功*@valuewarning提示*@valueinfo消息*@

你的美，让我痴迷·2023-09-26 18:16

uniapp支付之微信支付

写在前面的话本文内容是指的uni-app项目的支付，文档中5+APP的项目类型不涉及。

淇水朱华·2023-09-26 16:23

uni-app uni.pageScrollTo排坑之滚动到指定id不起作用

uni.pageScrollTo(OBJECT)将页面滚动到目标位置。selector:id，必须是字母开头的，不支持纯数字的，重要的说三遍:不支持纯数字，纯数字，数字！varid='#city'+460000;//uni.pageScrollTo({duration:300,selector:id});效果非常的nice，加油！莫名奇妙的坑又填了一个哈哈哈~~~

秦语川·2023-09-26 15:05

WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案

本人选型方案：Uni-app（NVue）+Vue2结合本人自身

Lan.W·2023-09-26 15:16

Hbuilder本地调试微信H5项目（二）--添加UView框架插件

摘要在一个已创建的Hbuilder项目中，添加uView框架插件前置准备已安装Hbuilder已创建uni-app的H5默认模板项目实现逻辑在Hbuilder官网找到组件说明页面下载插件并导入HbuilderX

-贫寒豌豆·2023-09-26 15:45

uni-app使用vue3，在元素或组件实例上添加ref，用this.$refs显示undefined

项目中引用了一个UI组件库，在表单上添加了`ref`属性，方便提交时验证。触发提交方法时显示不存在这个方法或this.$refs为undefined。登录解决方法：引入`getCurrentInstance`,t得到当前组件实例，然后用`ctx.$refs`代替`this.$refs`。这里的`ctx`相当于全局this。import{getCurrentInstance}from'vue'//获

lamCCH·2023-09-26 15:45

uni-app修改官方组件的默认样式

原来是跟vue3pc端项目一样的写法例如：.btn{margin-top:22px;&:deep(.uni-date-x){background-color:red;}}

har01d·2023-09-26 11:07

uni-app 更改checkbox的默认组件样式

有时候在uniapp上修改CheckBox的样式时无效果，是因为uni-app的默认组件是定义好了的，如果要修改可以找到组件所属css，也可以自行修改样式并覆盖原有样式。

BlizzardWu·2023-09-26 11:01

uniapp实现点击按钮分享给好友

分享import{onLoad,onShareAppMessage,onShareTimeline}from'@dcloudio/uni-app'onLoad(()=>{//设置Menus菜单，使发送给朋友

加油吧少年时代·2023-09-26 08:39

uniapp打包：本应用使用HBuilderX 3.8.7或对应的cli版本编译，而手机端SDK版本是3.8.12.不匹配的版本可能造成应用异常

解决方法如下：uni-app官网：https://uniapp.dcloud.net.cn/找到【快速上手】这项找到更新到正式版指定版本这项，在终端中输入命令安装之后就会更新

mini king·2023-09-26 07:28

uni-app使用HBuilder X编辑器本地打包apk步骤说明

2.下载uni-app提供的Android离线SDK下载地址：Android离线SDK-正式版|uni小程序SDK注意：Andro

加瓦程序设计师·2023-09-26 06:06

uni-app 在微信小程序端预览文件时文件名是一串乱的字符串

原方法uni.downloadFile({url:pdfURL,//文件原本URL地址success(res){if(res.statusCode===200){uni.openDocument({filePath:res.tempFilePath,//微信临时文件路径showMenu:true//右上角是否有可以转发分享的功能(只支持微信小程序)});}}});新方法uni.downloadFi

UserGuan·2023-09-26 05:09

uni-app 使用 scss 实现推荐标签区域显示效果

UserGuan·2023-09-26 05:07

uni-app 修改数据不刷新界面的问题

一般正常screen_areas:["青羊区","双流区","高新区","武侯区"],//点击事件click:function(index){//这样修改有时不会刷新界面this.screen_areas[1]="郫都区"//这时我们需要使用另外一只设置值的方式this.$set(this.screen_areas,index,'郫都区')//这样就可以正常显示了//如果是字典的话this.$se

紫藤花的魂·2023-09-25 23:41

uni-app 之去掉顶部导航

uni-app之去掉顶部导航uniapp怎么样去掉顶部导航uniapp去掉顶部导航的方法：1、去掉所有导航栏；2、单一页面去掉顶部导航栏。

jun_tong·2023-09-25 19:22

uni-app开发APP上架Apple Store流程记录

环境准备：MacBook（安装HBuilderX、XCode、Developer、TestFlight、Transporter），苹果开发者账号流程主要分为三大步骤：证书申请、打包、提交审核精简版地址：http://t.csdn.cn/aRl7Z目录*证书申请1.登录iOSDevCenter2.申请苹果AppID（App的唯一标识）3.生成证书请求文件4.申请开发(Development)证书4.

我来C·2023-09-25 15:37

uniapp苹果无法上架_uni-app 打包ios上架app store流程

1.登入苹果开发者网站，打开AppStoreConnect2.新App的建立点击我的App可以进入App治理界面，在右上角点击新建App即可建立新的App，如下图：3.app基本信息填写新建完App后，需要填写App的基本信息，好比App的名称，语言、种别等，详情请参照下图：4.App价钱与销售局限填写。填写完App的基本信息后，接着就是填写App的价钱及销售局限。一样平常情况下，App的销售价钱

Kuuumiko·2023-09-25 15:06

uni-app安心打包ios失败

uni-app安心打包ios失败一直被这个提示误导，重试并不能解决问题。查看错误日志可以看到这里证书文件名的括号不被识别，将证书重命名去掉括号即可

狮子和猿·2023-09-25 15:33

uni-app iOS发布

文章目录前言一、制作iOS证书1.生成.p12后缀的证书2.创建Identifiers3.创建Profiles4.打包IOSApp二、配置App1.创建App2.构建版本2.内部测试&外部测试三、下载App总结前言最近项目需要搞iOS版本，由于种种原因放弃了发布AppStore里面，而是选择了TestFlight的发布，且每个版本有效期为90天。这个平台具体是干什么的我就不说了，自行搜索。首先声明

Black_Kiven·2023-09-25 15:02

uni-app打包iOS ipa文件后不上架App store为用户提供下载解决过程记录

写在前面，itms-services协议是什么itms-services协议是苹果提供的一种让iOS应用在用户设备上无线安装或升级的协议。具体来说:itms-services表示iOS应用无线安装服务的URL方案,格式为:itms-services://?action=download-manifest&url=MANIFEST_URL其中MANIFEST_URL指向一个包含应用下载信息的清单文件

一只月月鸟呀·2023-09-25 15:01

uni-app制作一个计时器(setInterval方法)

{{nums}}exportdefault{data(){return{nums:'',}},onLoad(){varhour,minute,second;/时分秒/hour=minute=second=0;//初始化varmillisecond=0;//毫秒this.timer=setInterval(()=>{millisecond=millisecond+50;//console.log("

Magic_小灰灰·2023-09-25 15:22

uni-app

官网：uni-app官网HbuiderX下载：HBuilderX-高效极客技巧新建项目：------------------------------------------配置：浏览器预览配置：----

愚人钊呀·2023-09-25 13:10

uni-app：实现元素中实现竖直居中

效果展示前：后：未实现前代码我是要被居中的元素exportdefault{data(){return{title:'Hello'}},onLoad(){},methods:{}}.container{border:1pxsolidblack;height:300px;}.centered-element{border:1pxsolidred;}方法一：使用Flexbox布局核心代码.contain

雯0609~·2023-09-25 12:24

uni-app：实现picker下拉列表

效果代码{{selectDatas9[index9]}}>exportdefault{data(){return{index9:0,//选择的下拉列表下标，默认为第一项,selectDatas9:['数据1','数据2','数据3'],//下拉数组info:'',//选择的下拉数据}},onLoad(){},methods:{//下拉列表选择模式bindPickerChange9:function

雯0609~·2023-09-25 12:24

uni-app：设置图片一直旋转

核心代码标签样式animation:spin2slinearinfinite;//animation-name:spin;：指定要应用的动画名称为spin。该名称对应了@keyframes中定义的动画效果。//animation-duration:2s;：指定动画的持续时间为2秒。也就是说，从开始到结束的过程将花费2秒的时间。//animation-timing-function:linear;：

雯0609~·2023-09-25 12:54

uni-app：实现密码框内容展示与隐藏

效果代码密码exportdefault{data(){return{isShowPassword:true,eye:getApp().globalData.icon+'index/mine/eye.png',eye_close:getApp().globalData.icon+'index/mine/eye_close.png',}},onLoad(){},methods:{//密码是否显示tog

雯0609~·2023-09-25 12:52

UNI-APP_在uni-app中引入和使用uViewUI

官方文档：https://www.uviewui.com/1、npm安装或者更新uViewUI安装npminstalluview-ui更新npmupdateuview-ui查看版本号console.log(this.$u.config.v);//或者(二者等价)console.log(this.$u.config.version);2、npm安装方式的配置（使用Hbuilder创建的项目忽略此步骤

小歪 | 前端·2023-09-25 09:57

ui uview 安卓开发_在uni-app中引入和使用uViewUI

前言二手项目需求更改先来看遇到如下图的错误image.pnguni-app引入uViewUI1、npm安装或者更新uViewUI1.1、安装//安装npminstalluview-ui1.2、更新已经安装想更新版本可以使用//更新npmupdateuview-ui1.3、查看版本号有两种方式可以查询到正在使用的uView的版本：通过console.log打印的形式console.log(this.

梦尽需终·2023-09-25 09:27

uni-app + uview 头像更换与头像预览

实现效果一.在template中写你需要实现的头像样式1.uview操作菜单二.在data中定义一些字段chooseAvaters:false,//操作菜单的显示隐藏lists:[//操作菜单的列表内容{text:'更换头像',color:'',fontSize:28,},{text:'查看大图',color:'',fontSize:28,}],三.在methods中写实现的逻辑1.操作菜单的显示

奔跑吧前端菜鸟·2023-09-25 09:26

uni-app图片保存到手机

uni.saveImageToPhotosAlbum(OBJECT)官网地址uni.chooseImage(OBJECT)|uni-app官网注意filePath不能是网络图片路径，如果我们是网络图片路径需要先下载文件资源到本地

加油吧少年时代·2023-09-25 05:41

H5项目怎么打包成APP

文章目录前言一、新建5+APP项目二、删除不需要的文件三、将H5打包的文件拷贝到当前目录下四、配置APP五、发行-云打包六、安装apk总结前言开发uni-app的编辑器HBuilderX可以将H5项目打包成

我慢慢地也过来了·2023-09-25 04:33

UNI-APP实现物联网中BLE蓝牙的数据交互

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

码龙一号·2023-09-25 03:53

【RuoYi移动端】uni-app中通过switchTab路由跳转不加载onload事件或不刷新页面的解决方法

主要是底部导航菜单，用switchTab只是切换，不刷新1、跳转前的页面uni.$emit('refreshIndex')//执行这个事件代码this.$tab.switchTab('/pages/index');2、跳转到的页面onLoad:asyncfunction(query){//监听自定义事件uni.$on('refreshIndex',()=>{//在这里执行onLoad逻辑this.

敦厚的曹操·2023-09-25 02:36

uni-app 双向绑定_uniapp 高性能交互之WXS指南

神的尾巴的第3篇原创当我们使用uni-app开发应用时，会发现想要实现一个高性能的下拉刷新或滑动删除效果，动画经常会非常卡顿。为什么会卡顿呢？这个和uni-app(vue)的实现原理有关。

weixin_39856630·2023-09-24 20:17

uniapp重新渲染页面_如何解决uniapp打包后不会渲染页面的问题

qpdidn·2023-09-24 20:16

uniapp应用直接传递消息（uniapp打包成h5供另一个uniapp应用访问间的通信

uniapp应用直接传递消息（uniapp打包成h5供另一个uniapp应用访问间的通信）实现如下1.访问https://gitee.com/dcloud/uni-app/raw/master/dist

@l_w_q·2023-09-24 20:46

微信小程序与uniapp面试题

vue,微信小程序,uni-app属性的绑定vue,微信小程序,uni-app的页面生命周期函数vue、小程序、uni-app中的本地数据存储和接收暂时先这样，后面在补充！！！

阿星有点帅·2023-09-24 20:15

uni-app页面生命与vue生命周期

问题前端新手小白，入手uni-app框架，一脸懵逼，从最简单的页面生命周期开始吧！

善斋书社·2023-09-24 17:22

uni-app设置引导页源码

是引导页（guide）不是启动界面（splash）详细设置步骤见：uniapp设置引导页https://www.uniapp.club/thread-13.htm第一步：把pages.json设置如下{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/ind

Uniapp_club·2023-09-24 15:42

【uni-app】uni-app获取当前环境信息

uni-app获取当前环境信使用uniapp的壳嵌套vue开发的网页端项目链接，在该Vue项目中获取当前环境是否为APP或者微信小程序，对不同环境下做专属的操作引用依赖的文件在web-view加载的HTML

周围都是小趴菜·2023-09-24 10:18

uni-app uni-swipe-action组件使用插槽渲染按钮，IOS上点击按钮，操作错位

前两天使用了uni-app开发移动端，写了一个列表，需要有滑动显示按钮的功能，查阅uni-app官网选择了扩展组件里面的uni-swipe-action组件来实现，组件具体的使用方法在这里不过多赘述，官网有最简单的例子

快乐小鱼1399·2023-09-24 07:49

《uni-App打包支付宝小程序并发布的详细教程》

《uni-App打包支付宝小程序并发布的详细教程》作者:猫头虎博主摘要:本文详细介绍了如何使用uni-App进行支付宝小程序的开发、打包和发布。

猫头虎-前端技术·2023-09-24 03:19

uni-app开发问题

uni-app开发问题微信获取用户信息wx.getUserInfo()无法直接跳出授权小弹出框，需要bindGetUserInfo:function(e){console.log(e.detail.userInfo

汪小白丶·2023-09-24 01:17

推荐频道

【uni-app】