diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6063eea..a9df1af 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -61,7 +61,7 @@
-
+
-
+ -->
diff --git a/pages/specialArea/list.vue b/pages/specialArea/list.vue
index eee926c..1fb8be2 100644
--- a/pages/specialArea/list.vue
+++ b/pages/specialArea/list.vue
@@ -13,10 +13,7 @@
-
-
-
-
+
-
+
+
+
+
+
+ {{ item.warnMessage }}
+
+
+
{{
@@ -743,4 +755,51 @@ export default {
border-radius: 20px;
font-size: 14px;
}
+.image-container {
+ position: relative;
+}
+
+.triangle-badge {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ border-top: 90rpx solid #005bac;
+ border-right: 90rpx solid transparent;
+ border-radius: 10rpx 0 0 0;
+ z-index: 10;
+}
+
+.triangle-badge-text {
+ position: absolute;
+ color: #ffffff;
+ font-weight: 600;
+ line-height: 1;
+ transform: rotate(-45deg);
+ transform-origin: center;
+ white-space: nowrap;
+ text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
+}
+
+/* 2个字样式 */
+.triangle-badge-text.text-2 {
+ top: -68rpx;
+ left: 10rpx;
+ font-size: 22rpx;
+}
+
+/* 3个字样式 */
+.triangle-badge-text.text-3 {
+ top: -68rpx;
+ left: 4rpx;
+ font-size: 20rpx;
+}
+
+/* 4个字样式 */
+.triangle-badge-text.text-4 {
+ top: -64rpx;
+ left: 0rpx;
+ font-size: 18rpx;
+}