![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
文章平均质量分 74
@红@旗下的小兵
求知若渴 虚心若愚
展开
-
uni-app中的事件对象 e
当点击按钮,事件绑定在view上时:<template> <view class="content" @tap.stop="click($event)"> <button id="btn">click</button> </view></template><script>export default { methods: { click(e) { .原创 2020-06-05 22:26:01 · 4832 阅读 · 0 评论 -
uni-app getCurrentPages
官方文档:getCurrentPages( ) 用于获取当前页面栈的实例,以数组形式按照栈的顺序返回,第一个元素为首页,最后一个为当前页面。tips:getCurrentPages() 仅用于展示页面栈的情况,请勿修改页面栈,一面造成页面状态错误。var pages = getCurrentPages() // 获取栈实例console.log(pages) // 打印如下v...原创 2020-04-17 14:15:50 · 19474 阅读 · 0 评论 -
uni-app 用户地理位置授权
最终目的:需要拿到用户的经纬度。 允许 -> 直接获取到地理信息,如果不允许:出现下边 “温馨提示” 确认授权 -> 会调用用户【使用地理位置页面】: 如果没设置 直接退出,会继续弹出确认授权页面,设置 -> 会走授权成功的回调, - > 获取用户地理信息在app页面添加用户授权:<script>export default ...原创 2020-03-17 15:21:54 · 9583 阅读 · 6 评论 -
uni-app page.json配置文件
pages配置pages节点中配置的是:应用由哪一些页面组成"pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/index/index", "style": { "navigationBarTitleText": "test" } } ],· pages 节点的第一项为应用入口页(首页)· 应用中的新增/减...原创 2019-12-26 22:04:06 · 6546 阅读 · 0 评论 -
uni-app 生命周期及路由
common 官方推荐公共资源存放目录应用生命周期(也就是全局函数)onLaunch : uni-app 初始化完成时,触发(全局只触发一次)onShow:uni-app启动,或从后台进入前台显示onHide:uni-app 从前台进入后台(关闭的时候)onError:uni-app报错时触发onUniNViewMessage:对nvue页面发送的数据进行监听疑问:onHid...原创 2019-12-27 20:48:34 · 1493 阅读 · 0 评论 -
uni-app页面间通信
关于页面间跳转传值1、使用页面路径传参**(1)uni.navigateTo( ) / uni.redirectTo( )参数与路径之间使用 ? 分割,参数键 与 参数值 用等号 = 相连,不同的参数用& 分割。**(2)url 传参方式会有长度限制,太长字符串会传递失败!!!**(3)跳转到另一页面,在onLoad 生命周期函数中 通过参数,可以获取到传递的参数uni.nav...原创 2019-12-28 12:06:53 · 1614 阅读 · 0 评论 -
uni-app 通用尺寸单位rpx及样式
官方文档:rpx即响应式px,是一种根据屏幕宽度自适应的动态单位。uni-app规定屏幕的基准宽度为750rpx。关于rpx说明设计师在提供设计图时,一般只提供一个分辨率的图,作为开发者如果严格按照设计图标注的px做开发,在适配不同宽度的时候很容易变形,而且是宽度变形,因为有滚动条,高度不会出问题。微信小程序设计了rpx解决了此问题,而uni-app在App端、H5端也都实现了对...原创 2019-12-28 21:04:45 · 25064 阅读 · 1 评论 -
uni-app 使用iconfont图标字体
介绍2种方式:一、使用class类名 添加图标二、使用字体代码添加图标一、class类名:在confont中,选择想要的图标,加入购物车,添加至项目:点击:下方新 icon 来袭,点击更新代码,更新后将支持 WOFF2 格式 , 复制代码至浏览器打开:复制对应的css代码至你的项目中的static文件夹下,创建的iconfont.css文件中 :...原创 2019-12-29 16:35:44 · 1176 阅读 · 0 评论