From fc71ee0c8cd047a9b9fa5a4372d879d5657f5a35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B9=85=E9=B9=85=E9=B9=85?= <1977474741@qq.com>
Date: Tue, 2 Mar 2021 18:24:39 +0800
Subject: [PATCH] Update image-cropper.wxss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

样式隔离，兼容uni-app全局引入
---
 src/image-cropper.wxss | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/image-cropper.wxss b/src/image-cropper.wxss
index b5ef0c0..531213b 100644
--- a/src/image-cropper.wxss
+++ b/src/image-cropper.wxss
@@ -7,13 +7,13 @@
   height:100vh;
   z-index: 1;
 }
-.main{
+.image-cropper .main{
   position: absolute;
   width:100vw;
   height:100vh;
   overflow: hidden;
 }
-.content{
+.image-cropper .content{
   z-index: 9;
   position: absolute;
   width:100vw;
@@ -22,31 +22,31 @@
   flex-direction:column;
   pointer-events:none;
 }
-.bg_black{
+.image-cropper .bg_black{
   background: rgba(0, 0, 0, 0.8)!important;
 }
-.bg_gray{
+.image-cropper .bg_gray{
   background: rgba(0, 0, 0, 0.45);
   transition-duration: .35s;
 }
-.content>.content_top{
+.image-cropper .content>.content_top{
   pointer-events:none;
 }
-.content>.content_middle{
+.image-cropper .content>.content_middle{
   display: flex;
   height: 200px;
   width:100%;
 }
-.content_middle_middle{
+.image-cropper .content_middle_middle{
   width:200px;
   box-sizing:border-box;
   position: relative;
   transition-duration: .3s;
 }
-.content_middle_right{
+.image-cropper .content_middle_right{
   flex: auto;
 }
-.content>.content_bottom{
+.image-cropper .content>.content_bottom{
   flex: auto;
 }
 .image-cropper .img{
@@ -59,7 +59,7 @@
   backface-visibility: hidden;
   transform-origin:center;
 }
-.image-cropper-canvas{
+.image-cropper .image-cropper-canvas{
   position: fixed;
   background: white;
   width:150px;
@@ -68,56 +68,56 @@
   top:-200%;
   pointer-events:none;
 }
-.border{
+.image-cropper .border{
   background: white;
   pointer-events:auto;
   position:absolute;
 }
-.border-top-left{
+.image-cropper .border-top-left{
   left:-2.5px;
   top:-2.5px;
   height:2.5px;
   width:33rpx;
 }
-.border-top-right{
+.image-cropper .border-top-right{
   right:-2.5px;
   top:-2.5px;
   height:2.5px;
   width:33rpx;
 }
-.border-right-top{
+.image-cropper .border-right-top{
   top:-1px;
   width:2.5px;
   height:30rpx;
   right:-2.5px;
 }
-.border-right-bottom{
+.image-cropper .border-right-bottom{
   width:2.5px;
   height:30rpx;
   right:-2.5px;
   bottom:-1px;
 }
-.border-bottom-left{
+.image-cropper .border-bottom-left{
   height:2.5px;
   width:33rpx;
   bottom:-2.5px;
   left:-2.5px;
 }
-.border-bottom-right{
+.image-cropper .border-bottom-right{
   height:2.5px;
   width:33rpx;
   bottom:-2.5px;
   right:-2.5px;
 }
-.border-left-top{
+.image-cropper .border-left-top{
   top:-1px;
   width:2.5px;
   height:30rpx;
   left:-2.5px;
 }
-.border-left-bottom{
+.image-cropper .border-left-bottom{
   width:2.5px;
   height:30rpx;
   left:-2.5px;
   bottom:-1px;
-}
\ No newline at end of file
+}
-- 
GitLab