草庐IT

uniapp 获取页面高度及元素高度

一、获取页面高度通过uni.getSystemInfoSync()方法可以获取到系统信息,其中就包括了页面高度等信息。const{windowHeight}=uni.getSystemInfoSync();//获取页面高度二、获取元素高度比如有一个金刚区,我们需要获取到这块区域的高度: {{item.title||''}} constquery=uni.createSelectorQuery().in(this);query.select('.square_giant').boundingClientRect(({height})=>{console.log('square

基于vue2的uniapp 微信一键登录,获取手机号

项目场景:基于vue2的uniapp商城项目中的微信一键登录功能(后台是node.js写的)目前文档中该接口针对非个人开发者,所以只能用文档中提供的测试号实现一下功能。问题描述我在实现微信一键登录的时候,获取手机号总是失败。原因分析:我浏览的是微信小程序的文档微信小程序开发文档实现获取手机号需要前后台配合,我自己失败的问题就是,我自己node没学好,不知道在node中发请求也可以用axios。无拆解(1)前台代码login.vue页面中template> viewclass="box"> //button组件 buttonopen-type="getPhoneNumber"@getphone

Uniapp开发件微信小程序,自定义组件@click不起作用

有的人说添加@click后面​.native,我遇到的问题用这个方法并不行,最后解决办法是在自定义组件内把事件把点击事件传递出去import{defineComponent}from'vue'exportdefaultdefineComponent({methods:{click(){//点击事件传递出去this.$emit('click')}}})

uniapp小程序与webview通信

前言小程序webView中嵌套H5页面,难免会遇到小程序与h5页面进行数据通信或交互的场景。比如H5需要获取小程序的登录token、或者H5提交表单之后,操控小程序的路由让其返回某个页面。1.uniapp向H5发送数据在web-view中只需要通过URL就可以向H5进行传参,H5页面根据对链接进行截取获得参数。uniapp:template> view> web-viewsrc="https://XXX.com?name=lisa">web-view> view>template>H5:created(){letquery=this.getQuery("name");//获取uni-app传

uniapp - 使用 <video> 播放视频黑屏,浏览器控制台报错: DOMException: The element has on supported sources.(详细完美解决方案)

问题描述我是uniapp全平台开发(H5/App/小程序),突然遇到了使用video标签无法播放视频的问题,直接黑屏!并且浏览器报错:Uncaught(inpromise)DOMException:Theelementhasonsupportedsources.解决方案问题出现

uniApp实现热更新

热更新热更新是开发中常见且常用的一种软件版本控制的方式,在uniapp进行使用热更新将软件实现更新操作思路:服务器中存储着最新版本号,前端进行查询可以在首次进入应用时进行请求版本号进行一个匹对如果版本号一致则不提示,反之则提示进行更新执行更新操作实现采用方法封装进行使用~1.封装一个对比版本号的函数/***对比版本号,如需要,请自行修改判断规则*支持比对 ("3.0.0.0.0.1.0.1","3.0.0.0.0.1") ("3.0.0.1","3.0") ("3.1.1","3.1.1.1")之类的*@param{Object}v1*@param{Object}v2*v1>v2return1

uniApp实现热更新

热更新热更新是开发中常见且常用的一种软件版本控制的方式,在uniapp进行使用热更新将软件实现更新操作思路:服务器中存储着最新版本号,前端进行查询可以在首次进入应用时进行请求版本号进行一个匹对如果版本号一致则不提示,反之则提示进行更新执行更新操作实现采用方法封装进行使用~1.封装一个对比版本号的函数/***对比版本号,如需要,请自行修改判断规则*支持比对 ("3.0.0.0.0.1.0.1","3.0.0.0.0.1") ("3.0.0.1","3.0") ("3.1.1","3.1.1.1")之类的*@param{Object}v1*@param{Object}v2*v1>v2return1

uniapp调用微信小程序人脸识别步骤

template 开始人脸识别验证 script data(){ return{ username:"",//用户姓名 mobile:"",//手机号 identityNum:"",//身份证号码 } }, methods:{faceLogin(){ letreg=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; letregPhone=/^1[3456789]\d{9}$/; constself=this if(self.use

uniapp组件-ui-list列表

目录一、基本用法二、显示图标或图片三、右侧显示switch/badge四、使用插槽官方示例:https://ext.dcloud.net.cn/plugin?id=24列表组件可以在其中使用图标、略缩图或放置任何你想放的元素,使用场景如:导航菜单、列表、设置中心排版等基于uni-list的聊天列表组件:https://blog.csdn.net/qq_40323256/article/details/114298122一、基本用法showArrow可以有展开的箭头符号。link不仅有展开的箭头符号,还有点击反馈效果

uniapp微信小程序设置背景渐变

最近有个项目要用到背景渐变,背景渐变主要用到css,代码如下:template> viewclass="xxx-box"> !--关键性代码--> viewclass="bg">/view> !--业务代码--> view>.../view> /view>/template>script>exportdefault{ data(){ return{ }; },}/script>stylelang="scss"scoped>.bg{ top:0; left:0; position:fixed; z-index:-1; width:100vw; height:100vh; back