一个手写的Vue放大镜,复制即可使用

作者: 日期:2019-08-13

css:

 style lang= less scoped 
.now{
 border-color: cyan !important;
 .mirror{
 width:100%;
 .wrap{
 user-select: none;
 margin-bottom: 20px;
 position: relative;
 background-color: #fff;
 border:1px solid gray;
 box-sizing:border-box;
 cursor: pointer;
 img{
 width:100%;
 height:100%;
 .virtual{
 overflow:hidden;
 width:100%;
 height:100%;
 position:absolute;
 left:calc;
 top:0;
 background-repeat:no-repeat
 .mask{
 position: absolute;
 background-image: url( https://img-tmdetail.alicdn.com/tps/i4/t12pdtxaldxxxxxxxx-2-2.png 
 background-repeat:repeat;
 cursor: move;
 .piclist{
 width:100%;
 display: flex;
 justify-content: space-between;
 flex-wrap:wrap;
 width:50px;
 height:50px;
 margin:5px;
 border:1px solid transparent;
 box-sizing: border-box;
 img{
 width:100%;
 height:100%
 .piclist:after{
 content: 
 flex:auto;
 /style 

可直接复制文件内容至项目使用,文件地址:https://blog-static.cnblogs.com/files/hhyf/mirror.vue.js

首页
电话
短信
联系