提交 747e58d6 编写于 作者: H hdx 提交者: 雪洛

feat(slider): 新增 valueColor 属性

上级 7ae5a3b5
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
backgroundColor_input: "#e9e9e9", backgroundColor_input: "#e9e9e9",
block_size_input: 28, block_size_input: 28,
block_color_input: "#ffffff", block_color_input: "#ffffff",
valueColor: "#888888",
}; };
}, },
methods: { methods: {
...@@ -83,6 +84,9 @@ ...@@ -83,6 +84,9 @@
confirm_block_color_input(value : string) { confirm_block_color_input(value : string) {
this.block_color_input = value; this.block_color_input = value;
}, },
confirm_value_color_input(value : string) {
this.valueColor = value;
},
}, },
}; };
</script> </script>
...@@ -91,7 +95,7 @@ ...@@ -91,7 +95,7 @@
<view class="main"> <view class="main">
<slider :disabled="disabled_boolean" :min="min_input" :max="max_input" :step="step_input" :value="value_input" <slider :disabled="disabled_boolean" :min="min_input" :max="max_input" :step="step_input" :value="value_input"
:activeColor="activeColor_input" :backgroundColor="backgroundColor_input" :block-size="block_size_input" :activeColor="activeColor_input" :backgroundColor="backgroundColor_input" :block-size="block_size_input"
:block-color="block_color_input" :show-value="show_value_boolean" @click="slider_click" :block-color="block_color_input" :show-value="show_value_boolean" :valueColor="valueColor" @click="slider_click"
@touchstart="slider_touchstart" @touchmove="slider_touchmove" @touchcancel="slider_touchcancel" @touchstart="slider_touchstart" @touchmove="slider_touchmove" @touchcancel="slider_touchcancel"
@touchend="slider_touchend" @tap="slider_tap" @longpress="slider_longpress" @change="slider_change" @touchend="slider_touchend" @tap="slider_tap" @longpress="slider_longpress" @change="slider_change"
@changing="slider_changing" style="width: 90%"><text>uni-app-x</text></slider> @changing="slider_changing" style="width: 90%"><text>uni-app-x</text></slider>
...@@ -115,6 +119,8 @@ ...@@ -115,6 +119,8 @@
@confirm="confirm_block_size_input"></input-data> @confirm="confirm_block_size_input"></input-data>
<input-data defaultValue="#ffffff" title="滑块颜色(block-color)" type="text" <input-data defaultValue="#ffffff" title="滑块颜色(block-color)" type="text"
@confirm="confirm_block_color_input"></input-data> @confirm="confirm_block_color_input"></input-data>
<input-data defaultValue="#888888" title="Value颜色(value-color)" type="text"
@confirm="confirm_value_color_input"></input-data>
</view> </view>
<view class="uni-padding-wrap"> <view class="uni-padding-wrap">
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册