草庐IT

uni-collapse

全部标签

uni微信小程序 map 添加padding

问题背景:规划驾车线路的时候,使用uni的include-points指定可视范围的时候,会很极限。导致marker不能完全显示。解决方法给地图显示范围添加padding(推荐)mapid="myMap":markers="markers":polyline="polyline":longitude="curLongitude":latitude="curLatitude"@markertap="markertap">map>onLoad((e)=>{uni.createMapContext('myMap',this).includePoints({padding:[120,110,120,1

uni-app获取response header响应头(h5/app/小程序三端)

h5、app获取方式:getResponseHeader(key)示例:参考:HTML5+APIReference//创建xhr实例://#ifdefAPP-VUEletxhr=newplus.net.XMLHttpRequest();//#endif//#ifdefH5letxhr=newwindow.XMLHttpRequest();//#endif//使用getResponseHeader(key)获取//获取头部信息,例如,判断响应头中是否含有X-Ncrypt,若有,可对数据进行一定的处理//#ifdefH5|APP-VUEletisNeedTransport=xhr?.getResp

【UniApp】-uni-app-项目实战页面布局(苹果计算器)

前言经过前面的文章介绍,基本上UniApp的内容就介绍完毕了那么从本文开始,我们就开始进行一个项目的实战这次做的项目是苹果计算器,这个项目的难度不是很大,但是也不是很简单,适合练手创建项目打开HBuilderX,点击左上角文件->新建->项目:搭建基本布局项目创建完毕之后,首先来分析一下苹果计算器的整体布局结构,分为一上一下如下图:上面的部分主要是显示计算结果的,下面的部分主要是显示计算器的按键搭建上半部分布局更改index.vue的内容如下: exportdefault{ data(){ return{ } }, onLoad(){ }, methods:{

详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第五节 (基于uni-app封装鸿蒙接口请求库)

  随着鸿蒙系统的兴起,越来越多的app会采用鸿蒙开发。而鸿蒙开发必不可少的就是调用各种接口服务。为了简化接口的调用流程,我们通常会做一层封装。今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。一、新建项目  首先我们要新建一个鸿蒙项目啦!当然选择第一个空白项目就可以二、目录结构三、详细介绍1.创建request请求方法  首先在js目录下创建一个ajax.js文件,这个文件用来封装网络请求://request.jsimportconfigfrom'./config.js';exportdefaultfunctionrequest(url,data={},method='GET'){

uni-app使用HBuilder X编辑器本地打包apk步骤说明

1.下载安装AndroidStudio下载地址官方地址:AndroidStudio下载文件归档 | Android开发者 | AndroidDevelopers安装AndroidSDK和GoogleUSBDriver即可,后者主要是为了后期使用USB设置的,如果不需要可以不点。2.下载uni-app提供的Android离线SDK下载地址:Android离线SDK-正式版|uni小程序SDK注意:Android离线SDK的版本一定注意和HBuilderX的版本匹配,版本如果不匹配会报错。将下载下来的离线SDK进行解压,解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围

uni-app微信小程序canvas中使用canvasToTempFilePath在手机上导出图片尺寸与实际不符

问题描述:比如图片的尺寸是1125*2001像素,这样用微信开发者工具下载下来的图片尺寸是1125*2001像素,用不同的手机去操作,下载出来的图片尺寸都不一样,和原图片尺寸差距很大。解决方案:canvas写入的时候是按照当前设备像素比(pixelRatio)进行设置的,像素比pixelRatio=物理像素/设备独立像素(dips)像素比pixelRatio=物理像素/设备独立像素(dips)ctx.drawImage(图片对象,图像裁剪的x位置,图像裁剪的y位置,裁剪的宽度,裁剪的高度,x位置,y位置,宽度,高度我这台机器的设备像素比=3,分辨率是:1920*1080以x轴为例,这里的物理像

uni-app开发者必看:如何轻松适配微信小程序?

一、v-if避坑看uniapp官方文档上,v-if是支持多端支持的。小程序上仅支持微信小程序,用hbuilderx运行到小程序后就会变成微信的指令语法wx:if。这里有个坑,要特别注意!v-if指令表达式如果指令表达式为json对象,而只要你的对象的属性值中包含有null,那就要注意了,这里如果你按常规做法,如下://a对象{"b":"ss","c":null}Copy你的代码运行到小程序是会有问题的,这个view组件会编译出但是无法渲染出来,在app及h5上是可以正常显示的。目前没找到是什么原因,有种说法是与js的上古时期的bug有关(typeof(null)=="object")。微信小程

uni-app 微信小程序之好看的ui登录页面(四)

文章目录1.页面效果2.页面样式代码更多登录ui页面uni-app微信小程序之好看的ui登录页面(一)uni-app微信小程序之好看的ui登录页面(二)uni-app微信小程序之好看的ui登录页面(三)uni-app微信小程序之好看的ui登录页面(四)uni-app微信小程序之好看的ui登录页面(五)1.页面效果2.页面样式代码template> viewclass="login-bg"> br/>br/>br/>br/>br/>br/>br/> viewclass="t-login"> formclass="cl"> viewclass="t-a"> imagesrc=

jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?

在这四个工具/框架中,Uni-app和微信小程序比较类似,因为它们都是为了实现跨平台开发而设计的。jQuery 是一个快速、小巧且特性丰富的JavaScript库。它提供了各种操作和处理HTMLDOM、事件、动画,以及提供各种工具函数的功能。然而,关于本地存储数据,jQuery本身并没有提供这样的功能。通常,这类功能是通过其他库(如localStorage或sessionStorage)实现的。Vue.js 是一种用于构建用户界面的渐进式JavaScript框架。Vue可以用来构建单页面应用(SPA),并且它提供了各种高级功能,如组件系统、路由、状态管理等。对于本地存储数据,Vue.js可以使

uni-app-微信小程序实现markdown文本解析、数学公式解析超详细教程

前言在做AI问答功能,文本返回的是markdown形式,如果没有对Markdown文本进行转换很难看,如下图,转换后是不是很好了很多,特别是代码内容阅读起来舒服多了。下面来介绍下,我在开发小程序软件聚导航AI助手对实现Markdown文本解析,看到两款较好的组件,其中第二款towxml组件已应用到项目中。遇到的坑mp-html+Markdown组合方式,理论支持多端,包括h5、小程序、App,但并没有使用这个,而是使用了towxml组件,因为,在使用mp-html+Markdown时,小程序调试时很正常,但发送到真机调试却爆出了一些莫名其妙的错误,尝试了一番,也无法解决,最后使用towxml。