Zw3639 master (umicro#476)

* u-rate修改了选择的bug * u-rate增加了readonly属性，不同于disabled，只读情况下不修改样式 * bugfix:调整rate，添加readonly属性 Co-authored-by: jamway <zw3639@qq.com>
skuodeveloper · Apr 3, 2022 · 00f942e · 00f942e
1 parent f21ad90
commit 00f942e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/pages/componentsA/rate/rate.nvue b/pages/componentsA/rate/rate.nvue
@@ -12,7 +12,7 @@
 			<text class="u-demo-block__title">自定义选中星星数量</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
-					<u-rate
+					<u-rate
 						size="20"
 						v-model="value"
 						@change="change"
@@ -32,15 +32,23 @@
 			<text class="u-demo-block__title">是否禁用评分</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
-					<u-rate size="20" :disabled="true"></u-rate>
+					<u-rate size="20" disabled></u-rate>
 				</view>
 			</view>
 		</view>
+    <view class="u-demo-block">
+      <text class="u-demo-block__title">是否只读评分</text>
+      <view class="u-demo-block__content">
+        <view class="u-page__rate-item">
+          <u-rate size="20" readonly></u-rate>
+        </view>
+      </view>
+    </view>
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">自定义选中星星颜色</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
-					<u-rate
+					<u-rate
 						size="20"
 						v-model="activeColorValue"
 						activeColor="#2979ff"
@@ -52,7 +60,7 @@
 			<text class="u-demo-block__title">自定义未选中星星颜色</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
-					<u-rate
+					<u-rate
 						size="20"
 						v-model="value1"
 						inactiveColor="#2979ff"
@@ -80,7 +88,7 @@
 			<text class="u-demo-block__title">是否允许半星</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
-					<u-rate
+					<u-rate
 						size="20"
 						v-model="HalfValue"
 						:allowHalf="true"
@@ -93,7 +101,7 @@
 			<text class="u-demo-block__title">自定义选中的图标</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
-					<u-rate
+					<u-rate
 						size="20"
 						v-model="activeIconValue"
 						inactiveIcon="heart"

diff --git a/uni_modules/uview-ui/components/u-rate/props.js b/uni_modules/uview-ui/components/u-rate/props.js
@@ -15,6 +15,11 @@ export default {
             type: Boolean,
             default: uni.$u.props.rate.disabled
         },
+        // 是否只读
+        readonly: {
+            type: Boolean,
+            default: uni.$u.props.rate.readonly
+        },
         // 星星的大小，单位px
         size: {
             type: [String, Number],

diff --git a/uni_modules/uview-ui/components/u-rate/u-rate.vue b/uni_modules/uview-ui/components/u-rate/u-rate.vue
@@ -86,6 +86,7 @@
 	 * @property {String | Number}	value			用于v-model双向绑定选中的星星数量 (默认 1 )
 	 * @property {String | Number}	count			最多可选的星星数量 （默认 5 ）
 	 * @property {Boolean}			disabled		是否禁止用户操作 （默认 false ）
+	 * @property {Boolean}			readonly		是否只读 （默认 false ）
 	 * @property {String | Number}	size			星星的大小，单位px （默认 18 ）
 	 * @property {String}			inactiveColor	未选中星星的颜色 （默认 '#b2b2b2' ）
 	 * @property {String}			activeColor		选中的星星颜色 （默认 '#FA3534' ）
@@ -206,7 +207,7 @@
 			},
 			// 获取当前激活的评分图标
 			getActiveIndex(x,isClick = false) {
-				if (this.disabled) {
+				if (this.disabled || this.readonly) {
 					return;
 				}
 				// 判断当前操作的点的x坐标值，是否在允许的边界范围内