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中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文 ...
随机推荐
- java程序设计第二次实验报告
北京电子科技学院(BESTI) 实验报告 课程:数据结构 班级:1352 姓名:何伟钦 学号:20135223 成绩: 指导教师:娄嘉鹏 实验日期: ...
- 项目Beta冲刺(团队)总结
团队成员及分工 姓名 学号 分工 陈家权 031502107 前端(消息模块) 赖晓连 031502118 前端(问答模块) 雷晶 031502119 服务器 林巧娜 031502125 前端(首页模 ...
- 项目冲刺Beta第二篇博客
Beta版本冲刺计划安排 1.当天站立式会议照片: 2.工作分工: 团队成员 分工 张洪滨060 排行榜界面美化 陈敬轩059 注册成功界面美化 黄兴067 登录界面美化 林国梽068 答题界 ...
- keil C 51 strlen库函数使用
在keil c51 程序中,若定义数组 volatile unsigned char data[3]={'G','G','G'};使用strlen(&data);得到的长度是不对的,若定义v ...
- Intellij IDEA中file size exceeds configured limit解决
把Hadoop源码导入IDEA中后,其中有个ClientNamenodeProtocolProtos文件代码高达82997行,IDEA直接就不把它当java类看了,报file size exceeds ...
- mysql 数据到 导入导出 总结
数据库数据的导入和导出受secure_file_priv配置项影响#限制导入导出,null时无法进行数据的导入导出,空时不限制,设置了目录则只能对该目录下的文件进行导入导出show variables ...
- Laravel4快速安装方法,解决Laravel4安装速度慢
Laravel4原始安装方法 Laravel4 是构建在 Composer 之上的, 之前的安装方法是如下: composer create-project laravel/laravel you ...
- PE文件解析 基础篇
PE文件解析 基础篇 来源 https://bbs.pediy.com/thread-247114.htm 前言 之前学习了PE格式,为了更好的理解,决定写一个类似LoadPE的小工具. 编译器是VS ...
- HEOI2015小L的白日梦
题面链接 洛咕 sol 为什么网上面只有神仙题解啊!!! 引起我这种蒟蒻不适QAQ. 性质证明留给巨佬 然后我只贴性质了QwQ. 1.一定存在最优解每一天不高兴的概率是单调不增的. 2.一定存在最优解 ...
- BZOJ 3787: Gty的文艺妹子序列
3787: Gty的文艺妹子序列 Time Limit: 50 Sec Memory Limit: 256 MBSubmit: 186 Solved: 58[Submit][Status][Dis ...