uniapp showlodaing 遮罩背景

uni-app实现弹窗遮罩

<template> <view> <view class="systemboxItem" @click="showSystemDialog(index)" v-for="(item,index) in system" :key="index"> <view class="systemboxItemTop"> <span class="syst

uniapp - 键盘弹起背景图片不会被挤压

[释义] uni.getSystemInfoSync()获取屏幕可用高度windowScreen做为背景图高度即可(非虚拟DOM也可以使用本思路). [源码] <template> <view class="grace-margin"> <input type="text" value="" placeholder="请输入!!!" style="margin-top: 300upx;b

JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 1.1.优点不需要插件支持优秀的用户体验提高Web程序的性能减轻服务器和带宽的负担 1.2.缺点浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持破坏浏览器“前进”.“后退”按钮的正常功能,可以通过简单的插件弥补对搜索引擎的支持不足 1.3.jQuer

JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 1.1.优点不需要插件支持优秀的用户体验提高Web程序的性能减轻服务器和带宽的负担 1.2.缺点浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持破坏浏览器“前进”.“后退”按钮的正常功能,可以通过简单的插件弥补对搜索引擎的支持不足 1.3.jQuer

jquery简单插件写法

(function($){ /** * 遮罩插件 * 使用:$('#id').qloading(options); * 详见:/plugins/_11_qloading/qloading.html * options:定制选项,默认配置见$.fn.qloading.defaults * * hide : 隐藏遮罩,默认为false * zindex : 遮罩背景的zindex,默认为9000 * bgcolor : 遮罩背景的色值,默认为#fff,也可以使用rgba色值 * imgurl : 遮

一款公用的CSS+DIV弹窗

为了方便以后自己使用! <html> <head> <style> .winmainshow { background: #fff; padding: 10px 5px 5px 25px; line-height: 25px; border: 1px solid #333; position: fixed; z-index: 1000; border-radius: 10px; color: #999; } </style> </head> &l

jQuery cxDialog 对话框

cxDialog 是基于 jQuery 的对话框插件,支持自定义外观样式,同时兼容 Zepto,方便在移动端使用. 版本: jQuery v1.7+ | Zepto v1.0+ jQuery cxDialog v1.2.2 github地址 * 兼容 Zepto,需要 data 模块支持在线实例实例预览基础示例实例预览内容设定实例预览添加按钮实例预览外观样式实例预览 API 接口实例预览支持 AMD 规范实例预览兼容 Zepto 默认效果 $.cxDialog('H

ThinkBox DOC

插件源码下载 @github https://github.com/Aoiujz/ThinkBox.git 插件使用方法引入文件 //使用ThinkBox弹出框必须引入以上三个文件. //jQuery版本必须大于 1.7 // 源文件包含多种弹出框样式(skin/) // 1.可以直接加载css文件 // 2.初始化的时候选择弹窗样式 $.thinkbox.defaults('style', 'default'); 调用弹出框方法 ? // 插件基础方法 $.ThinkBox() 的使用示例

CustomMessageBox使用总结

开发过程中难免要使用到消息框,然而系统提供的MessageBox却难以满足许多需求.一.MessageBox的背景颜色无法更改,这就无法满足需求要求的消息框颜色.二.MessageBox的提示形式过于单一,难以满足包含ListPicker.CheckBox等方式的弹出框,而CustomMessageBox的模版中包含了ContentPresenter,可以承载各种各样的内容控件.在多方面考虑之后,于是决定选择Toolkit的CustomMessageBox作为应用的弹出提示框. 然而在使用过程中

bootstrap基础知识

Bootstrap是Twitter推出的一款简洁.直观.强悍的前端开发框架. Bootstrap基于 HTML.CSS.JAVASCRIPT.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架. ~~~引入bootstrap的css和页面自身的css~media="screen" //该样式表适用于屏幕类的设备<link rel="stylesheet" href="http://www.w

非常有用的css使用总结

积小流以成江海,很多东西你不总结就不是你的东西常用css总结: /*设置字体*/ @font-face { font-family: 'myFont'; src: url('../font/myFont.eot'); src: url('../font/myFont.eot?#iefix') format('embedded-opentype'), url('../font/myFont.woff2') format('woff2'), url('../font/myFont.woff') f

iOS学习——UIPickerView的实现年月选择器

最近项目上需要用到一个选择器,选择器中的内容只有年和月,而在iOS系统自带的日期选择器UIDatePicker中却只有四个选项如下,分别是时间(时分秒).日期(年月日).日期+时间(年月日时分)以及倒计时.其中并没有我们所需要的只显示年月的选择器,在网上找了很多相关的资料,但是觉得都写得过于麻烦.因此,为了满足项目需求,自己用UIPickerView写了一个只显示年月的选择器界面,同时还可以控制我们的显示的最小时间.当然,如果要控制其他内容也都是可以的,无非就是在数据处理上多一些处理和控制. t

【原创】贡献一个JS的弹出框代码...

一.前言最近在做一个项目,自己感觉系统自带的alert()方法的弹出框实在是不堪入目,所以在网上找了一些资料,然后自己加工了一下,做出了自己的一个js弹出框,在这里贡献出来,希望对你有帮助. 二.开始在这里我们来一个获取验证码的页面来说明,也是在我项目用用到的一个页面.我们首先创建一个HTML的静态页面.其中代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www

2D游戏新手引导点光源和类迷雾实现

一.新手引导须要的遮罩效果一般做新手引导的时候,会把游戏画面变的半黑,然后须要玩家点击的地方就亮起来.经常使用的做法是採用遮罩来实现,可是仅仅能实现方形的,不能不规则图形.以及是全然挖空.做不到渐变效果(除非美术直接出整张资源).表现效果例如以下: 实事上,我们想做把那个透明框做得更自然一点,更好看一点. 也就是相似火把,点光源的效果.比方以下游戏的画面那样: 比較效果.肯定是相似点光源酷多了. 既然要这种效果,那肯定得出我们图像混合大法了. 二.AS3实现的相似点光源效果这里是採用一张美术

JavaScript学习总结(二)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 1.1.优点不需要插件支持优秀的用户体验提高Web程序的性能减轻服务器和带宽的负担 1.2.缺点浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持破坏浏览器“前进”.“后退”按钮的正常功能,可以通过简单的插件弥补对搜索引擎的支持不足 1.3.jQuer

JS编写简单的弹窗插件(含有demo和源码)

最近项目做完了事情不是很多,今天正好也在调休,所以趁着这个时间研究了一下简易的JS弹窗功能,当然网上这块插件非常多,本人也没有仔细看网上的插件源码只是凭着日常使用过的弹窗插件有这么多功能来实现自己的弹窗思路,当然我这个可能实现了基本功能,那么如果想做的更好更完善需要以后继续优化!如果有不足之处!请大家多多谅解! 由于弹窗大家都知道是个什么样的所以这次没有做演示效果图!目前测试下:支持IE6+ 火狐谷歌游览器等. 先来看看此组件的基本配置项:如下: this.config = { ta

Zooming

Zooming 是一款纯 javascript 图片缩放库,主要特点有: 不依赖其他库,纯 JavaScript 实现,支持移动设备: 流畅的动画: 可缩放高清图像: 易于集成和定制. 使用方法 1.引入文件 <script src="js/zooming.min.js"></script> 2.HTML <a href="images/1.jpg"> <img class="img-zoomable"

高级mask应用

高级mask应用用mask做遮罩可以实现复杂的效果: 用来形成遮罩的图片: 原始图片: 如果你熟悉Photoshop,那这种效果绝对是你的菜,看代码你会秒懂...... // // RootViewController.m // ShapeMask // // Copyright (c) 2014年 Y.X. All rights reserved. // #import "RootViewController.h" #import "UIImage+ImageEffect

分享一个JQuery弹出层插件

JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果. 应用演示弹出文本信息提示: 我是下拉菜单 tipsWindown("提示","text:提示信息内容","250","150","

vue2.0实现银行卡类型种类的选择

功能效果:vue2.0实现银行卡类型种类的选择图片.png 参考代码如下: <template> <div class="app"> <header> </header> <div class="details"> <div @click="memberRank"> <span>卡类型</span> <span>{{name}}</

写react项目要注意的事项

1,className一定是大写字母开头,例如:App-logo,App,App-header. 2,有关react元素的更新,唯一办法是创建新元素,然后重新将其传入ReactDOM.render()中重绘. 3,通过react官方的脚手架create-react-app新建项目时,你会发现里面没有任何的配置文件,其实webpack的配置文件被隐藏了,可以通过执行:npm run eject 将其暴露出来,暴露的文件夹有config和scripts两个文件夹. 4,react的脚手架项目中的in

uniapp showlodaing 遮罩背景

热门专题