wepy
npm install -g cnpm --registry=https://registry.npm.taobao.org
https://blog.csdn.net/qq_40414159/article/details/83277910
.ui-center-mask {position: fixed;z-index:;top:;left:;width: 100%;height: 100%;overflow: auto;}
.ui-center-mask-bg { display: block; position: fixed; z-index:; top:; left:; right:; bottom:; background: rgba(0,0,0,0.65);}
.ui-center-mask-block{position:relative;z-index:;right:;top:;width: 100%;height: 100%;box-sizing:border-box;overflow: auto;display: table;text-align: center;}
.ui-center-mask-wrap{display:table-cell;vertical-align: middle;}
.ui-center-mask-content{position: relative;display: inline-block;width: 80%;height: auto;background: #fff;border-radius: .7rem;padding: 10px 20px 30px;text-align: left;box-sizing: border-box}
.ui-center-mask-close {position: absolute;z-index:;top: 12px;right: 12px;width: 21px;height: 21px;}
.ui-center-mask-close i {display: block;width: 100%;height: 100%;background-image: url('../assets/img/icon-close.png');background-repeat: no-repeat;background-size: contain;}
.ui-center-mask-close.close-f i {background-image: url("../assets/img/icon-close-f.png")}
.ui-center-mask-close.close-circle{width: 32px;height: 32px}
.ui-center-mask-close.close-circle i {background-image: url("../assets/img/icon-close-circle.png")}
<div id="popup_gomember" class="ui-center-mask member-mask hidden">
<div class="ui-center-mask-bg"></div>
<div class="ui-center-mask-block">
<div class="ui-center-mask-wrap">
<div class="ui-center-mask-content vip-wrap">
<a href="javascript:void(0);" class="ui-center-mask-close close-f close"><i></i></a>
<div>
<div class="main-wrap">
<img src="../assets/img/img-gomember.png" alt="" @click="gotoMember">
</div>
</div>
</div>
</div>
</div>
</div>
showCenter (obj) {
document.body.style.overflow = 'hidden'
let e = document.getElementById(obj)
e.classList.remove('hidden')
let emclose = e.getElementsByClassName('close')
let _this = this
for (let i = 0; i < emclose.length; i++) {
emclose[i].onclick = function (n) {
_this.hiddenCenter(obj)
}
}
}
wepy的更多相关文章
- 像VUE一样写微信小程序-深入研究wepy框架
像VUE一样写微信小程序-深入研究wepy框架 微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发. 小程序于M页比相比,有以下优势: 1.小程序拥有更多 ...
- wepy 初探
此篇文章仅仅是对自身项目的一个总结,并对一些遇到的问题给出解决方法 一,安装 wepy安装 二,使用 wepy的文档已经写的很清晰了,遇到的问题大多在issues和wiki中也能找到,具体就不概述了, ...
- 微信小程序开发库grace vs wepy
grace和wepy都是辅助小程序开发的开源库,本文对两者做个对比. 注:本文是作者本人的一些拙见,纯粹的技术讨论,不想引起技术信仰之争,欢迎积极.正向的讨论及建议. 如果你还不了解Grace, 请参 ...
- [AST实战]从零开始写一个wepy转VUE的工具
为什么需要 wepy 转 VUE "转转二手"是我司用 wepy 开发的功能与 APP 相似度非常高的小程序,实现了大量的功能性页面,而新业务 H5 项目在开发过程中有时也经常需要 ...
- 小程序 wepy框架 + iview-weapp的用法
最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的,也是在网上看了好久发现iview还不错.引用简单,上手超快,组件绚丽!当然,这里还介绍下微信官方建议的框架也是和不错的,有需要的可以看 ...
- 使用wepy开发微信小程序01——常用的组件
1.axio.js 'use strict' import axios from 'axios' import wepyAxiosAdapter from 'wepy-plugin-axios/dis ...
- 微信小程序之:wepy(二)
一大堆实例:人家的博客园 代码规范: 1.尽量使用驼峰命名,避免使用$开头,框架内建属性都已$开头,可以使用this直接调用. 2.入口文件.页面.组件后缀都为.wpy. 3.使用ES6语法开发. 4 ...
- 微信小程序之:wepy框架
1.介绍 WePY 是 腾讯 参考了Vue 等框架对原生小程序进行再次封装的框架,更贴近于 MVVM 架构模式, 并支持ES6/7的一些新特性. 2.使用 npm install -g wepy-cl ...
- 解决微信小程序wepy真机预览跟本地表现不一样,数据变化了视图没变化
当时搜了很多相关问题都没找到相似的 只看到有这个相似的描述wepy在onLoad里修改data-object的值页面不渲染 ,通过setData解决的. 但是这个还不是根本的解决办法,有些地方用set ...
- 小程序组件化框架 WePY 在性能调优上做出的探究
作者:龚澄 导语 性能调优是一个亘古不变的话题,无论是在传统H5上还是小程序中.因为实现机制不同,可能导致传统H5中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文 ...
随机推荐
- CS小分队第二阶段冲刺站立会议(6月1日)
昨日成果:完成了,文件图标的获取,以及代码删除获取文件的图标的功能:实现了从桌面拖动一个应用到窗体进行添加的功能: 遇到问题:获取的文件图标太小了,比较模糊:从外面拖动文件到窗体时,图标一直获取错误, ...
- static 继承
静态方法大家应该都比较熟悉,在这里主要谈一下静态方法在继承时的一些注意事项. 1.父类方法如果是静态方法,子类不能覆盖为非静态方法: 2.父类方法如果是非静态方法,子类不能覆盖为静态方法: 3.父类静 ...
- 经验分享(Android开发)
以前对于Android开发一点了解都没有,当然,以前觉得是一件很高大上的事情,而且是我没有能力去做的工作,但是在这个小组合作开发Android后,我觉得我有了很大的进步,当然我的进步也是Android ...
- javascript修改div大小遮挡页面渲染问题
页面中引入了其他js文件,浏览器窗口改变,页面没有跟随渲染问题.最后找到原因是因为这个js方法少了最后一行: "right": RightBox_w. window.onresiz ...
- JS 把数组按倒序排列
var achearr=[1,2,3,4]; var bchearr=[]; //方法1: for (var i = 0; i <=achearr.length;i++) { bchearr.p ...
- javascript中对象访问自身属性的方式
在javascript中,通过对象的方法访问对象自身属性时,必须采用this.fieldName的方式. 原因是javascript中Function是无状态的,访问对象的属性时,必须指定当前的上下文 ...
- springmvc接收date类型参数
springmvc在表单提交接收date类型参数的时候会报错:Cannot convert value of type [java.lang.String] to required type [jav ...
- BZOJ5321 JXOI2017加法(二分答案+贪心+堆+树状数组)
二分答案后得到每个位置需要被加的次数.考虑贪心.从左到右考虑每个位置,将以该位置为左端点的区间按右端点从大到小加进堆.看该位置还需要被加多少次,如果不需要加了就不管,否则取堆顶区间将其选择,BIT实现 ...
- False Ordering LightOJ - 1109(暴力。。唉,。又是一个水题。。)
We define b is a Divisor of a number a if a is divisible by b. So, the divisors of 12 are 1, 2, 3, 4 ...
- python中文档IO的读写
首先明确一点,现代计算机的操作系统都不允许程序直接操作磁盘的,所以读取文件和写入文件都是有操作系统提供的提供的接口完成的,每一种编程语言都会把操作系统提供的低级C接口封装起来方便使用,Python也不 ...