样式集（八）弹窗，规则弹窗，半透明弹窗
效果图：
代码：
<view class="popupBlock" v-if="showPopupBlock"><view class="xxx"><image class="xxxImg" @click="showPopupBlock=false" mode="widthFix" src="../../static/xxx.png"></image></view><view class="popupCrad"><view class="popupCradCentent"><view class="popupCradCententTitle">关于如何正确进行体格测量</view><view class="popupCradCententItems">身高 / 身长</view><view class="popupCradCententDtails">随便啦</view></view></view>
</view>css
<style lang="scss" scoped>.popupBlock {background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;.xxx {position: fixed;top: 120rpx;width: 70rpx;height: 70rpx;right: 70rpx;.xxxImg {width: 60rpx;height: 60rpx;}}.popupCrad {position: fixed;top: 210rpx;border-radius: 26rpx;background-color: #fff;width: 80%;left: 10%;min-height: 500rpx;.popupCradCentent{margin: 40rpx 30rpx 30rpx 30rpx;.popupCradCententTitle{font-size: 36rpx;font-weight: 600;margin-top: 50rpx;text-align: center;}.popupCradCententItems{font-size: 32rpx;font-weight: 600;margin-top: 50rpx;}.popupCradCententDtails{margin-top: 30rpx;font-size: 30rpx; }}}}
</style>
相关文章：
typeof操作符的返回值
使用typeof操作符 对一个值使用typeof操作符可能返回下列某个字符串: 1):undefined——如果这个值未定义 2):boolean——如果这个值是布尔值 3):string——如果这个值是字符串 4):number——如果这个值是数值 5):object——如果这个值是对象或null，数组，…
定制开发软件所有权_职业所有权软件开发人员指南
定制开发软件所有权介绍 (Introduction) 您的职业正在流向大海吗？ (Is Your Career Drifting Out To Sea?) Like a frog whos slowly being boiled in a pot but doesnt realize it, 2 years into my career I slowly came to discover that I wasnt progressing a…
转：在线框架引用 bootstrap/jq/jqmobile/css框架
bootstrap百度调用 <script src"http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script><link href"http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel"stylesheet" /> 使用 Bootstrap 中文…
曲线图实现，可滚动曲线图，自定义数据
实现可以拖动的曲线图，自定义X轴数据的缩进，自定义X轴显示多少格。 效果图 数据格式，数据说明代码可见 曲线图实现 u-charts.js 可以在官网下载 <template><view class="qiun-columns"><view class=""><view class="qiu…
MongoDB 删除数据库
MongoDB 删除数据库 语法 MongoDB 删除数据库的语法格式如下： db.dropDatabase() 删除当前数据库，默认为 test，你可以使用 db 命令查看当前数据库名。 实例 以下实例我们删除了数据库 runoob。 首先，查看所有数据库： &…
安装meme_通过构建Meme生成器学习React
安装memeMemes are great - theyre such a fun way of describing ideas and opinions. So its no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API …
Thunder团队第三周 - Scrum会议7
Scrum会议7 小组名称：Thunder 项目名称：i阅app Scrum Master：胡佑蓉 工作照片： 邹双黛在照相，所以图片中没有该同学。 参会成员： 王航：http://www.cnblogs.com/wangh013/ 李传康：htt…
修改u-charts的点的大小和线的粗细
效果图： 修改源码，找到u-charts.js ， 修改他画布的点的大小，在这两行框的地方，改了就好了 完整代码： <template><view class"qiun-columns"><view class""><vie…
Swift中使用typealias定义一个闭包closure
在OC中我们定义一个Blocks是这样定义的： typedef void (^ZWProgressHUDCompletionBlock)();在Swift中定义一个闭包是这种： typealias ZWProgressHUDCompletionBlock()->Void转载请注明。。。欢迎大家增加交流群：爱疯、爱Coding：…
react中使用构建缓存_如何在React中构建热图
react中使用构建缓存Heat maps are a great way of visualizing correlations among two data sets. With colors and gradients, it is possible to see patterns in the data almost instantly.热图是可视化两个数据集之间相关性的一种好方法。 使用颜色和渐变，可…
oracle rman异机恢复
Oracle源主机Oracle目标主机主机平台CentOS6.2（final）CentOs6.2（FInal）主机名 vickrmanIP地址192.168.1.11192.168.1.10实例名字orclorclOracle版本号11.2.0.411。2.0.4Oracle数据文件存储filesystemfilesystem控制文件路径/u01/a…
高阶函数-lambda表达式
#2.6 map()# 第一个参数传入一个函数，，第二个参数为一个可迭代对象li_1 (1,3,5,7)def funcA(x): return x*xm1 map(funcA,li_1)print(type(m1))print(m1())# 2.6 reduce()# 第一个参数传入一个函数，第二个参数 可以迭代对象 ，…
CSS动画效果无限循环放大缩小
效果图： CSS动画效果无限循环放大缩小 <image class"anima" mode"widthFix" click"nav" src"/static/1_btn.png"></image>.anima {animation-name: likes; // 动画名称animation-direction: alternate; // 动…
solidity 编程练习_学习Solidity编程语言并开始为区块链开发
solidity 编程练习Learn to program in Solidity in this full tutorial from Dapp University. Solidity is an object-oriented programming language for writing smart contracts. It is used for implementing smart contracts on various blockchain platforms, most not…
性能测试之二——常用的性能测试策略
性能测试的常用策略有： 1、基准测试 单用户测试需要打开控制台，获取Analysis结果（） 2、并发测试 多用户在同一时间做同一事情或执行同一操作，针对同一业务（LR精确到毫秒），一般测试并…
KBEngine服务器环境搭建
1.概要及环境 KBEngine是一款开源服务端引擎（中文官网http://kbengine.org/cn/），能够在Linux、Windows下部署，为了学习方便，我们在本机Windows下进行服务器环境的搭建。 1）服务端源代码 https://github.com…
小程序判断屏幕是长屏还是短屏手机，iPhone X 类型还是 iPhone 6类型
直接看代码 globalData: {udgeBigScreen: false,//判断屏幕 }， onLaunch: function(e) {/**判断屏幕大小 */var judgeBigScreen () > {let result false;const res wx.getSystemInfoSync();const rate res.windowHeight / res.windowWidth;let limit res.w…
桌面应用程序 azure_如何开始使用Microsoft Azure-功能应用程序，HTTP触发器和事件队列...
桌面应用程序 azure"Serverless" architecture is all the rage in tech land at the moment, including heavy usage at my new workplace. “无服务器”架构目前在科技界风靡一时，包括在我的新工作场所中大量使用。 Microsoft jumped into this space …
开始Flask项目
新建Flask项目。设置调试模式。理解Flask项目主程序。使用装饰器，设置路径与函数之间的关系。使用Flask中render_template，用不同的路径，返回首页、登录员、注册页。用视图函数反转得到URL，url_for(‘login’)，完成导航…
JavaScript中的加法运算
<head runat"server"> <title>JavaScript实现加法计算器</title> <script type"text/javascript"> function Sum() { var txtbox1 document.getElementById("txtbox1"); var txtbox2 document.getElementById("…
计算机视觉技术 图像分类_如何训练图像分类器并教您的计算机日语
计算机视觉技术 图像分类介绍 (Introduction) Hi. Hello. こんにちは你好 你好。 こんにちは Those squiggly characters you just saw are from a language called Japanese. You’ve probably heard of it if you’ve ever watched Dragon Ball Z.您刚刚看到的那些蠕动的字符…
history对象
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。 语法： w…
无限循环动画实现
先来个效果图 示例代码是先缩小移动，然后无限循环左右晃动，希望能够帮助到你，点个赞吧~ 实现代码 <image class"element1" load"element1_load" :animation"animationData" src"../../static/element…
利用属性封装复杂的选项
1、考虑这样一个场景。 我们的程序中有一个“选项”窗口，这个窗口包含很多选项。其中有一个选项是单选类型的，用户可以从N个选项值中选择一个。 我们需要在用户单击“确定”按钮后把用户选择的值保存到文件中，程序下次启动时再读取到内存中。…
react 渲染道具_关于React道具的另一篇文章
react 渲染道具You could say this topic has been done to death, but lately I’ve started using a technique that I dont recall having come across elsewhere. While its not particularly clever, it is concise. So please forgive one more post on the topic...你…
高可用集群的概念
一：什么是高可用集群 高可用集群（High Availability Cluster，简称HA Cluster），是指以减少服务中断时间为目的得服务器集群技术。它通过保护用户得业务程序对外部间断提供的服务，把因为软件，硬件…
node.js 出现cannot find module ‘xxx‘ 解决办法
找不到模块的解决方案 ： 把node_module整个文件夹删掉,然后npm clean cache,看下package.json里有没有express的依赖项,有的话直接npm install,没有的话 npm install express --save npm clean cache 如果不行的话用 npm cache clean
poj 1904 King's Quest
Kings Quest 题意：有N个王子和N个妹子;(1 < N < 2000)第i个王子喜欢Ki个妹子；(详见sample)题给一个完美匹配，即每一个王子和喜欢的一个妹子结婚；问每一个王子可以有几种选择(在自己喜欢的妹子里面选)，并输出可选…
数据预处理--噪声_为什么数据对您的业务很重要-以及如何处理数据
数据预处理--噪声YES! Data is extremely important for your business.是！ 数据对您的业务极为重要。 A human body has five sensory organs, and each one transmits and receives information from every interaction every second. Today, scientists can det…
C++ template
（转自http://www.cnblogs.com/gw811/archive/2012/10/25/2738929.html） C模板 模板是C支持参数化多态的工具，使用模板可以使用户为类或者函数声明一种一般模式，使得类中的某些数据成员或者成员函数的参数、返回值取得任意类型。 模…