blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-06 03:58:03 +08:00
Code Issues Projects Releases Wiki Activity

feat: FontAwesomeIcon 兼容性

Browse Source
This commit is contained in:
h_mo 2022-10-06 22:33:36 +08:00
parent 7b9a1e81f2
commit 3a331d73e3
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/FontAwesomeIcon/index.vue
View File

@ -42,9 +42,13 @@
const wrapStyleObject = Object.assign( const wrapStyleObject = Object.assign(
{ {
'background-color': props.bgColor,
'--fa-animation-duration': `${props.duration}s`, '--fa-animation-duration': `${props.duration}s`,
}, },
props.bgColor
? {
'background-color': props.bgColor,
}
: {},
props.rotate ? { '--fa-rotate-angle': `${props.rotate}deg` } : {}, props.rotate ? { '--fa-rotate-angle': `${props.rotate}deg` } : {},
singleBeat ? { '--fa-beat-scale': `${props.scale}` } : {}, singleBeat ? { '--fa-beat-scale': `${props.scale}` } : {},
singleFade ? { '--fa-fade-opacity': `${props.opacity}` } : {}, singleFade ? { '--fa-fade-opacity': `${props.opacity}` } : {},
@ -110,10 +114,19 @@
props.frameSize ? `fa-flip-${props.frameSize}` : '', props.frameSize ? `fa-flip-${props.frameSize}` : '',
props.sharp ? 'fass' : '', props.sharp ? 'fass' : '',
]; ];
const iconStyleObject = Object.assign({ const iconStyleObject = Object.assign(
{},
props.color
? {
color: props.color, color: props.color,
'font-size': props.size ? `${props.size}rpx` : false, }
}); : {},
props.size
? {
'font-size': `${props.size}rpx`,
}
: {},
);
const counterStyleObject = { const counterStyleObject = {
'--fa-counter-background-color': props.counterMgColor, '--fa-counter-background-color': props.counterMgColor,
@ -163,9 +176,7 @@
right: -0.35em; right: -0.35em;
text-overflow: ellipsis; text-overflow: ellipsis;
top: 0; top: 0;
-webkit-transform: 0.35;
transform: scale(0.35); transform: scale(0.35);
-webkit-transform-origin: top right;
transform-origin: top right; transform-origin: top right;
} }
} }