fix(slider): 修改展示问题

Author: duenyang

src/slider/_example/base.tsx

@@ -20,7 +20,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider value={this.value1.value} onChange={this.onChange} onChangeEnd={this.onChangeEnd} />
         <t-slider range value={this.value2.value} onChange={this.onChange} onChangeEnd={this.onChangeEnd} />
       </t-space>

src/slider/_example/disabled.tsx

@@ -10,7 +10,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider value={this.value1.value} disabled />
         <t-slider range value={this.value2.value} disabled />
       </t-space>

src/slider/_example/input-number-vertical.tsx

@@ -15,7 +15,7 @@ export default class Demo extends Component {
     };
 
     return (
-      <t-space size="60px" style={{ height: '300px' }}>
+      <t-space size="60px" style={{ height: '300px', display: 'inline-flex' }}>
         <t-slider value={this.value1.value} layout="vertical" inputNumberProps={inputNumberProps} />
         <t-slider range value={this.value2.value} layout="vertical" inputNumberProps={inputNumberProps} />
       </t-space>

src/slider/_example/input-number.tsx

@@ -15,7 +15,7 @@ export default class Demo extends Component {
     };
 
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider value={this.value1.value} inputNumberProps={inputNumberProps} />
         <t-slider range value={this.value2.value} inputNumberProps={inputNumberProps} />
       </t-space>

src/slider/_example/marks.tsx

@@ -28,7 +28,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider value={this.value1.value} marks={this.marks1.value} />
         <t-slider range value={this.value2.value} marks={this.marks2.value} />
       </t-space>

src/slider/_example/min-and-max.tsx

@@ -24,7 +24,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider
           value={this.value1.value}
           min={this.min.value}

src/slider/_example/step.tsx

@@ -12,7 +12,7 @@ export default class Demo extends Component {
     const step = 4;
 
     return (
-      <t-space direction="vertical" size="60px" style={{ width: '100%' }}>
+      <t-space direction="vertical" size="60px" style={{ width: '100%' }} innerStyle={{ width: '100%' }}>
         <t-slider value={this.value1.value} step={step} />
         <t-slider range value={this.value2.value} step={step} />
       </t-space>

src/slider/_example/vertical-marks.tsx

@@ -28,7 +28,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space size="60px" style={{ height: '300px' }}>
+      <t-space size="60px" style={{ height: '300px', display: 'inline-flex' }}>
         <t-slider value={this.value1.value} marks={this.marks1.value} layout="vertical" />
         <t-slider range value={this.value2.value} marks={this.marks2.value} layout="vertical" />
       </t-space>

src/slider/_example/vertical.tsx

@@ -10,7 +10,7 @@ export default class Demo extends Component {
 
   render() {
     return (
-      <t-space size="60px" style={{ height: '300px' }}>
+      <t-space size="60px" style={{ height: '300px', display: 'inline-flex' }}>
         <t-slider value={this.value1.value} layout="vertical" />
         <t-slider range value={this.value2.value} layout="vertical" />
       </t-space>