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: 取色器最近使用颜色支持透明度

Browse Source
This commit is contained in:
pipipi-pikachu 2022-05-14 14:59:28 +08:00
parent f9568edb21
commit d5da6f3a37
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ColorPicker/index.vue
View File

@ -63,10 +63,11 @@
<div
v-for="c in recentColors"
:key="c"
class="picker-presets-color"
:style="{ background: c }"
class="picker-presets-color alpha"
@click="selectPresetColor(c)"
></div>
>
<div class="picker-presets-color-content" :style="{ background: c }"></div>
</div>
</div>
</div>
</template>
@ -357,7 +358,7 @@ export default defineComponent({
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 22px;
font-size: 20px;
cursor: pointer;
}
.input {
@ -376,6 +377,13 @@ export default defineComponent({
flex-shrink: 0;
position: relative;
cursor: pointer;
&.alpha {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADBJREFUOE9jfPbs2X8GPEBSUhKfNAPjqAHDIgz+//+PNx08f/4cfzoYNYCBceiHAQC5flV5JzgrxQAAAABJRU5ErkJggg==);
}
}
.picker-presets-color-content {
@include absolute-0();
}
.picker-gradient-presets {
@include flex-grid-layout();