-
+
{{keyName}}:
@@ -71,15 +71,14 @@ export default {
&:after {
content: ','
}
- &:last-child {
+ &:last-of-type {
&:after {
content: ''
}
}
- .icon {
+ .j-icon {
position: absolute;
left: -12px;
- font-size: 12px;
top: 3px;
color: #80848f;
cursor: pointer;
diff --git a/json-icon.vue b/json-icon.vue
index 70cc0e5..d1ae53d 100644
--- a/json-icon.vue
+++ b/json-icon.vue
@@ -1,7 +1,7 @@
-
diff --git a/json-viewer.vue b/json-viewer.vue
index abb7a4a..81ee643 100644
--- a/json-viewer.vue
+++ b/json-viewer.vue
@@ -1,15 +1,15 @@
@@ -42,7 +42,7 @@ export default {
},
provide() {
return {
- iconPrefix: this.iconPrefix
+ iconPrefix: this.iconPrefix || 'ion'
}
},
data() {
@@ -113,7 +113,7 @@ export default {
text-align: center;
cursor: pointer;
- .icon {
+ .j-icon {
position: relative;
z-index: 2;
}
@@ -134,7 +134,6 @@ export default {
position: absolute;
right: 12px;
top: 5px;
- font-size: 18px;
color: #b2b2b2;
cursor: pointer;
@@ -142,9 +141,14 @@ export default {
color: #19be6b;
}
- .icon {
+ .j-icon {
margin-left: 5px;
+ font-size: 18px;
}
}
+
+ .j-icon {
+ font-size: 12px;
+ }
}
diff --git a/types/json-array.vue b/types/json-array.vue
index 4217268..a03d204 100644
--- a/types/json-array.vue
+++ b/types/json-array.vue
@@ -1,6 +1,6 @@
-
+
[
diff --git a/types/json-object.vue b/types/json-object.vue
index 962ae81..96c0136 100644
--- a/types/json-object.vue
+++ b/types/json-object.vue
@@ -1,6 +1,6 @@
-
+
{