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中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文 ...
随机推荐
- Linux 下Web环境搭建————redis
1.安装编译工具(yum -y install make gcc gcc-c++ ncurses-devel)2 2.安装tcl依赖 yum -y install tcl 3.上传redis安装包并解 ...
- 【转】 MATLAB下如何指定GPU资源
[转] MATLAB下如何指定GPU资源 原文链接
- Mac下OpenCV开发环境配置(Terminal和Xcode)
亲证可用:http://www.jianshu.com/p/11959977589a Mac OS X 10.1 Xcode 7.2(7C68) OpenCV 2.4.13 Mac OS10.11 ...
- ADT图及图的实现及图的应用
图: 图中涉及的定义: 有向图: 顶点之间的相关连接具有方向性: 无向图: 顶点之间相关连接没有方向性: 完全图: 若G是无向图,则顶点数n和边数e满足:0<=e<=n(n-1)/2,当e ...
- beta阶段博客合集
第一次博客 第二次博客 第三次博客 第四次博客 第五次博客
- node下的跨域传递cookie
研究背景: 最近有一位朋友找工作,需要面试,涉及到面试就涉及面试题,于是我想起来鄙人之前面试被问到的一个跨域传递cookie的问题.搜索了相关资料,但自己不敲一下肯定是不足以让人信服的. 我用node ...
- SQL Server:获取本月最后一天[转]
方法一:set @EndDate = dateadd(month, datediff(month, -1, @StoredDate), -1) @StoredDate为本月的任意一天 这里datedi ...
- SQL Server学习记录之获取每月每季度每年第一天和最后一天
DECLARE@dtdatetime SET@dt=GETDATE() DECLARE@numberint --1.指定日期该年的第一天或最后一天 --A. 年的第一天 SELECTCONVERT() ...
- 通过jmap查看jvm采用的垃圾收集器
1 tomcat 的PID获得 ps -ef|grep tomcat [root@iZ2zeapch8kbaw4bxnz8vxZ tomcat7]# ps -ef|grep tomcat root ...
- Java容器深入浅出之HashSet、TreeSet和EnumSet
Java集合中的Set接口,定义的是一类无顺序的.不可重复的对象集合.如果尝试添加相同的元素,add()方法会返回false,同时添加失败.Set接口包括3个主要的实现类:HashSet.TreeSe ...