适配标签插件

common/css/plugins.css

@@ -62,4 +62,65 @@
     background: #dfdfdf !important;
     color: #c0c0c0 !important;
     cursor: no-drop !important;
+}
+
+/**
+ * 标签
+ */
+.plugins-label {
+    z-index: 1;
+    box-sizing: border-box;
+    white-space: initial;
+    max-width: 100%;
+}
+.plugins-label-text {
+    padding: 10rpx 10rpx 0 10rpx;
+}
+.plugins-label navigator:not(:last-child) {
+    margin-right: 10rpx;
+}
+.plugins-label navigator {
+    margin-bottom: 10rpx;
+}
+.plugins-label-img.plugins-label-bottom-left navigator,
+.plugins-label-img.plugins-label-bottom-center navigator,
+.plugins-label-img.plugins-label-bottom-right navigator {
+    margin-bottom: 0;
+    margin-top: 10rpx;
+}
+.plugins-label view {
+    padding: 4rpx 12rpx;
+    -webkit-box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
+    box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
+}
+.plugins-label-img image {
+    width: 80rpx !important;
+    height: 80rpx !important;
+}
+.plugins-label-top-left {
+    left: 0;
+    top: 0;
+}
+.plugins-label-top-center {
+    left: 0;
+    top: 0;
+    width: 100%;
+    text-align: center;
+}
+.plugins-label-top-right {
+    top: 0;
+    right: 0;
+}
+.plugins-label-bottom-left {
+    bottom: calc(100% - 380rpx);
+    left: 0;
+}
+.plugins-label-bottom-center {
+    bottom: calc(100% - 380rpx);
+    width: 100%;
+    text-align: center;
+}
+.plugins-label-bottom-right {
+    bottom: calc(100% - 380rpx);
+    right: 0;
 }