mirror of
https://github.com/pipipi-pikachu/PPTist.git
synced 2025-04-15 02:20:00 +08:00
fix: antd-vue 3 slider组件设置行内style无效
This commit is contained in:
parent
54dfccd643
commit
f2a2a7c9ac
@ -58,11 +58,11 @@
|
||||
<div class="row" v-if="gradient.type === 'linear'">
|
||||
<div style="flex: 2;">渐变角度:</div>
|
||||
<Slider
|
||||
class="slider"
|
||||
:min="0"
|
||||
:max="360"
|
||||
:step="15"
|
||||
:value="gradient.rotate"
|
||||
style="flex: 3;"
|
||||
@change="value => updateGradient({ rotate: value })"
|
||||
/>
|
||||
</div>
|
||||
@ -333,4 +333,7 @@ export default defineComponent({
|
||||
height: 3px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.slider {
|
||||
flex: 3;
|
||||
}
|
||||
</style>
|
@ -83,11 +83,11 @@
|
||||
<div class="row" v-if="background.gradientType === 'linear'">
|
||||
<div style="flex: 2;">渐变角度:</div>
|
||||
<Slider
|
||||
class="slider"
|
||||
:min="0"
|
||||
:max="360"
|
||||
:step="15"
|
||||
:value="background.gradientRotate"
|
||||
style="flex: 3;"
|
||||
@change="value => updateBackground({ gradientRotate: value })"
|
||||
/>
|
||||
</div>
|
||||
@ -459,4 +459,7 @@ export default defineComponent({
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
.slider {
|
||||
flex: 3;
|
||||
}
|
||||
</style>
|
@ -10,34 +10,34 @@
|
||||
<div class="row">
|
||||
<div style="flex: 2;">水平阴影:</div>
|
||||
<Slider
|
||||
class="slider"
|
||||
:min="0"
|
||||
:max="10"
|
||||
:step="1"
|
||||
:value="shadow.h"
|
||||
@change="value => updateShadow({ h: value })"
|
||||
style="flex: 3;"
|
||||
@change="value => updateShadow({ h: value })"
|
||||
/>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div style="flex: 2;">垂直阴影:</div>
|
||||
<Slider
|
||||
class="slider"
|
||||
:min="0"
|
||||
:max="10"
|
||||
:step="1"
|
||||
:value="shadow.v"
|
||||
@change="value => updateShadow({ v: value })"
|
||||
style="flex: 3;"
|
||||
@change="value => updateShadow({ v: value })"
|
||||
/>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div style="flex: 2;">模糊距离:</div>
|
||||
<Slider
|
||||
class="slider"
|
||||
:min="1"
|
||||
:max="20"
|
||||
:step="1"
|
||||
:value="shadow.blur"
|
||||
@change="value => updateShadow({ blur: value })"
|
||||
style="flex: 3;"
|
||||
@change="value => updateShadow({ blur: value })"
|
||||
/>
|
||||
</div>
|
||||
<div class="row">
|
||||
@ -124,4 +124,7 @@ export default defineComponent({
|
||||
.switch-wrapper {
|
||||
text-align: right;
|
||||
}
|
||||
.slider {
|
||||
flex: 3;
|
||||
}
|
||||
</style>
|
Loading…
x
Reference in New Issue
Block a user