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
uni-app
微信小程序之自定义navigationBar顶部导航栏
文章目录1.实现效果2.App.vue3.pages.json配置自定义4.顶部导航栏使用微信小程序自定义navigationBar顶部导航栏,兼容适配所有机型1.实现效果2.App.vue在App.vue中,设置获取的StatusBar,CustomBar高度(实现适配高度写法)uni.getSystemInfo获取可视区域的高度wx.getMenuButtonBoundingClientRec
范特西是只猫
·
2023-12-04 06:30
uni-app
微信小程序
小程序
navigationBar
顶部导航栏
uni-app
入门
uni-app
一.创建项目,使用vue-cli二.
Darker丨峰神
·
2023-12-03 22:31
uni-app
uni-app
uni-app
一、框架简介1、目录结构┌─components组件目录├─common公共资源├─hybrid本地网页├─platforms各平台专用页面├─pages业务页面文件├─static静态资源├─wxcomponents存放小程序组件的目录├─main.jsVue初始化入口文件├─App.vue应用配置,用来配置App全局样式以及监听应用生命周期├─manifest.json配置应用名称、appid
锦岁
·
2023-12-03 22:31
统一多端开发
uni-app
x生成的安卓包,安装时,提示不兼容。解决方案
找到manifest.json进入:源码视图代码{"name":"xxx康养","appid":"__xxx6","description":"xxx康养","versionName":"1.0.12","versionCode":100012,"uni-app-x":{},/*快应用特有相关*/"quickapp":{},/*小程序特有相关*/"mp-weixin":{"appid":"","s
橙-极纪元JJY.Cheng
·
2023-12-03 22:30
uni-app
uni-app
android
apache
uni-app
小程序中自定义动态tabbar,同时解决小程序自定义tabbar第一次切换闪烁的问题
使用了vuex做自定义动态tabbar,第一次进去小程序切换不会再闪烁完全是意料之外的收获,嘿嘿。第一步,在组件里新建自定义tabbar所需的三个页面、还有自定义tabbar和headertabbar.vue{{item.text}}exportdefault{props:{cur:{type:Number,default:1}},computed:{list(){console.log(this
qrn1024
·
2023-12-03 22:45
tabbar
自定义动态tabar
vuex
javascript
vue.js
前端
【
uni-app
】赋予你的APP(Android原生)小程序开发能力
采用DCloud(数字天堂(北京)网络技术有限公司)的uniMPsdk(uni小程序SDK),是为原生App打造的可运行基于
uni-app
开发的小程序前端项目的框架,从而帮助原生App快速获取小程序的能力
RisunJan
·
2023-12-03 19:11
uni-app
android
深入理解同源限制:网络安全的守护者(下)
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-03 11:17
web安全
安全
uni-app
微信小程序之自定义中间圆形tabbar
文章目录1.自定义tabbar效果2.pages新建tabbar页面3.tabbar页面结构4.tabbar页面完整代码1.自定义tabbar效果2.pages新建tabbar页面首先在pages.json文件中,新建一个tabbar页面"pages":[//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages{"path
范特西是只猫
·
2023-12-03 08:21
#
微信小程序
#
uni-app
uni-app
微信小程序
tabbar
自定义圆形tabbar
uni-app
判断是在微信浏览器还是普通浏览器运行项目
varua=window.navigator.userAgent.toLowerCase();console.log(ua);//mozilla/5.0(iphone;cpuiphoneos9_1likemacosx)applewebkit/601.1.46(khtml,likegecko)version/9.0mobile/13b143safari/601.1if(ua.match(/Micro
北京的北京
·
2023-12-03 07:45
uni-app
微信
javascript
uniApp项目创建
1.通过HBuilderX创建项目
uni-app
支持通过可视化界面、vue-cli命令行两种方式快速创建项目。可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。
二斤半的y
·
2023-12-03 06:35
uniapp
uni-app
uniapp vue3.2+ts h5端分环境打包
scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"keywords":[],"author":"","license":"ISC","
uni-app
ajzzz
·
2023-12-03 06:32
uni-app
vue3.2
ts
h5分环境打包
uni-app
自定义导航栏实现中间凸起效果
效果图主要实现的是:点击中间图标后中间图标凸起的样式,找了很多插件都没法实现,于是自己封装了个组件。点击中间图标前:点击中间图标后:封装组件在components文件夹中新建一个tabbar.vue文件html代码:图片和文字样式是用三元运算符,通过判断选中的下标是否是当前下标来改变样式{{list.text}}js代码:exportdefault{data(){return{tabBar:{co
林啾啾
·
2023-12-03 04:05
uni-app
前端
uni-app
深入理解同源限制:网络安全的守护者(上)
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-03 03:02
web安全
安全
微信小程序——餐饮点餐商城【附源码】
大家如果在使用过程有什么问题,底部见推荐一个订座取号的开源项目最近经常有人咨询说需要订座和取号的功能,api工厂有一个基于
uni-app
的开源模板,可能大家没注意,再把地址贴一下,有需要的自取:仿海底捞订座排队
广西千灵通网络科技有限公司
·
2023-12-03 02:15
HTML+CSS+JS
Vue
微信小程序
小程序
微信
uni-app
H5 实现电子签名(组件)
引用页面签名importsignaturefrom'@/components/signature.vue';exportdefault{components:{signature},data(){return{//打开canvas绘制签名showCanvas:false,//是否展示操作菜单completionSignPath:''//签名}},methods:{//隐藏canvas签名组件clo
一只小阿乐
·
2023-12-03 02:17
微信
uni-app
vue.js
uni-app
项目支持 vue 3.0 介绍,及升级指南
简介HBuilderX3.3.0+更新
uni-app
编译器,支持基于Vite编译到小程序平台。
硅谷干货
·
2023-12-03 01:02
Uniapp Vue3 基础到实战 教学视频
安装及部署1-1课程简介:了解
uni-app
是什么,它的优势和适用场景,以及它作为一个跨平台框架的基本概念。如何安装
uni-app
,包括环境配置和项目创建等步骤。
特创数字科技
·
2023-12-02 23:46
uniapp
uni-app
音视频
uni-app
使用外部js
引用jquerynpminstalljqueryimport$from'jquery'引用外部jsvarscript=document.createElement('script');script.src="js地址";document.body.appendChild(script);
Bana
·
2023-12-02 20:55
[每天进步一点点~]
uni-app
实现价格小数点前后字体大小不同、js判断数值中是否带小数点
效果图代码:¥{{frontPrice}}.{{backPrice}}exportdefault{data(){return{price:'337.90',//price:'337',frontPrice:'',backPrice:'',isDot:true,}},onShow(e){this.totalprice(this.price)},methods:{totalprice(num){//判
WYL_99
·
2023-12-02 18:40
HBuilderX实现安卓真机调试
它可以开发普通web项目,也可以开发DCloud出品的
uni-app
项目、5+App项目、wap2app项目。目前有500万开发者在使用HBuilder。HBuildrX的亮点轻巧、极速HBuildr
大福ya
·
2023-12-02 16:52
uni-app
vue.js
web
app
前端
android
系统架构
Node.js 事件循环:定时任务、延迟任务和 I/O 事件的艺术
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-02 14:44
NodeJS
node.js
JavaScript 内存泄漏的检测与防范:让你的程序更稳定
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-02 13:54
javascript
开发语言
ecmascript
使用 u-navbar 组件实现页面导航和布局的完全指南
摘要:本文将详细介绍
uni-app
中的u-navbar组件,并通过实例讲解如何使用该组件实现页面导航和布局。同时,还会介绍一些u-navbar组件的常用API,帮助开发者更好地理解和应用该组件。
嘘~!
·
2023-12-02 13:15
vue.js
前端
javascript
单页应用的架构与设计:打造高效可扩展的 Web 应用(下)
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-02 12:22
架构
前端
uniCloud云函数url化自定义域名绑定-云对象-微信小程序云开发-开启ssl免费证书-咸虾米
做过微信小程序云开发或者
uni-app
的uniCloud云开发的同学,肯定知道云函数url化,非常的方便,写好的云函数可以通过生成的url地址,外部的应用如:APP、微信小程序、web端项目等就可以使用
咸虾米_
·
2023-12-02 09:24
uniapp+uniCloud
微信小程序
ssl
https
unicloud云函数url化后,客户端通过url地址向云函数发送数据流并传递到云存储中
基于
uni-app
生态开发API接口当初录制这么课程的时候,只是完成了常规的数据交互,现在有个需求,就是前端通过接口上
咸虾米_
·
2023-12-02 09:19
uniapp+uniCloud
uniapp
深入理解前端路由:构建现代 Web 应用的基石(上)
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-12-02 08:20
前端
uni-app
微信小程序 电子签名及签名图片翻转显示功能
.需求背景2.开始撸2.1点击重写进入签名页面(上图一)2.2书写签名,点击确认返回,及图片翻转显示(上图二,三)3.图片进行翻转,返回翻转后的图片1.需求背景接的一个开发一个小程序,需求很简单,使用
uni-app
范特西是只猫
·
2023-12-02 06:56
#
微信小程序
#
uni-app
uni-app
微信小程序
电子签名
电子签名图片旋转
uni-app
集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理(无需手动配置路由表)
npm下载uni-simple-router、uni-read-pages插件"uni-read-pages":"^1.0.5","uni-simple-router":"^2.0.5"根目录新建router.jsimport{RouterMount,createRouter}from'uni-simple-router';constrouter=createRouter({platform:pr
samscat
·
2023-12-01 17:27
uni-app
json
Uni-App
文章目录一、Uni-App1、
Uni-App
是什么2、
Uni-App
的优势二、生命周期1、应用的生命周期2、页面的生命周期3、组件的生命周期一、Uni-App1、
Uni-App
是什么
uni-app
是一个使用
2301_79102435
·
2023-12-01 16:09
uni-app
Uni-App
知识点
文章目录一、事件总线二、什么是事件总线三、触发事件1、监听事件2、只监听一次3、移除监听4、触发事件注意事项5、代码示例6、注意事项一、事件总线除了父子组件传参之外,兄弟组件之间共享信息也是我们经常会遇到的。如果遇到这类问题,我们现在可以借助vuex,或者把数据统一放在他们父组件中处理。这两种方式都可以解决兄弟组件传递信息的问题。我们今天要介绍的是另一种方式-事件总线,事件总线也是我们开发过程中经
2301_79102435
·
2023-12-01 16:09
uni-app
前端
javascript
uni-app
跨域
一、出现问题在uni.app中发起请求是出现该问题;因为这个同源策略,可以保护网站的接口不用随便被别人调用,在浏览器的层面及时拦截,在一定程度上起来保护作用。那什么样的请求算是跨域请求?本身的url和请求的接口需要同时满足以下:端口一致;协议一致;域名一致;这样就不是跨域请求。只要你不符合上面任何一条,那么你这个请求就是跨域请求,浏览器就会拦截报错。但是我们有时候页面部署在一台服务器,接口在另外一
严不纯
·
2023-12-01 11:25
uni-app
uni-app
onBackPress 返回上一级并且刷新页面内容获取最新的数据
onBackPress返回上一级并且刷新页面内容获取最新的数据onBackPress是返回上一级A页面onBackPress(event){setTimeout(()=>{uni.switchTab({url:'/pages/Users/index',})},300)returntrue},在这里uni.switchTab中需要加上延时否则回报错这是是当前层级的左上角然后在你上一级的页面中调用B页
goodtimedd
·
2023-12-01 11:20
vue
web
app
uni-app
自带返回方法onBackPress,返回上一级并且刷新页面内容获取最新的数据
onBackPress返回上一级并且刷新页面内容获取最新的数据onBackPress方法是uinapp自带返回键方法,也就是在app和H5返回键onBackPress(){setTimeout(()=>{uni.switchTab({url:'/pages/Users/index',})},300)returntrue},methods:{}在这里uni.switchTab中需要加上延时否则回报错
MFG_666
·
2023-12-01 10:47
uniapp知识点
uni-app
前端
uni-app
打包成ios app常见问题
当打包成ios时iphone底部会自带安全区如果想去除安全区底部白边在manifest.json源码视图"app-plus"中配置"safearea":{//安全区域配置,仅iOS平台生效"bottom":{//底部安全区域配置"offset":"none"//底部安全区域偏移,"none"表示不空出安全区域,"auto"自动计算空出安全区域,默认值为"none"}},ios设置启动图之后屏幕上下
ㅤX. ㅤ
·
2023-12-01 09:56
前端
uniapp使用u-checkbox
当使用
uni-app
开发时,可以使用u-checkbox组件来实现复选框功能。以下是一个更详细的例子,展示如何在
uni-app
中使用u-checkbox组件,并介绍一些相关的API用法。
嘘~!
·
2023-12-01 03:13
uni-app
前端
javascript
uni-app
判断各大平台的语法
uni-app
是一款强大的前端框架,它除了pc端其他都可以实现,打包原生app。
闪客互联
·
2023-12-01 03:07
超有意思,圣诞节自己做一个装饰圣诞帽头像的APP!
可能是这样的怎么样,看起来都不错吧,不要想多了,我说的是帽子( ̄▽ ̄)"那么有没有想过,自己来实现一个装饰头像的小程序呢,今天我们就一起来完成一个项目框架最近一直迷恋
uni-app
,虽然自己还是一个初学者
程序员小西
·
2023-12-01 01:42
Uni-app
对于多端项目请求接口数据
请求App和小程序的时候,请求地址必须是全部地址,而请求H5的时候请求全部地址就会发生跨域问题,需要配置代理,这样的话就会很麻烦,每次在调试或者打包的时候还需要将这部分进行更改做处理根据官方文档提供的方法进行解决//#ifdefH5这里是H5的代码//#endif//#ifdefAPP-PLUS这里是app的代码//#endif能够通过环境进行判断,进而来判断是否需要代理配置基本路径配置代理配置代
Yvie
·
2023-11-30 18:28
简单聊聊uniapp和uview组件库一起开发
官网:https://uniapp.dcloud.net.cn/uView是
uni-app
生态专用的UI框架,
uni-app
是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS
一介青烟小生
·
2023-11-30 18:19
uniapp
uni-app
uni-app
文件下载
id=opendocument在
uni-app
官方文档中,提供了uni.downloadFile方法来下载文件,但是该方法不支持h5端,所以我这里h5端使用了页面a标签来下载文件代码如下,是h5、app
丝月
·
2023-11-30 12:36
前端
uni-app混合开发
uni-app
混合开发 navigateTo、reLaunch、redirectTo、switchTab区别
1.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。要注意的是navigateTo只能跳转的应用内非tabBar的页面的路径,路径后可以带参数;如果跳转url参数为tabBar的路径则无法进行跳转2.redirectTo关闭当前页面,跳转到应用内的某个页面。需要跳转的应用内非tabBar的页面的路径,路径后可以带参数3.reLaunc
丝月
·
2023-11-30 12:04
uni-app混合开发
uniapp微信小程序 图片&文件上传并且支持图片和文件预览(pdf等文件预览)巨细教学!
首先呢,小程序打开pdf等文件有下面几种办法:用微信自带的wx.downloadFile()+wx.openDocument()使用web-view,
uni-app
中webview可以直接加载pdf文件可以使用网上说的
柑橘乌云_
·
2023-11-30 12:26
uniapp(小程序)
uni-app
微信小程序
pdf
uniapp popup弹出窗详解以及相关属性
在
Uni-app
开发移动应用时,弹出窗是一种常见的交互组件,可以用于展示额外的信息、提示消息或用户操作。
嘘~!
·
2023-11-30 10:55
uni-app
【Vue】【
uni-app
】实现工单列表项详情页面
这次主要实现的是一个工单详情页面从工单列表项中点击详情跳转到工单详情页面,这个详情页面就是这次我们要实现的页面,并可以通过点击这个关闭按钮返回到工单列表页面首先是在我们原有的工单列表页面的按钮增加一个点击跳转详情跳转函数导航到新页面,这里要传递参数过去,因为得知道要展示哪个工单列表项的详情,一开始是想传递参数过去的,因为这个列表项不是基本数据类型,所以不能直接传递,比较复杂,后来我就放弃了这种方法
Ye-Maolin
·
2023-11-30 10:39
腾讯-智慧养殖-前端组
uni-app
vue.js
前端
uni-app
:uView弹出层的使用
一、简介uni搭配uView框架,uView框架弹出层,网址:https://www.uviewui.com/(一)页面使用案例演示1.点击按钮2.弹出层【绑定一个布尔值的变量控制弹出层的打开和收起,这里设置的show】//这里面存放弹出的内容3.open弹出层打开打开调用的方法methods:{open(){this.show=true;},close(){this.show=false;}}4
耶啵奶膘
·
2023-11-30 10:06
uni
vue
uni-app
解决支付宝小程序uview组件u-popup遮罩滚动穿透问题
开发平台:
uni-app
问题描述:当u-popup弹出层打开时,滑动遮罩区域,弹出层后面的页面也跟着滚动尝试的解决方案:根据问题表现,猜测可能是事件冒泡导致的,那是不是可以写一些阻止事件冒泡的代码。
捧杀偶像裹腹
·
2023-11-30 09:47
小程序
前端
vue.js
在
Uni-app
中,你可以使用@touchstart、@touchmove和@touchend等触摸事件来实现元素的拖拽功能。以下是一个使用
Uni-app
语法的示例:
在
Uni-app
中,你可以使用@touchstart、@touchmove和@touchend等触摸事件来实现元素的拖拽功能。
蓝斑.json
·
2023-11-30 05:16
javascript
前端
vue.js
[每天进步一点点~]
uni-app
scroll-view组件控制滚动条隐藏
虽然
uni-app
官方文档里,scroll-view组件的滚动条是默认不显示的,但是有时候运行到移动端或者不同机型的设备时,还是会出现有滚动条。
WYL_99
·
2023-11-30 05:28
MVVM 模式与 MVC 模式:构建高效应用的选择
CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握
uni-app
阿珊和她的猫
·
2023-11-30 03:27
mvc
上一页
13
14
15
16
17
18
19
20
下一页
按字母分类:
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
其他