• 2024-10-08uniapp开发App和h5,项目二期开发中总结的一些小技巧
    1.建议优先nvue开发,先把app端做出来,再去适配h5端。对于不太复杂的页面,一般使用nvue同时兼容app和h5就好了,一个nvue页面的好处就是后续版本迭代更新修改一个页面就行。就是适配的时候有些费事,但用熟练了也还好,总是能找到一些技巧的。2.app端不支持部分H5标签,所以优先使用nvue原
  • 2024-08-09小程序,uniapp中map的使用
    2天撸了一个地图标记的小程序,感谢uniapp,unicloud让开发如此高效。主要功能是在map组件上做标记,用户点击标记可以看标记的详情,很简单,单一的小程序了解map组件的基本使用,在地图上创造无线可能(吹牛)各位可以看下效果. 直接上代码1.template声明map组件<map:markers=
  • 2024-07-29微信小程序,web,uniapp-vue前端图片压缩思路-------uniapp-nvue如何压缩
    uniapp官方提供的压缩接口,只支持jpg的压缩,所以,直接放弃在非nvue的页面中,统一使用canvas获取图片信息,并重新绘制。存在一个问题,canvas必须指定宽高,不能动态给定,所以可能存在一些问题。nvue页面,又无法使用canvas,或者说,性能不是很好。一个隐藏的canvas只做图片处理使用,应该不会影
  • 2024-06-01uniapp开发APP遇到的问题
    图标变成了undefined原因:设置prefix时,在非nvue环境下,需u-input才有效。//旧版<u--inputplaceholder="请输入用户名"type="text"> <templateslot="prefix"> <viewclass="solts"> <viewstyle="padding-top:6upx&qu
  • 2024-02-26uniapp nvue页面 map地图全屏设置
    因为nvue页面:100vh以及百分比不可用,所以1,可以获取当前屏幕高度然后赋值<map:latitude="latitude":longitude="longitude":style="'height:'+windowHeight*2+'rpx;'"></map>const{windowWidth,windowHeight,appName}=
  • 2023-12-15uniapp nvue 手指缩放
    uniapp nvue中俩个手指按下,每次只会监听到一个 uniapp 中双指缩放,touch.scale为当前的缩放比例<template> <[email protected]="move"@touchmove.stop="moving"> {{touch.scale}} </view></template><script>exportdefault{
  • 2023-12-13uniapp开发——纯原生渲染nvue调用uni.makePhoneCall没反应的处理办法
    uni.makePhoneCall(OBJECT)|uni-app官网(dcloud.net.cn)正常情况下,manifest.json配置拨打电话的权限就可以了:配置权限后重新打包,真机运行应该就可以正常的拨打电话了。如果API没反应,那么可以试试下边这种不弹出询问框直接拨打电话的方法:callMobile(){letmobile
  • 2023-08-27页面简介
    uni-app项目中,一个页面就是一个符合VueSFC规范的vue文件。在uni-appjs引擎版中,后缀名是.vue文件或.nvue文件。在uni-appx中,后缀名是.uvue文件这些页面均全平台支持,差异在于当uni-app发行到App平台时,.vue文件会使用webview进行渲染,.nvue会使用原生进行渲染,详见:nvue
  • 2023-04-06uni-app:nvue:配置底部安全区域(hbuilderx 3.7.3)
    一,文档地址:https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest如图: 说明:offset:底部安全区域偏移,"none"表示不空出安全区域,"auto"自动计算空出安全区域二,编辑配置文件:manifest.json,如图所示,选择源码视图,在app-plus一项下进行设置1,取
  • 2023-04-06uni-app:nvue:居左/居右/居中对齐(hbuilderx 3.7.3)
    一,代码:居中:<viewstyle="position:fixed;bottom:0;width:750rpx;height:60rpx;display:flex;flex-direction:row;justify-content:center;"><span>{{appName}}version:{{appVersion}}</span></view
  • 2023-04-05uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
    一,官方文档地址:https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule二,代码1,nvue页面:模板<viewclass="listTitle">{{item.title}}</view>
  • 2023-03-17uniapp 隐藏nvue子窗口 不生效
    下面是uniapp官方给到,显示和关闭NVue子窗体的方法 //通过id获取nvue子窗体constsubNVue=uni.getSubNVueById('map_widget')//打开nvue子窗体su
  • 2023-02-18uniapp nvue和vue 全局变量 国际化多语言开发 computed data globalData i18n undefined
    uni-app全局变量的几种实现方式1.公共模块定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意:这种方式只支持多个vue页面或多个nvue页面之间公用,vue
  • 2023-02-17uni-app:nvue和vue均引入自定义字体文件(hbuilderx 3.6.18)
    一,复制字体文件到static目录下,如图: 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest     对应的源码可以访问这里
  • 2023-02-09nvue页面自定义字体
    addRule函数 1@原型:addRule(type,contentObject)2@参数:3type:[StringfontFace必需]协议名称,不可修改,固定值为:fontFace。4contentObject:[Ob
  • 2022-12-02uniapp全局变量实现的四种方法
    一、公用模块定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意:这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。示例如下:
  • 2022-11-19uni-app初使用
    关于样式rpx(responsivepixel):可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rp
  • 2022-10-22nvue跟随软件
    nvue跟随软件uni.onKeyboardHeightChange(item=>{ //获取系统信息 let_sysInfo=uni.getSystemInfoSync(); let_heightDiff=_sysInfo.screenHeight-_sysInfo
  • 2022-09-28nuiapp在APP中的.nvue页面中使用webview展示空白的问题
    之前写的一个uniapp的项目,这段时间又看了一下,在打包的APP中发现webview打开显示空白(以前的时候没问题)一开始以为是链接问题,跨域问题,总之就是各种尝试了因为小程序上没问