|
|
@@ -14,6 +14,8 @@
|
|
|
<div class="title">{{ props.title }}</div>
|
|
|
<img :src="require('@/assets/svg/icon-refresh.svg')" alt="" class="refresh" v-if="show_refresh"
|
|
|
@click="clickRefresh" :class="{ transform_rotate: state.rotate }">
|
|
|
+ <img :src="require('@/assets/svg/icon-withdraw-help.svg')" alt="" class="help" v-if="props.show_help"
|
|
|
+ @click="clickHelp">
|
|
|
<img :src="require('@/assets/svg/icon-more-l.svg')" alt="" class="more" v-if="props.show_more"
|
|
|
@click="state.show_option = true">
|
|
|
<div class="area-option" v-if="state.show_option" @click="state.show_option = false">
|
|
|
@@ -31,6 +33,7 @@
|
|
|
import { getChromeStorage } from "@/uilts/chromeExtension";
|
|
|
import { defineProps, defineEmits, reactive, ref, onMounted } from "vue";
|
|
|
import router from "@/router/popup.js";
|
|
|
+import { boolean } from "mathjs";
|
|
|
|
|
|
let props = defineProps({
|
|
|
title: String,
|
|
|
@@ -38,6 +41,7 @@ let props = defineProps({
|
|
|
show_refresh: Boolean,
|
|
|
show_option: Boolean,
|
|
|
show_more: Boolean,
|
|
|
+ show_help: Boolean,
|
|
|
back_url: String,
|
|
|
user_info: Object
|
|
|
})
|
|
|
@@ -73,6 +77,10 @@ function clickItem(path) {
|
|
|
router.push(path)
|
|
|
}
|
|
|
|
|
|
+function clickHelp() {
|
|
|
+ window.open(`https://aboard-cattle-610.notion.site/How-to-withdraw-assets-from-DeNet-to-MetaMask-01c679bb9ff441429e31e8f7c1f67411`)
|
|
|
+}
|
|
|
+
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.border {
|
|
|
@@ -181,6 +189,10 @@ function clickItem(path) {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
|
|
|
+ .help {
|
|
|
+ margin-right: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
.title {
|
|
|
padding-left: 16px;
|
|
|
flex: 1;
|
