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; +}