From 929636807509e4a8e66abf73703f83b5b64d8296 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Sat, 5 Jul 2025 13:51:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(specialArea):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=A7=92=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/request.js          |  2 +-
 pages/index/index.vue      |  5 ++-
 pages/specialArea/list.vue | 69 +++++++++++++++++++++++++++++++++++---
 3 files changed, 67 insertions(+), 9 deletions(-)

diff --git a/config/request.js b/config/request.js
index 7a85d8a..2d42436 100644
--- a/config/request.js
+++ b/config/request.js
@@ -13,7 +13,7 @@ module.exports = vm => {
 
     //#ifdef DEV_SERVER
     console.log('DEV_SERVER')
-    config.baseURL = 'http://localhost:8080'
+    config.baseURL = 'https://t-app.beida666.com/prod-api'
     //#endif
 
     //#ifdef QA_SERVER
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 @@
             </view>
           </view>
         </view>
-        <view v-if="isEmpty(goodsList.recommendSpecialAreaList) == false">
+        <!-- <view v-if="isEmpty(goodsList.recommendSpecialAreaList) == false">
           <view
             class="more"
             @click="more"
@@ -88,7 +88,6 @@
               <view class="padding_s goods-info">
                 <view class="goods-name">{{ item.waresName }}</view>
                 <view class="goods-sales-wrapper">
-                  <!-- <view class="goods-sales">累计销量{{ formatSales(item.sales) }}</view> -->
                   <view
                     class="goods-price"
                     v-if="item.specialArea == 31 && userInfo.isMakerSpace == 1"
@@ -117,7 +116,7 @@
               </view>
             </view>
           </view>
-        </view>
+        </view> -->
       </view>
       <cl-tabbar :current="0"></cl-tabbar>
       <div>
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 @@
     <view class="shareImg" v-if="specialArea == 7" @click="goShare">
       <u-icon name="share-square" size="24" color="#005BAC"> </u-icon>
     </view>
-    <view class="shareImg1" v-if="specialArea == 1" @tap="changeCountry">
-      <img :src="pkCountryImg" alt="" />
-      <u-icon name="arrow-down" color="#999"></u-icon>
-    </view>
+
     <u-scroll-list
       :indicator="false"
       v-if="itemChildren.length > 1"
@@ -85,7 +82,22 @@
               class="fly"
               v-show="item.preSaleStatus == 3 || item.isSale == 1"
             ></view>
-            <img :src="item.cover1" class="cover" alt="" />
+            <view class="image-container">
+              <img :src="item.cover || item.cover1" class="cover" alt="" />
+              <!-- 三角形角标 -->
+              <view class="triangle-badge" v-if="item.warnMessage">
+                <view
+                  class="triangle-badge-text"
+                  :class="{
+                    'text-2': item.warnMessage.length === 2,
+                    'text-3': item.warnMessage.length === 3,
+                    'text-4': item.warnMessage.length === 4,
+                  }"
+                >
+                  {{ item.warnMessage }}
+                </view>
+              </view>
+            </view>
             <view class="goodList_ir">
               <view>
                 <span class="qzbq" v-if="item.prefixLabelTarget != undefined">{{
@@ -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;
+}
 </style>