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