fix style

This commit is contained in:
Qiuxia Fan 2022-05-12 15:26:28 +08:00
parent 9b38ea2f1d
commit eaf661471e

View File

@ -45,6 +45,7 @@ limitations under the License. -->
trigger="contextmenu" trigger="contextmenu"
:hide-on-click="false" :hide-on-click="false"
style="margin: 20px 0 0 -130px" style="margin: 20px 0 0 -130px"
v-if="tagArr.length"
> >
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
@ -57,7 +58,10 @@ limitations under the License. -->
</template> </template>
</el-dropdown> </el-dropdown>
</span> </span>
<span class="tags-tip" :class="type === 'ALARM' ? '' : 'link-tips'"> <span
class="tags-tip"
:class="type !== 'ALARM' && tagArr.length ? 'link-tips' : ''"
>
<a <a
target="blank" target="blank"
href="https://github.com/apache/skywalking/blob/master/docs/en/setup/backend/configuration-vocabulary.md" href="https://github.com/apache/skywalking/blob/master/docs/en/setup/backend/configuration-vocabulary.md"
@ -80,7 +84,7 @@ import { useTraceStore } from "@/store/modules/trace";
import { useLogStore } from "@/store/modules/log"; import { useLogStore } from "@/store/modules/log";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
/*global defineEmits, defineProps */ /*global Nullable, defineEmits, defineProps */
const emit = defineEmits(["update"]); const emit = defineEmits(["update"]);
const props = defineProps({ const props = defineProps({
type: { type: String, default: "TRACE" }, type: { type: String, default: "TRACE" },
@ -97,7 +101,7 @@ const tipsMap = {
TRACE: "traceTagsTip", TRACE: "traceTagsTip",
ALARM: "alarmTagsTip", ALARM: "alarmTagsTip",
}; };
const dropdownTag = ref(); const dropdownTag = ref<Nullable<any>>(null);
fetchTagKeys(); fetchTagKeys();
@ -168,8 +172,10 @@ function selectTag(item: string) {
} }
function showClick() { function showClick() {
if (dropdownTag.value) {
dropdownTag.value.handleOpen(); dropdownTag.value.handleOpen();
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.trace-tags { .trace-tags {