From 82f1f5d0cf1b51a5d81915e842e01760f404fa74 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子li <15040126243@163.com> Date: 星期三, 20 十月 2021 13:07:16 +0800 Subject: [PATCH] update 优化xxl-job-admin相关pr代码 增加格式化日志输出与docker镜像 --- ruoyi-ui/src/components/SvgIcon/index.vue | 122 ++++++++++++++++++++-------------------- 1 files changed, 61 insertions(+), 61 deletions(-) diff --git a/ruoyi-ui/src/components/SvgIcon/index.vue b/ruoyi-ui/src/components/SvgIcon/index.vue index 340ace4..e4bf5ad 100644 --- a/ruoyi-ui/src/components/SvgIcon/index.vue +++ b/ruoyi-ui/src/components/SvgIcon/index.vue @@ -1,61 +1,61 @@ -<template> - <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> - <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> - <use :xlink:href="iconName" /> - </svg> -</template> - -<script> -import { isExternal } from '@/utils/validate' - -export default { - name: 'SvgIcon', - props: { - iconClass: { - type: String, - required: true - }, - className: { - type: String, - default: '' - } - }, - computed: { - isExternal() { - return isExternal(this.iconClass) - }, - iconName() { - return `#icon-${this.iconClass}` - }, - svgClass() { - if (this.className) { - return 'svg-icon ' + this.className - } else { - return 'svg-icon' - } - }, - styleExternalIcon() { - return { - mask: `url(${this.iconClass}) no-repeat 50% 50%`, - '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%` - } - } - } -} -</script> - -<style scoped> -.svg-icon { - width: 1em; - height: 1em; - vertical-align: -0.15em; - fill: currentColor; - overflow: hidden; -} - -.svg-external-icon { - background-color: currentColor; - mask-size: cover!important; - display: inline-block; -} -</style> +<template> + <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> + <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> + <use :xlink:href="iconName" /> + </svg> +</template> + +<script> +import { isExternal } from '@/utils/validate' + +export default { + name: 'SvgIcon', + props: { + iconClass: { + type: String, + required: true + }, + className: { + type: String, + default: '' + } + }, + computed: { + isExternal() { + return isExternal(this.iconClass) + }, + iconName() { + return `#icon-${this.iconClass}` + }, + svgClass() { + if (this.className) { + return 'svg-icon ' + this.className + } else { + return 'svg-icon' + } + }, + styleExternalIcon() { + return { + mask: `url(${this.iconClass}) no-repeat 50% 50%`, + '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%` + } + } + } +} +</script> + +<style scoped> +.svg-icon { + width: 1em; + height: 1em; + vertical-align: -0.15em; + fill: currentColor; + overflow: hidden; +} + +.svg-external-icon { + background-color: currentColor; + mask-size: cover!important; + display: inline-block; +} +</style> -- Gitblit v1.9.3