github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 图片翻转UI优化

Browse Source
This commit is contained in:
pipipi-pikachu 2021-02-07 17:32:47 +08:00
parent c38ca3a6b6
commit 1b0deff1d7
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
View File

@ -59,24 +59,18 @@
<Button class="full-width-btn"><IconColorFilter class="btn-icon" /> 设置滤镜</Button>
</Popover>
<div class="row">
<div style="flex: 2;">水平翻转：</div>
<div class="switch-wrapper" style="flex: 3;">
<Switch
<CheckboxButtonGroup class="row">
<CheckboxButton
style="flex: 1;"
:checked="flip.x === 180"
@change="checked => updateImage({ flip: { x: checked ? 180 : 0, y: flip.y } })"
/>
</div>
</div>
<div class="row">
<div style="flex: 2;">垂直翻转：</div>
<div class="switch-wrapper" style="flex: 3;">
<Switch
@click="updateImage({ flip: { x: flip.x === 180 ? 0 : 180, y: flip.y } })"
><IconFlipVertically /> 水平翻转</CheckboxButton>
<CheckboxButton
style="flex: 1;"
:checked="flip.y === 180"
@change="checked => updateImage({ flip: { x: flip.x, y: checked ? 180 : 0 } })"
/>
</div>
</div>
@click="updateImage({ flip: { x: flip.x, y: flip.y === 180 ? 0 : 180 } })"
><IconFlipHorizontally /> 垂直翻转</CheckboxButton>
</CheckboxButtonGroup>
<Divider />
<ElementOutline />