uniapp中给头部右侧增加图标或文字
1.图标库可以从 iconfont 下载 { "path": "pages/inspect/index", "style": { "navigationBarTitleText": "巡检", "app-plus": { "titleNView": { "buttons": [ { "index": "0", "text": "\ue649", "fontSrc": "/static/font/i…
1.图标库可以从 iconfont 下载 { "path": "pages/inspect/index", "style": { "navigationBarTitleText": "巡检", "app-plus": { "titleNView": { "buttons": [ { "index": "0", "text": "\ue649", "fontSrc": "/static/font/i…
在实际开发中,我们知道Hbuilder写代码和调试非常麻烦,换到我们的vscode,快捷键那些,界面插件调试,那叫一个舒服 输入这个 1、全局安装vue脚手架 npm install @vue/cli -g 2.查看node-v版本号 ,我的是16,就没啥问题 3.输入这个命令 vue create -p dcloudio/uni-preset-vue my-project 如果不连连接也很…
uniApp 地图使用 2、地图分显示,和获取定位两部分;显示可选择腾讯地图、高德地图、百度地图 3、获取定位方法由 uniApp 提供,坐标为固定的 gcj02、即使设置类型 wgs84,也是得到 gcj02 坐标 创建地图 onReady() { let vm = this vm.map = uni.createMapContext('map2', this) vm.getLocation()…
上篇文章说到当我同一套代码切换回h5时发现 van-dropdown-menu 和 van-datetime-picker 没效果显示,甚至还报错了, 所以针对这个问题 这两个地方我选用了 thorUI 的 top-dropdown 和 tui-datetime ,调一下样式,问题就完美解决啦! 注意:所有组件最好是按需引入,不要全局引入;一来可以减少打包体积,二来是兼容性问题,当然如果你只是一两…
pages.json 该文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。 它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在uni-app中是在manifest中配置 配置项 { "pages": [{ "path": "pages/component/index", "style"…
问题描述 在打包生成的H5项目里,刷新后,页面回调,这时候使用uniapp原生的返回api方法会失效。 uni.navigateBack() 原因分析: 由于页面回调后导致当前页面刷新,使用 getCurrentPages() 方法获取页面栈只有当前页面页面无法返回,一直在当前页面刷新闪烁。 解决方案: 想到的解决方案使用原生js的history对象,封装一个兼容uniapp api和原生js的返…
1、定义CacheManage类,有set和get方法 class CacheManage { set() {}, get() {} } set用来设置缓存,get用来获取缓存 2、完善set业务逻辑 大概逻辑如下: 1、将接收params参数,包含key、data、unit、time key 缓存字段,必填 data 缓存数据,必填 unit 缓存时间单位,有效值 day hours minut…
先看图 uniapp类似element的高级选择器,可搜索 , 可清空 可精准匹配关键字(支持同步异步请求的动态列表) 无匹配项自动清空输入框 需要组件的私信我哦~ 版权声明:本文为qq_32058147原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_32058147/article/details/1…
downOption: { use: true, // 是否启用下拉刷新; 默认true auto: true, // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true native: false, // 是否使用系统自带的下拉刷新; 默认false; 仅mescroll-body生效 (值为true时,还需在pages配置enablePullDownRefresh:true;详请参考m…
一、h5支付宝授权流程 1、针对不同客户端js判断代码: if (/MicroMessenger/.test(window.navigator.userAgent)) { alert('微信客户端'); } else if (/AlipayClient/.test(window.navigator.userAgent)) { alert('支付宝客户端'); } else { alert('其他浏…