微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/components/star-rating/star-rating.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-rate": "tdesign-miniprogram/rate/rate"
+  }
+}

apps/miniprogram - 副本/miniprogram/components/star-rating/star-rating.ts

@@ -0,0 +1,38 @@
+Component({
+  properties: {
+    /** 评分 0-10，内部转换为 0-5 星 */
+    score: {
+      type: Number,
+      value: 0,
+    },
+    /** 星星尺寸 */
+    size: {
+      type: String,
+      value: '40rpx',
+    },
+    /** 是否只读 */
+    readonly: {
+      type: Boolean,
+      value: true,
+    },
+  },
+
+  observers: {
+    score(val: number) {
+      // score(0-10) → star(0-5)
+      const clamped = Math.max(0, Math.min(10, val))
+      this.setData({ starValue: clamped / 2 })
+    },
+  },
+
+  data: {
+    starValue: 0,
+  },
+
+  lifetimes: {
+    attached() {
+      const clamped = Math.max(0, Math.min(10, this.data.score))
+      this.setData({ starValue: clamped / 2 })
+    },
+  },
+})

apps/miniprogram - 副本/miniprogram/components/star-rating/star-rating.wxml

@@ -0,0 +1,7 @@
+<t-rate
+  value="{{starValue}}"
+  count="{{5}}"
+  allow-half
+  size="{{size}}"
+  disabled="{{readonly}}"
+/>

apps/miniprogram - 副本/miniprogram/components/star-rating/star-rating.wxss

@@ -0,0 +1,3 @@
+:host {
+  display: inline-block;
+}