第一步：添加css样式 

.new::after {

  content: "新品上市"; /* 可改为"新品"增强辨识度 */

  position: absolute;

  top: 8px;

  right: -30px; /* 初始位置在图片左侧（配合旋转） */

  background: linear-gradient(45deg, #ff6700, #ff3d00); /* 橙色渐变背景 */

  color: white;

  font-size: 12px;

  font-weight: bold;

  padding: 3px 30px;

  border-radius: 2px;

  transform: rotate(45deg); /* 旋转45度，斜角显示 */

  box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* 阴影增强层次感 */

  z-index: 1;

  /* hover动画：轻微放大 */

  transition: transform 0.3s ease;

}

/* 鼠标悬浮图片时，标识轻微放大 */

.new:hover::after {

  transform: rotate(45deg) scale(1.05);

}

 第二步：模板添加标签 

 添加class类及data-publish-time：class="newsitem"  data-publish-time="[list:date]"，下面是具体代码

第三步：添加js文件

function isWithin7Days(publishTime) {

      // 转换为时间戳

      let publishTimestamp;

      if (typeof publishTime === "string") {

        publishTimestamp = new Date(publishTime).getTime();

      } else if (typeof publishTime === "number") {

        publishTimestamp = publishTime;

      } else {

        return false;

      }

      // 处理无效时间

      if (isNaN(publishTimestamp)) {

        console.error("时间格式错误：", publishTime);

        return false;

      }

      const nowTimestamp = Date.now();

      const sevenDaysMs = 7 * 24 * 60 * 60 * 1000; // 7天毫秒数

      const timeDiff = nowTimestamp - publishTimestamp;

      // 发布时间在过去 且 小于7天

      return timeDiff >= 0 && timeDiff < sevenDaysMs;

    }

    /**

     * 初始化：遍历真实DOM，判断并显示NEW标识

     */

    function initNewsTag() {

      // 获取所有新闻项

      const newsItems = document.querySelectorAll(".newsitem");

      newsItems.forEach(item => {

        // 从data属性读取真实发布时间

        const publishTime = item.dataset.publishTime;

        // 判断是否显示NEW

        const showNew = isWithin7Days(publishTime);

        if (showNew) {

          item.classList.add("new");

        } else {

          item.classList.remove("new");

        }

      });

    }

    // 页面加载后执行

    window.onload = initNewsTag;

自己可以根据模板情况进行修改适合自己的，完成以后就可以看到结果。 只要是7天之内发布的产品右上角就会出现标签。如果是新闻使用，可以进行修改css