JavaScriptExample
diff --git a/‎src/assets/json/field-types.json‎
Lines changed: 7 additions & 5 deletions b/‎src/assets/json/field-types.json‎
Lines changed: 7 additions & 5 deletions
diff --git a/‎src/assets/json/widget.json‎
Lines changed: 1 addition & 1 deletion b/‎src/assets/json/widget.json‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/widget-config.vue‎
Lines changed: 5 additions & 1 deletion b/‎src/components/widget-config.vue‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎src/components/widget-form-list.vue‎
Lines changed: 2 additions & 2 deletions b/‎src/components/widget-form-list.vue‎
Lines changed: 2 additions & 2 deletions
@@ -47,14 +47,16 @@
 	}, {
 		"value": "accFund",
 		"label": "是否有本地公积金"
-  }],
-  
-  "hPickerTypes": [{
+	}],
+
+	"hPickerTypes": [{
 		"value": "age",
-		"label": "年龄"
+		"label": "年龄",
+		"options": ["20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30"]
 	}, {
 		"value": "amount",
-		"label": "金额"
+		"label": "金额",
+		"options": ["1000以下", "2000", "3000", "5000", "1万", "3万", "5万", "10万", "10万以上"]
 	}],
 
 	"dateTypes": [{
 
@@ -94,7 +94,7 @@
 			"type": "h-picker",
 			"name": "横向滑动单选",
 			"labelTitle": "年龄",
-			"value": "25",
+			"value": "",
 			"options": ["20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30"],
 			"labelPosition": "left",
 			"fieldTypes": "hPickerTypes",
 
@@ -40,7 +40,8 @@
             </el-select>
           </el-form-item>
           <el-form-item label="选项" v-if="selectWg.hasOwnProperty('options')">
-            <template v-if="selectWg.type=='checkbox' || selectWg.type=='select'">
+            <!-- <template v-if="selectWg.type=='checkbox' || selectWg.type=='select'"> -->
+            <template>
               <draggable element="ul" :list="selectWg.options" :options="{group:{ name:'options'}, ghostClass: 'ghost',handle: '.move-icon'}">
                 <li v-for="(item, index) in selectWg.options" :key="index">
                   <div class="flex align-middle">
@@ -105,6 +106,9 @@
           <el-form-item label="按钮背景色" v-if="selectWg.style.hasOwnProperty('btnStyle')">
             <el-color-picker v-model="selectWg.style.btnStyle.background"/>
           </el-form-item>
+          <el-form-item label="选中后文字颜色" v-if="selectWg.hasOwnProperty('pickerColor')">
+            <el-color-picker v-model="selectWg.pickerColor"/>
+          </el-form-item>
         </el-collapse-item>
       </el-collapse>
     </el-form>
 
@@ -108,9 +108,9 @@
           <div class="wg-horizontal-picker">
             <div
               class="picker-item"
-              v-for="optionsItem in item.options"
+              v-for="(optionsItem,key) in item.options"
               :key="optionsItem"
-              :style="optionsItem===item.value?{ color: item.pickerColor }:{}"
+              :style="key===0?{ color: item.pickerColor }:{}"
             >{{optionsItem}}</div>
           </div>
         </div>