配件组件增加禁用属性

src/components/parts/index.vue

 <template>
 	<view class="parts">
     <view class="u-flex u-col-center u-row-around lists" v-if="showTitle">
-      <view v-if="showChecked" class="check">
+      <view v-if="showChecked && !disabled" class="check">
         
       </view>
       <view class="u-flex-1">
@@ -12,14 +12,15 @@
       </view>
     </view>
 		<view class="u-flex u-col-center u-row-around lists" v-for="(item, index) in val" :key="index">
-      <view v-if="showChecked" class="check">
+      <view v-if="showChecked && !disabled" class="check">
         <u-checkbox v-model="item.checked" :name="index" @change="checkChange"></u-checkbox>
       </view>
       <view class="u-flex-1 name">
         {{item.name}}
       </view>
       <view class="num">
-        <u-number-box v-model="item.num" :min="item.min" :max="item.max" :index="index" @change="numChange"></u-number-box>
+        <u-number-box v-if="!disabled" v-model="item.num" :min="item.min" :max="item.max" :index="index" @change="numChange"></u-number-box>
+        <text class="nums" v-else>*{{ item.num || 1 }}</text>
       </view>
     </view>
 	</view>
@@ -44,7 +45,13 @@
 				default () {
 					return false
 				}
-			}
+			},
+      disabled: {
+        type: Boolean,
+				default () {
+					return false
+				}
+      }
 		},
 		data() {
 			return {
@@ -92,6 +99,9 @@
       .num {
         width: 200rpx;
         text-align: center;
+        .nums {
+          color: #F59A23;
+        }
       }
     }
   }

src/components/parts/readme.md

@@ -12,6 +12,7 @@
 | :---------: | :-----: | :----: | :--------: | :---------------------: |
 | showChecked | Boolean | false  | true/false |     是否需要复选框      |
 |  showTitle  | Boolean | false  | true/false |      是否显示标题       |
+| disabled | Boolean | true  | true/false |     是否禁用     |
 |    lists    |  Array  |   []   |     -      | 列表数据 **格式见下文** |
 
 ### lists 格式