deadcxap/inpx-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Поправки

Browse Source
This commit is contained in:
Book Pauk
2022-08-26 00:51:30 +07:00
parent 67faa25e8b
commit a6bac669f6
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/share/DivBtn.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div ref="btn" class="button clickable row justify-center items-center no-wrap" @click="clickEffect"> <div ref="btn" class="button clickable row justify-center items-center" @click="clickEffect">
<div :class="{'button-pressed': pressed}"> <div class="row justify-center items-center no-wrap" :class="{'button-pressed': pressed}">
<q-icon :name="icon" :size="`${iconSize}px`" /> <q-icon :name="icon" :size="`${iconSize}px`" />
<slot></slot> <slot></slot>
</div> </div>
@@ -24,10 +24,11 @@ class DivBtn {
_options = componentOptions; _options = componentOptions;
_props = { _props = {
size: { type: Number, default: 24 }, size: { type: Number, default: 24 },
minWidth: { type: Number, default: 0 },
height: { type: Number, default: 0 },
icon: { type: String, default: '' }, icon: { type: String, default: '' },
iconSize: { type: Number, default: 14 }, iconSize: { type: Number, default: 14 },
round: { type: Boolean }, round: { type: Boolean },
pad: { type: Number, default: 0 },
}; };
pressed = false; pressed = false;
@@ -41,8 +42,8 @@ class DivBtn {
updateSizes() { updateSizes() {
const style = this.$refs.btn.style; const style = this.$refs.btn.style;
style.minWidth = `${this.size}px`; style.minWidth = `${(this.minWidth ? this.minWidth : this.size)}px`;
style.height = `${this.size}px`; style.height = `${(this.height ? this.height : this.size)}px`;
if (this.pad) { if (this.pad) {
style.paddingLeft = `${this.pad}px`; style.paddingLeft = `${this.pad}px`;
style.paddingRight = `${this.pad + 5}px`; style.paddingRight = `${this.pad + 5}px`;
@@ -50,6 +51,8 @@ class DivBtn {
if (this.round) if (this.round)
style.borderRadius = `${this.size}px`; style.borderRadius = `${this.size}px`;
else
style.borderRadius = `${this.size/10}px`;
} }
async clickEffect() { async clickEffect() {