修改样式

src/pages-store/pages/dishes/index.vue

@@ -51,11 +51,16 @@ function navigateTo(url: string) {
     <view class="grid grid-cols-2 gap-x-30rpx gap-y-46rpx px-32rpx">
       <template v-for="(item,index) in dataList">
         <view @click="handleClickDish(item)" class="w-330rpx overflow-hidden">
-          <image
-              :src="thumbnailImg(item?.dishImage?.split(',')[0])"
-              class="w-full h-186rpx rounded-24rpx mb-16rpx"
-              mode="aspectFill"
-          ></image>
+          <view class="search-result-img-wrap">
+            <view v-if="item.isNew == 1" class="dish-new-ribbon">
+              <text class="dish-new-ribbon__text">NEW</text>
+            </view>
+            <image
+                :src="thumbnailImg(item?.dishImage?.split(',')[0])"
+                class="w-full h-186rpx rounded-24rpx"
+                mode="aspectFill"
+            ></image>
+          </view>
           <text class="text-30rpx lh-30rpx text-#333 line-clamp-1 tracking-[.04em] font-500"
           >{{ item.dishName }}</text>
         </view>
@@ -65,5 +70,36 @@ function navigateTo(url: string) {
 </template>
 
 <style scoped lang="scss">
+.search-result-img-wrap {
+  position: relative;
+  overflow: hidden;
+  border-radius: 24rpx;
+  margin-bottom: 16rpx;
+}
 
+.dish-new-ribbon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 184rpx;
+  height: 184rpx;
+  overflow: hidden;
+  z-index: 5;
+  pointer-events: none;
+
+  &__text {
+    position: absolute;
+    top: 26rpx;
+    left: -66rpx;
+    width: 240rpx;
+    text-align: center;
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #fff;
+    letter-spacing: 2rpx;
+    line-height: 44rpx;
+    background: #E23636;
+    transform: rotate(-45deg);
+  }
+}
 </style>