This is an automated email from the ASF dual-hosted git repository. kriszu pushed a commit to branch qrcode in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git
commit 533d61dc09d31eadf5973fca2b4978da7a5a1bb9 Author: kriszu <[email protected]> AuthorDate: Sun Feb 18 09:56:52 2024 +0800 feat: wechat qrcode --- .../src/assets/images/join_wechat.png | Bin 0 -> 79574 bytes .../src/layouts/default/header/index.vue | 14 ++++++++++++-- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/streampark-console/streampark-console-webapp/src/assets/images/join_wechat.png b/streampark-console/streampark-console-webapp/src/assets/images/join_wechat.png new file mode 100644 index 000000000..c9a891323 Binary files /dev/null and b/streampark-console/streampark-console-webapp/src/assets/images/join_wechat.png differ diff --git a/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue b/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue index 8f3c0a742..63f21c8e8 100755 --- a/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue +++ b/streampark-console/streampark-console-webapp/src/layouts/default/header/index.vue @@ -39,7 +39,16 @@ </a-button> <Divider type="vertical" /> - <Icon icon="ant-design:qrcode-outlined" :class="`${prefixCls}-action__item`" /> + <Popover + placement="bottom" + trigger="hover" + arrow-point-at-center + > + <template #content> + <img src="/@/assets/images/join_wechat.png" alt="qrcode" class="h-150px w-150px"/> + </template> + <Icon icon="ant-design:qrcode-outlined" :class="`${prefixCls}-action__item`" /> + </Popover> <!-- Github info --> <Github :class="`${prefixCls}-action__item github-item`" /> @@ -69,7 +78,7 @@ import { defineComponent, unref, computed } from 'vue'; import { propTypes } from '/@/utils/propTypes'; - import { Layout, Divider } from 'ant-design-vue'; + import { Layout, Divider, Popover } from 'ant-design-vue'; import { AppLogo } from '/@/components/Application'; import LayoutMenu from '../menu/index.vue'; import LayoutTrigger from '../trigger/index.vue'; @@ -121,6 +130,7 @@ LockScreen, Divider, AppDarkModeToggle, + Popover }, props: { fixed: propTypes.bool,
