forked from opentiny/tiny-engine
42 lines
672 B
Vue
42 lines
672 B
Vue
<template>
|
|
<a class="help-box" :href="href" target="_blank">
|
|
<svg-button id="help-icon" :name="iconName" :tips="tips"></svg-button>
|
|
</a>
|
|
</template>
|
|
|
|
<script>
|
|
import SvgButton from './SvgButton.vue'
|
|
export default {
|
|
components: {
|
|
SvgButton
|
|
},
|
|
props: {
|
|
href: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
tips: {
|
|
type: String,
|
|
default: '帮助'
|
|
},
|
|
iconName: {
|
|
type: String,
|
|
default: 'plugin-icon-plugin-help'
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.help-box {
|
|
width: 24px;
|
|
height: 42px;
|
|
|
|
#help-icon {
|
|
:deep(.svg-icon.icon-plugin-icon-plugin-help) {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|