no message

components/Item.vue

@@ -28,7 +28,7 @@
             <div class="data-list flexacenter">
                 <div class="data-item flexacenter">
                     <img class="data-item-icon" src="@/assets/img/eye-icon.svg" />
-                    {{ item["views"] || 0 }}
+                    {{ formatNumberWithCommas(item["views"] || 0) }}
                 </div>
                 <div class="data-item flexacenter" @click.prevent="handleLike(item['uniqid'], item['token'], item['islike'])">
                     <img class="data-item-icon" v-if="item['islike'] == 0" src="@/assets/img/like-no.svg" />
@@ -60,6 +60,27 @@ const handleLike = (uniqid, token, islike) => {
 
     emit("handleLike", token)
 }
+
+// 将浏览量换算为k
+const formatNumberWithCommas = number => {
+    // number = 1000000
+    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+
+    if (number >= 1000) {
+        const units = ["K", "M", "B", "T"]
+        const unitIndex = Math.floor(Math.log10(number) / 3)
+        const unitName = units[unitIndex - 1]
+        const formattedNumber = (number / Math.pow(1000, unitIndex)).toFixed(2)
+        const decimalPart = formattedNumber.split(".")[1]
+        if (decimalPart === "00") {
+            return formattedNumber.split(".")[0] + unitName
+        } else {
+            return formattedNumber + unitName
+        }
+    } else {
+        return number.toString()
+    }
+}
 </script>
 <style lang="less" scoped>
 .box {