uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应.uni-app 规定屏幕基准宽度750upx. 开发者可以通过设计稿基准宽度计算页面元素 upx 值,设计稿 1px 与框架样式 1upx 转换公式如下: 设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx 举例说明: 若设计稿宽度为 640px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100

rtvue-lowcode低代码开发平台 rtvue-lowcode一款基于uniapp框架和uview组件库的低代码开发平台,项目提供可视化拖拽编辑器,采用MIT开源协议,适用于app.小程序等项目开发. 对于客户端/浏览器端开发人员,真正意义的上做到了开箱即用! 目前项目正在研发中,已经实现的功能如下:表单组件,自定义表单,抽奖转盘,图表. 相信开发完毕之后,本项目将会是一个非常nice的工具,能够极大减小企业app端开发成本. 项目预览地址 Project Preview Address

介绍 uniapp自定义弹窗组件uniPop,基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果.多弹窗类型ios/android.可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置.自动关闭秒数.遮罩层透明度及点击遮罩是否关闭 H5/小程序/App三端效果如下,亲测多端效果兼容性一致.(后续大图均展示App端) 用法 ◆ 弹窗uniPop.vue组件两种引入方式 1.在main.js里引入全局组件 import

你说uni-app是什么 我说,uni-app是一套基于vue.js开发跨平台应用的前端框架,可编译多个平台,比如:Android.IOS.H5.微信小程序.支付宝小程序.头条小程序.百度小程序 懂行的人是不是觉得牛逼?想了解更多,进入官网吧 我说muse-ui是什么 官方说,Muse UI 是一套 Material Design 风格开源组件库,旨在快速搭建页面.它基于 Vue 2.0 开发,并提供了自定义主题,充分满足可定制化的需求. 我觉得muse ui组件都非常美观,如果能够导入到uni

2.0(2019-08-31) 船新版本的信息弹窗组件 插件市场地址:http://ext.dcloud.net.cn/plugin?id=672 可以弹出很多条信息,并单独控制消失时间.点击消失. 用循环来生成很多个弹窗,用this.$refs来传值,并添加数组. 1.布局 <view class="popup_list"> <view v-for="(items,index) of popup_list" :id="items.uui

uni-app跨端自定义navbar+tabbar组件|沉浸式导航条|仿咸鱼凸起标签栏 在跨端项目开发中,uniapp是个不错的框架.采用vue.js和小程序语法结构,使得入门开发更容易.拥有非常丰富的插件生态.支持编译到h5.小程序及App等多个终端平台. 如上图:编译到h5+小程序+App端效果 ◆ 准备 在项目根目录components下新建ua-navbar和ua-tabbar组件. 在main.js中全局引入组件. // 引入自定义组件 import NavBar from './co

uniapp兼容多端自定义模态弹框组件UAPopup ua-popup 一款轻量级的uniapp自定义弹窗组件.汇集了android.ios和微信弹窗效果(msg消息.alert提示框.dialog对话框.actionsheet底部动作框.toast轻提示.长按定位菜单)等功能. 如下图:H5+App端+小程序效果,亲测多端运行一致. ◆ 引入使用  ▍在main.js中引入uapopup弹框组件 // 引入自定义弹框组件 import uaPopup from './components/ua

1.APP反编译 使用hbx云打包,打包出apk 拿到apk后,先下载反编译工具 https://pan.baidu.com/s/1A5D8x_pdSELlHYl-Wl6Xnw 提取码 6vzd 使用反编译工具进行apk反编译(记住此时的apk不能使用加固后的apk,否则回编译后apk打不开),反编译后拿到AndroidManifest.xml 修改AndroidManifest.xml文件的组件导出风险后,进行回编译(不签名) 回编译后在使用加固软件[梆梆加固],进行加固,导出签名apk

首先是npm i vant@2 -S 下载vant包 接下来就是找到main.js引入vant 然后就是在页面中直接使用 会发现没有样式 最后再找到app.vue再style里面全局引入vant的样式 这个时候再看就正常了 因为现在百度上主流方法是创建wxcomponents然后再下载vant包放进去,我试了有诸多问题,所以这里做一下记录,避免以后再踩坑

 前端跨平台框架 之uniapp入门浅析 技术的发展总日新月异,处在风口,前端技术的发展尤为迅速,跨平台的概念也在前端流行起来.从最早期PhoneGap.lonic.Cordova,到近年来的ReactNative.weex.flutter,前端开发者在跨平台方面的探索从未停止过.趋势使然,类似uniapp框架出现在前端技术圈是技术发展潮流下的必然产物.作者自己也对uniapp框架进行了探索和实践,下面从几个方面介绍这一框架及其用法,欢迎大家踊跃讨论 一.什么是 uni-app? uni-app

uni-app 是使用 vue.js 开发的所有前端应用框架,开发者编写的一套代码,可以发布到 ios.android.web ,以及各种小程序平台. 一.创建uni-app 1.hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目,在点击工具栏里的文件 -> 新建 -> 项目: 选择uni-app类型,输入工程名,选择模板,点击创建,即可成功创建. 2.cli 脚手架创建 2.1.使用正式版 vue create -p dcloudio/uni-preset-v

1.uni-app不支持动态组件,目前在用i-if判断,或者用scroll-view切换,没有想到什么其他的办法 2.uni-app不支持具名插槽,会导致页面塌陷 3.uni-app在做动态组件渲染的时候可能会对高度,偏移,定位不友好,但是用px单位就不会有问题,感觉原因是在打包的时候upx单位不会编译成px 4.平常我们再写vue项目的时候会写一个扫描文件,为的就是不用每个组件都去引用那么多组件,但是我在做uni-app的时候浏览器运行是没问题的,但是在安卓手机上并不支持,我打印了一下,确实是

摘要: 微信小程序开发技巧. 作者:coldsnap 原文:小程序多端框架全面测评 Fundebug经授权转载,版权归原作者所有. 最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型和优劣.但宥于利益相关,本文的观点很可能是带有偏向性的,大家可以带着批判的眼光去看待,权当抛砖引玉. 那么,当我们在讨论多端框架时,我们在谈论什么: 多端 笔者以

在对于uni-app框架了解之后,今天就实现一个滚动切换tab效果,这个很常见的一个效果,最后封装成一个组件,便于以后使用,写这个需要引入uni官方提供的uni.css样式,用到了写好的样式,就不需要自己写了 这种切换无论是在app端还是小程序或者H5页面都是很常见的功能.对于这种功能,为单独封装成功组件,方便每个页面都能用到, tab顶部导航栏 页面布局,使用uni-app提供的scroll-view组件. <template> <view class="uni-tab-ba

小程序开发:用原生还是选框架(wepy/mpvue/uni-app/taro)? 自 2017-1-9微信小程序诞生以来,历经2年多的迭代升级,已有数百万小程序上线,成为继Web.iOS.Android之后,第四大主流开发技术. 与之相随,小程序的开发生态也在蓬勃发展,从最初的微信原生开发,到wepy.mpvue.taro.uni-app等框架依次出现,从刀耕火种演进为现代化开发,生态越来越丰富. 选择多了,问题也就来了,开发小程序,该用原生还是选择三方框架? 首先,微信原生开发的槽点大多集中如

一.使用Vue.js注意事项 Vue.js在uni-app中使用的差异: 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动.页面显示等生命周期 受限:发布到H5时支持所有vue的语法, 在小程序和App端部分功能受限 生命周期:Vue实例生命周期+应用生命周期+页面生命周期 使用uni-app的onReady : 代替vue的mounted 使用uni-app的onLoad : 代替vue的created 注意:不要在选项属性或回调上使用箭头函数,比如 created: () =

1.uniapp不显示h5头部 第一种写法: { "path" : "pages/yunshi/yunshi", "style" : { "h5":{ "titleNView":false//禁用原生导航栏 } } } 第二种写法: uni-page-head { display: none }  2.套数据时,发现只要不是写死的,都要冒号: 自定义属性的写法, :data-index="item

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14429616.html 目录 码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14429616.html uni的生命周期 应用生命周期 页面生命周期 导航跳转和传参 声明式导航:navigator 编程式导航: uni.navigateTo(obj) uni.redirectTo(obj) uni.switchTab

Nvue/Weex 使用Uniapp做了一个App,感觉性能不是很好,了解过Uniapp的Nvue,就想做一个纯Nvue项目,其实基本就是做一个Weex项目,不得不说坑是真的多,但是渲染性能真的是没得比 本项目开发环境为 UNIAPP 的 纯NVUE 项目,与WEEX有不同之处 https://github.com/WindrunnerMax/SW 一. CSS选择器 1. 简单类选择器 /** Weex仅支持简单类选择器,不支持标签选择器以及子选择器 **/ /* 支持 */ .test{ p

各种系统中行政区域选择的场景不少,我们也有不少这样的场景.本想使用第三方的组件,但是大多有些小问题,不能满足需要.后面使用picker的mulitSelector模式写了一个,发现这种列模式的体验并好,最后仿京东模式自定义了一个. 一.造轮子的原因 1.1 数据要自定义 微信官方的picker的region模式使用的是标准的国家行政区域数据,而我们的场景有一些自设的区域要加入:也不可以自定久选择级数,只能选到县/区级. 1.2 picker的兼容性并不好. uni-app的picker组件,在小

iOS各种屏幕自动适配及颜色转换为十六进制 ★★★XLJMatchScreen自动适配屏幕★★★ 支持pod导入 pod 'XLJScreenMatching', '~> 1.0.3' 如果发现pod search XLJNewFeature 搜索出来的不是最新版本,需要在终端执行cd转换文件路径命令退回到desktop,然后执行pod setup命令更新本地spec缓存(可能需要几分钟),然后再搜索就可以了. 使用方法 直接在你的.pch文件中导入文件XLJMatchScreen.h 更新记录