巴特西
首页
Python
Java
PHP
IOS
Andorid
NodeJS
JavaScript
HTML5
uniapp扫码框全屏
uni-app 自定义扫码界面
二维码扫描,已经成为当下一款应用不可或缺,同时也是用户习以为常的功能了.uni-app 为我们提供了扫码 API ,直接调用即可. 需求场景 在实际开发中,平台提供的默认扫码界面,并不能满足一些自定义的需求.例如: 非全屏显示 扫码界面文字国际化 扫码框的颜色调整 微信小程序等小程序平台,可以通过 <camera> 组件来实现部分自定义的需求.App 平台需要通过本地 HTML 来实现,即本文要分享的内容. Tips:这里的 App 特指 Android(.apk).iOS(.ipa) 移动应
LayIM聊天框全屏根据浏览器高宽自适应
个人博客 地址:http://www.wenhaofan.com/article/20190410190628 问题 由于LayIM没有处理聊天框在全屏状态下根据浏览器缩放处理高宽,所以会导致在浏览器调整高宽后不能正确的显示. 解决方法 1.重新渲染 在layim.js中找到popchat方法在底部添加 window.onresize=function(){ layer.style(index, { width: '100%' ,height: '100%' }, true); resizeC
uni-app app端设置全屏背景色
设置page:{样式},博主调试的时候在app端不起作用,设置配置文件的backgroundColor也没有用,所以博主就使用了一个稍微比较偏的办法解决了,没有用获取设备信息的api来实现 具体操作就是在template下面的二级标签设置一个单独的空标签,给一个class,具体代码如下 class="bgColor" .bgColor{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; ba
iOS Swift WisdomScanKit二维码扫码SDK,自定义全屏拍照SDK,系统相册图片浏览,编辑SDK
iOS Swift WisdomScanKit 是一款强大的集二维码扫码,自定义全屏拍照,系统相册图片编辑多选和系统相册图片浏览功能于一身的 Framework SDK [1]前言: 今天给大家推荐个好用的开源框架:WisdomScanKit,如果在开发中有用到二维码扫码,全屏拍照,系统相册图片编辑多选和系统相册图片浏览功能,推荐使用WisdomScanKit Framework,方便iOS日常开发,优点和功能请看下面介绍. [2]简介: 1: Swift由4.2版编写,完全兼容O
python 全栈开发,Day128(创建二维码,扫码,创建玩具的基本属性)
昨日内容回顾 1.app播放音乐 plus.audio.createPlayer(文件路径/URL) player.play() 播放音乐 player.pause() 暂停播放 player.resume() 继续播放 player.stop() 停止播放,清空player对象 # 当停止之后,无法在使用play() resume()继续播放 2.app遥控玩具播放内容 Websocket通讯 实现手机遥控app app:{content_id:123,to_user:123456} {mus
Ionic4 Cordova 调用原生硬件 Api 实现扫码功能
QR Scanner 速度快,样式随心所欲,默认只能扫二维码 https://ionicframework.com/docs/native/qr-scanner/ 安装插件 ionic cordova plugin add cordova-plugin-qrscanner npm install @ionic-native/qr-scanne app.module.ts 引入依赖注入 import { QRScanner } from '@ionic-native/qr-scanner/ngx'
Blazor组件自做三 : 使用JS隔离封装ZXing扫码
Blazor组件自做三 : 使用JS隔离封装ZXing扫码 本文基础步骤参考前两篇文章 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor组件自做二 : 使用JS隔离制作手写签名组件 1. 在文件夹wwwroot/lib,添加zxing子文件夹,里面下载库文件(文件文末源码里可复制) qrcode.min.js和zxing.min.js复制到此文件夹. 最终版本参考如下 +zxing |-qrcode.min.js |-zxing.min.js 2. 添加zxingjs
ZXing Blazor 扫码组件 , ssr/wasm通用
项目介绍 本项目是利用 ZXing 进行封装的 Blazor 组件库 直接调用手机或者桌面电脑摄像头进行扫码 项目截图 项目地址 https://github.com/densen2014/ZXingBlazor 演示地址 ssr https://zxingblazor.app1.es wasm https://densen2014.github.io/ Nuget 包安装 https://www.nuget.org/packages/ZXingBlazor/ 使用 在
uni-app自定义app端的扫码界面
记得当时是在西班牙有这样的一个需求,需要自定义扫码页面,还需要加上西班牙文,当时是在一个组件里面找到了这样的一个方法,全文大部分使用的app端的Native里面的方法,记录一下,跑路了项目代码要删库了 效果图大概是这样的 以下是vue页面代码<template> <view></view></template><script>import { mapState, mapMutations } from 'vuex';var barcode = n
uni-app仿抖音APP短视频+直播+聊天实例|uniapp全屏滑动小视频+直播
基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive. uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目.支持全屏丝滑般上下滑动切换小视频,迷你时间进度条,Nvue解决视频层级显示,可编译兼容H5+小程序+APP端. ◆ 一览效果 编译至 [小程序+H5+App端] 效果如下 ◆ 运用技术 编辑器:HbuilderX 3.1.21 框架技术:Uniapp+Vue.js+Nvue+Vuex UI组件库:uView-ui^
css-dialog样式实现弹框蒙层全屏无需JS计算高度兼容IE7
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css-dialog</title> <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> </head><style type="
Android6.0 源码修改之 仿IOS添加全屏可拖拽浮窗返回按钮
前言 之前写过屏蔽系统导航栏功能的文章,具体可看Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP)/动态显示和隐藏NavigationBar 在某些特殊定制的版本中要求完全去掉导航栏,那么当用户点进一些系统自带的应用界面如设置.联系人等,就没法退出了,虽然可以在actionBar中添加back按钮,但总不能每一个app都去添加吧.所以灵机一动我们就给系统添加一个全屏可拖拽的浮窗按钮,点击的时候处理返回键的逻辑.它大概长这样(审美可能丑了点,你们可以自由发挥) 图1
修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题
原文地址:https://www.cnblogs.com/jying/p/9642445.html,转载请说明出处. 最近项目需要播放视频且限制未观看部分的快进功能,找了两款js插件ckplayer和jwplayer,由于ckplayer是国内大牛开发的,中文文档比较官方,而且主要是文档说可以禁用拖动,就直接使用了ckplayer,没有测试jwplayer,待日后有时间再学习~~ ckplayer的使用文档见官方网站:http://www.ckplayer.com ,当前CKplayer.js版
关于使用metronic时里modal模拟框使用ueditor时不能全屏的情况
ueditor里有这么断代码, 1.初始显示状态下(非全屏),修改一下代码的z-index UE.Editor.defaultOptions = function(editor){ var _url = editor.options.UEDITOR_HOME_URL; return { isShow: true, initialContent: '', initialStyle:'', autoClearinitialContent: false, iframeCssUrl: _url + 't
解决Ueditor在bootstarp 模态框中全屏问题
基本的一些配置就不说了.先说一下要注意的问题:首先是zIndex的设置.记住最好都显示设置模态框和ueditor的zIndex.理清他们的层叠关系. 特别是用到ueditor里面的图片上传功能的更要设好zIndex的值.具体要怎么设就不说了,有问题再讨论. 然后是模态框里的全屏问题:通常请款下模态框都比较小,让用户在模态框里的编辑器写东西,用户体验肯定不好.所以要将ueditor全屏.要使ueditor能在bootstrap模态框里正常全屏显示需要修改ueditor.all.js里面的setFu
如何实现全屏遮罩(附Vue.extend和el-message源码学习)
[Vue]如何实现全屏遮罩(附Vue.extend和el-message源码学习) 在做个人项目的时候需要做一个类似于电子相册浏览的控件,实现过程中首先要实现全局遮罩,结合自己的思路并阅读了(饿了么)element-ui中el-message的实现,来总结一下Vue中比较好的一种全局遮罩的实现方式. 调用遮罩的方式 一般由两种写法: 1.(类似el-dialog的一种写法) 在html文件中写好结构,控制元素的显示与隐藏的实现遮罩. <div class="container"&
uni-app设置 video开始播放进入全屏状态
有一video标签 <video id="myVideo" :src="videoUrl"></video> 获取 video 上下文 videoContext 对象 onReady: function (res) { // 获取 video 上下文 videoContext 对象 this.videoContext = uni.createVideoContext('myVideo'); // 进入全屏状态 this.videoContex
微信小程序实现连续扫码功能(uniapp)
注:本文使用的是 uniapp 语法. 微信小程序提供了扫码API:wx.scanCode,但它只能扫一次码,想要实现连续扫码,需要借用 camera 组件.camera 组件不仅能拍照,还具有扫码功能,只要将它的 mode 属性设置为 scanCode,就会在扫码识别成功时触发 bindscancode 事件(在 uniapp 中是 scancode 事件). <camera mode="scanCode" device-position="back" fl
2020高考倒计时!全屏向下滑动设计HTML源码
全屏竖向滑动效果,自适应,多终端 全国高考倒计时,音乐自动播放. 背景图片:img目录下替换bg.jpg 背景音乐:audio目录下替换song.mp3 原本按照正常情况下每年的6月7.8日就是全国高考的时间的,无奈今年的一场疫情导致高考都延迟一个月 前几年每次全国高考的时间本站都会发布一篇文章祝福高考生,可惜2020年的7/8日不是高考时间了 所以分享一款高考倒计时网页源码,也提前祝福一下全国莘莘学子!下载地址:https://www.lanzoux.com/imR2Hded9xc
uniapp实现钉钉扫码登录
由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp,最终实现钉钉扫码登录app 1. 用H5调起钉钉扫码登录 钉钉在网页端的扫码登录可参考钉钉文档:扫码登录第三方网站 - 钉钉开放平台 (dingtalk.com) // 钉钉扫码登录 dingLoginFn() { let dingData = { appid: OUT_LINK_CONFIG.dingAppid, state: "STATE", url: encodeURIComponent('登录后的回
热门专题
sprintboot setter注入
ansible执行windows命令失败
jdbc连接数据库步骤代码
跨域sessionid每次不一样
mac python使用教程
sqlplus查询结果格式化
generator构建snmp
apicloud ajax_load 获取返回值
pycharm中如何把上个接口的返回传递给下个接口入参
concurrentmapcache 过期时间
fineui 8.1.0发布到IIS
Rviz Marker是什么
nodejs生成验证码
HTTP 文件服务器iss
winrar压缩指定文件夹命令
quartus 未指定modelsim
Tomcat解析格式
react className动态样式
jmeter 前置接口传多个参数
C 安装zookeeper