uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。 具体使用： //data声明变量 windowWidth windowHeight //created 获取信息 uni.getSystemInfo({ success: (res) => { this.windowWidth = res.windowWidth;
最近在写vue项目中遇到了需要固定表头的需求 看了element ui 官方给出的是直接给el-table一个固定高度就可以实现，我就尝试了一下 <el-table height="250"></el-table> 确实能够达到表头固定的方法，但是table高度就固定了，想着实现根据网页高度来设置 <el-table :height="tableHe
第一次使用uniapp的 waterfall 瀑布流组件，在使用过程中，发现运行后底部出现一大片和内容一样高度的空白，之后查阅资料发现，组件需要指定高度才行 下面贴出部分代码，方便其他人参考 <view class="body" v-bind:style="{ height: windowHeight + 'px' }"> <waterfall column-count="2"
screenHeight是手机屏幕的高度（状态栏+导航栏+webview+tabBar）， windowHeight是可使用窗口高度webview（不包含状态栏、导航栏和tabBar）的高度； tips:如果在pages.json中页面设置了"navigationStyle":"custom",那么windowHeight的值是状态栏+导航栏+webview的和（不包含tabBar的高度）
相信在座的各位都有见过大部分的应用打开的时候都会有个全屏的广告。 但是小程序的会比较少一点，因为小程序打开加载的时候已经需要消耗不少时间了，所以基本都不会去做这个，影响用户的体验。 最近有个客户要做这个，于是折腾了一下。 注意：因为市面上有各种各样的手机，所以我们一定要适配
产品让我改微信插件滑动到底部 内容被遮挡问题 肯定就想到中间一大块用scrollVIew 但是我不知道导航栏和底部tab栏高度 没办法 我只能找方法计算了 我本来准备使用微信小程序的获取元素高度 但是获取结果是null 所有就放弃了 const res = wx.getSystemInfoSync()
init() { // 屏幕的高度 let windowHeight = wx.getSystemInfoSync().windowHeight; let windowWidth = wx.getSystemInfoSync().windowWidth // 屏幕的宽度 let ratio = 750 / windowWidth;
template里 <template> <view :style="{'height':vheight}"> </view> </template> script里 data(){ return{ vheight:"",//获取的高度 } }, onReady() { // 计算屏幕剩余高度 填补剩余高度 let _thi
这两天在做一个项目，有个小模块是悬浮球功能，可以拖动的那种 组件也找了，发现组件那个会很卡，而且页面会跟着滚动，球球初始位置也让人很难受 尤其是当我一刷新球球丢了就很蒙，看来那个还是需要完善的 然后我去百度搜了搜，然后找到了解决方法，我判断了下球球初始情况 初始是按百分比定位的，
目录技术概述技术详述技术使用中遇到的问题总结参考文献或博客 技术概述 项目开发过程中，我主要是负责小程序前端开发，主要工作是界面样式的设计和接口调用的实现。因为我负责的那部分界面逻辑较为简单，因此没有特别困难的技术难点。我就将一些开发过程中碰到的某些坑写一下。主要是：
不多说，copy即可 rc.mp4: 链接：https://pan.baidu.com/s/1ku_-GbDkVYZCrAlhsY1obg 提取码：shgp <template> <div style="text-align: center"> <div class="homepage-hero-module"> <div class="video-contain
window.onscroll = function() { //变量scrollTop是滚动条滚动时，距离顶部的距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //变量windowHeight是可
uni-app底部按钮fixed定位后被软键盘推起的解决办法 问题引出解决方案解决思路代码实现效果 问题引出 昨天在测试app的时候，测试提出新增个人信息界面底部的input框在输入的时候会被软键盘遮挡而看不到正在输入的内容，如下图 可以看到在发证机关聚焦的时候被软键盘遮挡了
在之前做的一款小程序中，遇到了这样的的需求： 列表向下更新数据的操作，数据的展示大概是这个样子的： 当时脑子里就想着用scroll-view来实现效果，可惜我还是踩了原生小程序的坑啊。 百度出来这样的问题 1.canvas 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控
此篇幅主要介绍，关于身份证取景框拍照，如何实现及实现代码，其他的银行卡取景框等等一些证件就可以照猫画虎了，使用到的组件有camera、cover-view、cover-image 期望结果 实现逻辑 首先是当做一个页面而不是组件，需要在pages.json中注册（作为组件时有各种坑，目前还没爬出来） 接下
小程序项目中有时候需要根据“手机信息”和“分享胶囊按钮”的信息，来设置页面元素； 比如，自定义导航栏，要根据手机的状态栏和胶囊按钮height、top来设置自定义导航栏； 获取方法如下： 在app.vue中获取存入store中 <script> export default { methods: { getMobileInfo() {
Vue 实时获取屏幕宽高 export default { name: 'page-index', data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.documentElement.clientHeight, //实时屏幕高度
mounted() { let that = this; // <!--把window.onresize事件挂在到mounted函数上--> window.onresize = () => { return (() => { window.fullHeight = document.documentElement.clientHeight; window.fullWidth = document.documentE
小程序 的 px 转化为rpx 在 获取 屏幕高度 后 ,这个单位是px ,可是我的项目是用rpx,所以这里就涉及一个转化的公式了 1rpx = 750 / 设备屏幕宽度 所以 wx.getSystemInfo({ success:function (res) { console.log(res.windowHeight) // 获取可使用窗口高度 le
$(window).scroll(function() { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scr
