随笔分类 - uniapp
摘要：使用uniapp开发时，可以通过在app.vue中定义全局变量，在没个页面内通过globalData获取 1、app.vue文件内部的写法 <script> export default { globalData: { text: 'text' }, onLaunch: function() { c
阅读全文
摘要：1、如果需要使用自定义导航栏的时候，需要在page.json文件中做如下更改 "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/list/index", "st
阅读全文
摘要：uniapp进行微信小程序开发时，用户信息的获取以及登录方面梳理： <template> <view> <!-- 如果用手机号登录，获取手机号码相关信息 --> <button type="primary" open-type="getPhoneNumber" lang="zh_CN" @getph
阅读全文
摘要：使用uniapp开发小程序时，大致获取授权及权限的操作如下： 这里以获取位置信息为例，需要注意的是获取位置信息时，需要在manifest.json文件中进行相应配置 manifest.json： "permission": { "scope.userLocation": { "desc": "提示文
阅读全文
摘要：首先，无论使用哪种扩展插件，都需要确认已经执行了一下操作： uni-app 项目，进入项目目录（下面两步必不可少） npm init -y npm install @dcloudio/uni-ui 1、例如--日历 <template> <view> <!-- template中的内容正常在官网复制
阅读全文
摘要：1、横向滚动基本写法 <template> <view> <!-- 横向滚动条 --> <view class="uni-padding-wrap uni-common-mt"> <scroll-view class="scroll-view_H" scroll-x="true" @scroll="
阅读全文
摘要：1、父组件传子组件 父组件内部写法： <template> <view> <h2>首页</h2> <!-- 绑定自定义属性传递数据 --> <Two :value="valPar"></Two> </view> </template> <script> //引入子组件 import Two from
阅读全文
摘要：首先uniapp中路由传参是通过url地址进行的，方式大致如下： 从当前页面跳转到one页面 路由跳转的方式： 1、uni.navigateTo， 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面 需要跳转的应用内非 tabBar 的页面的路径 animat
阅读全文
摘要：1、大致流程 首先检查用户当前是否授权； 判断用户是否授权，如尚未授权，进行授权 获取授权，此时最好加上提示框，注意：提示框使用后要用方法清除 本地存储的使用
阅读全文
摘要：uniapp中因为需要是适配不同手机的导航栏，所以需要获取手机的导航栏高度，动态设置样式 注意：onload中的this指向要重新绑定 uniapp中行内样式的写法一：适配不同手机 css样式部分： uniapp中行内样式的写法一：适配不同手机
阅读全文
摘要：一、配置部分： pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。 它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。
阅读全文
