mpvue-cropper - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

package.json

 {
   "name": "mpvue-cropper",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "mpvue-cropper.vue",
   "module": "mpvue-cropper.vue",
   "dependencies": {
-    "we-cropper": "^1.2.5"
+    "we-cropper": "^1.3.1"
   }
 }

README.md

@@ -24,15 +24,18 @@ # mpvue-cropper
       ></mpvue-cropper>
-    <div class="cropper-buttons">
-      <div
-        class="upload"
-        @tap="uploadTap">
-        上传图片
-      </div>
-      <div
-        class="getCropperImage"
-        @tap="getCropperImage">
-        生成图片
-      </div>
+    <div 
+      class="cropper-buttons" 
+      :style="{ color:cropperOpt.boundStyle.color}">
+    <div
+      class="upload btn"
+      bindtap="uploadTap">
+      上传图片
     </div>
+    <div
+      class="getCropperImage btn"
+      :style="{ backgroundColor: cropperOpt.boundStyle.color }"
+      bindtap="getCropperImage">
+      生成图片
+    </div>
   </div>
+  </div>
 </template>
@@ -54,2 +57,4 @@
         id: 'cropper',
+        targetId: 'targetCropper',
+        pixelRatio: device.pixelRatio,
         width,
@@ -64,2 +69,7 @@ height,
           height: 300
+        },
+        boundStyle: {
+          color: '#04b00f',
+          mask: 'rgba(0,0,0,0.8)',
+          lineWidth: 1
         }
@@ -137,3 +147,2 @@ }
     align-items: center;
-    justify-content: center;
     position: absolute;
@@ -144,2 +153,4 @@ bottom: 0;
     height: 50px;
+    padding: 0 20rpx;
+    box-sizing: border-box;
     line-height: 50px;
@@ -149,3 +160,2 @@ }
 .cropper-buttons .upload, .cropper-buttons .getCropperImage{
-    width: 50%;
     text-align: center;
@@ -162,4 +172,11 @@ }
     background-color: rgba(0, 0, 0, 0.95);
-    color: #04b00f;
 }
+
+.btn{
+    height: 30px;
+    line-height: 30px;
+    padding: 0 24rpx;
+    border-radius: 2px;
+    color: #ffffff;
+}
 </style>
@@ -166,0 +183,0 @@ ```

No alert changes

Improved metrics

Total package byte prevSize

6570

increased by18.1%

Number of lines in readme file

180

increased by10.43%

Dependency changes

• Updatedwe-cropper@^1.3.1