|
@@ -28,7 +28,7 @@ const props = withDefaults(defineProps<{
|
|
|
text?: string;
|
|
text?: string;
|
|
|
textProps?: object;
|
|
textProps?: object;
|
|
|
primary?: boolean;
|
|
primary?: boolean;
|
|
|
- size?: 'large' | 'midium' | 'small';
|
|
|
|
|
|
|
+ size?: 'large' | 'medium' | 'small';
|
|
|
width?: string|number;
|
|
width?: string|number;
|
|
|
padding?: ThemePaddingOrMarginType,
|
|
padding?: ThemePaddingOrMarginType,
|
|
|
innerStyle?: object;
|
|
innerStyle?: object;
|
|
@@ -47,33 +47,33 @@ const padding = computed(() => {
|
|
|
return props.padding;
|
|
return props.padding;
|
|
|
switch (props.size) {
|
|
switch (props.size) {
|
|
|
case 'large': return [20, 36];
|
|
case 'large': return [20, 36];
|
|
|
- case 'midium': return [18, 20];
|
|
|
|
|
|
|
+ case 'medium': return [18, 20];
|
|
|
case 'small': return [15, 18];
|
|
case 'small': return [15, 18];
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
const backgroundCutBorderSize = computed(() => {
|
|
const backgroundCutBorderSize = computed(() => {
|
|
|
switch (props.size) {
|
|
switch (props.size) {
|
|
|
case 'large': return 32;
|
|
case 'large': return 32;
|
|
|
- case 'midium': return 28;
|
|
|
|
|
|
|
+ case 'medium': return 28;
|
|
|
case 'small': return 18;
|
|
case 'small': return 18;
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
const fontSize = computed(() => {
|
|
const fontSize = computed(() => {
|
|
|
switch (props.size) {
|
|
switch (props.size) {
|
|
|
case 'large': return 'fontSize.lg';
|
|
case 'large': return 'fontSize.lg';
|
|
|
- case 'midium': return 'fontSize.md';
|
|
|
|
|
|
|
+ case 'medium': return 'fontSize.md';
|
|
|
case 'small': return 'fontSize.sm';
|
|
case 'small': return 'fontSize.sm';
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
const iconSize = computed(() => {
|
|
const iconSize = computed(() => {
|
|
|
switch (props.size) {
|
|
switch (props.size) {
|
|
|
case 'large': return 'fontSize.lg';
|
|
case 'large': return 'fontSize.lg';
|
|
|
- case 'midium': return 'fontSize.md';
|
|
|
|
|
|
|
+ case 'medium': return 'fontSize.md';
|
|
|
case 'small': return 'fontSize.sm';
|
|
case 'small': return 'fontSize.sm';
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
const image = computed(() => {
|
|
const image = computed(() => {
|
|
|
- if (props.size === 'large' || props.size === 'midium') {
|
|
|
|
|
|
|
+ if (props.size === 'large' || props.size === 'medium') {
|
|
|
return props.primary ?
|
|
return props.primary ?
|
|
|
'https://xy.wenlvti.net/app_static/images/FrameButtonPrimary.png' :
|
|
'https://xy.wenlvti.net/app_static/images/FrameButtonPrimary.png' :
|
|
|
'https://xy.wenlvti.net/app_static/images/FrameButton.png';
|
|
'https://xy.wenlvti.net/app_static/images/FrameButton.png';
|