diff --git a/src/components/BottomDialog.vue b/src/components/BottomDialog.vue
new file mode 100644
index 000000000..85aadddfa
--- /dev/null
+++ b/src/components/BottomDialog.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Icon/Info.vue b/src/components/Icon/Info.vue
new file mode 100644
index 000000000..e9c5bd1e4
--- /dev/null
+++ b/src/components/Icon/Info.vue
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/components/NFTBook/SpecTableItemAccessMethod.vue b/src/components/NFTBook/SpecTableItemAccessMethod.vue
index 04d6db29f..ad98bef64 100644
--- a/src/components/NFTBook/SpecTableItemAccessMethod.vue
+++ b/src/components/NFTBook/SpecTableItemAccessMethod.vue
@@ -3,7 +3,12 @@
-
+
@@ -29,6 +34,25 @@ export default {
? this.$t('nft_details_page_label_access_methods_downloadable')
: this.$t('nft_details_page_label_access_methods_web_only');
},
+ tooltipsContent() {
+ return this.isDownloadable
+ ? {
+ title: this.$t(
+ 'nft_details_page_label_access_methods_tooltips_title_drm_free'
+ ),
+ text: this.$t(
+ 'nft_details_page_label_access_methods_tooltips_text_drm_free'
+ ),
+ }
+ : {
+ title: this.$t(
+ 'nft_details_page_label_access_methods_tooltips_title_drm'
+ ),
+ text: this.$t(
+ 'nft_details_page_label_access_methods_tooltips_text_drm'
+ ),
+ };
+ },
},
};
diff --git a/src/components/NFTBook/SpecTableValue.vue b/src/components/NFTBook/SpecTableValue.vue
index 9a00a0fa5..e5a75193c 100644
--- a/src/components/NFTBook/SpecTableValue.vue
+++ b/src/components/NFTBook/SpecTableValue.vue
@@ -1,9 +1,41 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tooltipText }}
+
+
+
diff --git a/src/components/NFTBook/Tooltips.vue b/src/components/NFTBook/Tooltips.vue
new file mode 100644
index 000000000..dcbb59a37
--- /dev/null
+++ b/src/components/NFTBook/Tooltips.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
diff --git a/src/locales/en.json b/src/locales/en.json
index 572e81ca3..94ca35432 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -668,6 +668,10 @@
"nft_details_page_errormessage_transfer_self": "You cannot send Writing NFT to yourself.",
"nft_details_page_label_access_methods": "Access Method",
"nft_details_page_label_access_methods_downloadable": "Read online / Download",
+ "nft_details_page_label_access_methods_tooltips_text_drm": "Refers to eBooks that have digital rights management technology, allowing readers to open and read the content on our site.",
+ "nft_details_page_label_access_methods_tooltips_title_drm": "DRM Content",
+ "nft_details_page_label_access_methods_tooltips_text_drm_free": "Refers to eBooks without digital rights management technology, allowing readers to freely download and transfer the eBook to different devices.",
+ "nft_details_page_label_access_methods_tooltips_title_drm_free": "DRM-Free Content",
"nft_details_page_label_access_methods_web_only": "Read Online",
"nft_details_page_label_ar_view_in_mobile": "Experience your NFT live",
"nft_details_page_label_class_page": "View all events from this content",
diff --git a/src/locales/zh-Hant.json b/src/locales/zh-Hant.json
index 5471c3a5b..0404f829d 100644
--- a/src/locales/zh-Hant.json
+++ b/src/locales/zh-Hant.json
@@ -668,6 +668,10 @@
"nft_details_page_errormessage_transfer_self": "不能發送給自己",
"nft_details_page_label_access_methods": "閱讀方式",
"nft_details_page_label_access_methods_downloadable": "站內閱讀 / 檔案下載",
+ "nft_details_page_label_access_methods_tooltips_text_drm": "指設有數位版權管理技術的電子書,讀者可以於我們的站內開啟及閱讀內容。",
+ "nft_details_page_label_access_methods_tooltips_title_drm": "DRM 內容",
+ "nft_details_page_label_access_methods_tooltips_text_drm_free": "指沒有數位版權管理技術的電子書,讀者可以自由下載和傳輸電子書到不同裝置。",
+ "nft_details_page_label_access_methods_tooltips_title_drm_free": "不設 DRM 內容",
"nft_details_page_label_access_methods_web_only": "站內閱讀",
"nft_details_page_label_ar_view_in_mobile": "將你的 NFT 帶到現實",
"nft_details_page_label_class_page": "檢視此系列的其他事件",