凉城玖的博客

如果res.deviceOrientation 等于landscape 的话是竖屏，portrait则是横屏。因为用户每旋转一次屏幕就会触发里面的onShow钩子，因此在页面显示或横竖屏变化都会触发这函数，来判断是否是横竖屏；onShow(){ uni.onWindowResize(res => { // portrait 竖屏 landscape 横屏 将状态值存储到这个this.landscape变量中 this.landscape = res.deviceOri

在ios 系统中， 设置border-radius 可能会不生效（安卓有效），直接给要设置的元素设置 border-radius属性，再添加下面的代码即可实现功能： -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);下面贴上自己项目中这一部分代码：...

H5 页面 移动端实现长按保存图片以及图片显示异常问题uniapp 中的 一些小坑：image 标签中的 src 属性不支持 写 @uniapp 写 h5 页面 ， image 标签 在 ios 端 不支持 长按 保存图片，使用canvas 标签包裹img标签，然后将 image 标签更换为 img 标签，添加-webkit-touch-callout: default 即可，如下所示： <view class="linkreceive"> <

unipp 中的向 剪切板写入 内容的 api 不支持 h5页面，我们可以通过clipboardone.js 第三方插件来实现向 剪切板 写入内容下载包 npm npm install clipboard --save建立一个新的 js 文件 ，写入一下内容：import Clipboard from 'clipboard';export function handleClipboard(text, event, onSuccess, onError) { event = eve

使用unipp 写h5 页面，在移动端，禁止 遮罩层 出现 滚动问题。直接在标签上面写上这个就可以了 @touchmove.stop.prevent="moveHandle" ，然后编写一个对应空的事件即可。一般的 小程序 遮罩层禁止滚动可以直接在标签上面设置： catchtouchmove 即可...