- 博客(7)
- 收藏
- 关注
RSS订阅
原创 【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖
video视频层级过高 真机运行遮挡顶部导航和页面弹窗 使用原生子窗体覆盖其内容
2023-05-30 15:05:48
3940
1
uniapp video视频层级过高 遮挡顶部导航 页面弹窗 使用原生子窗体解决问题
在uniapp项目中 video层级过高 页面滑动时 遮挡顶部导航 或者页面有弹窗效果 视频同时也会遮挡弹窗 使用subNVues 解决此问题 pages.json 中 配置{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"navigationStyle": "custom",
"app-plus": {
"titleNView": false, //禁用原生导航栏
"subNVues": [{
"id": "subnvue", //顶部导航配置
"path": "pages/index/subnvue",
"type": "navigationBar"
},
{
"id": "drawer",
"path": "pages/index/drawer.nvue", // 配置分享弹窗
"style": {
2023-05-30
canvas 绘制验证码【数字加字母】
uniapp 利用canvas绘制图形随机验证码 随机生成数字、字母、颜色、画混淆线条 getRandomCode() {
const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
let code = '';
for (let i = 0; i < 4; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}
return code;
},
getRandomColor() {
return `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
}
2023-05-29
谷歌地图大全 API的基本使用
谷歌地图的api基本功能的使用 包含【marker标记点、定位、路线绘制、信息弹窗、画圆、地理位置标记、放大缩小、自定义图标、监听地图事件、固定范围选择】
2023-05-27
uniapp实现 图片九宫格、可控制一行显示几个
使用uniapp 实现图片九宫格、完美动态适配手机各种尺寸、已抽离成组件 只需修改单个字段 实现页面布局、<template>
<view
class="pic-container"
:style="{
paddingLeft: spacingNumber + 'px',
paddingRight: spacingNumber + 'px'
}"
>
<view class="tel-pic-show">
<view class="pic-box">
<block v-for="(item, i) in getterImgArr" :key="i">
<view
class="img"
@click="prevsImages(getterImgArr, i)"
:style="{
backgroundImage: 'url(' + item + ')',
width: imgW + 'px',
height: imgH + 'px',
m
2023-04-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人