diff --git a/src/views/Tools.vue b/src/views/Tools.vue
index 5471d38..4ff3aff 100644
--- a/src/views/Tools.vue
+++ b/src/views/Tools.vue
@@ -12,7 +12,7 @@
{{ toolItem.title }}
{{ toolItem.desc || '无简介' }}
@@ -25,10 +25,20 @@
-
+
+
+
+
+
+
@@ -52,9 +62,28 @@ export default {
methods: {
/**
- * 打开工具
+ * 关闭工具
*/
- openDetail(toolCatrgory, toolName) {
+ detailClose(done) {
+ this.$confirm('是否关闭?').then(() => {
+ // 关闭 drawer
+ done();
+ // 路由跳转
+ this.$router.push({
+ name: 'Tools'
+ });
+ // 更新页面标题
+ this.utils.changeTitle('小工具');
+ }).catch(() => { });
+ },
+
+ /**
+ * 打开工具
+ *
+ * @param {string} toolCatrgory 工具分类
+ * @param {string} toolName 工具名称
+ */
+ detailOpen(toolCatrgory, toolName) {
// 当前工具信息
var info = {};
@@ -105,19 +134,12 @@ export default {
},
/**
- * 关闭工具
+ * 打开工具(新标签页)
*/
- closeDetail(done) {
- this.$confirm('是否关闭?').then(() => {
- // 关闭 drawer
- done();
- // 路由跳转
- this.$router.push({
- name: 'Tools'
- });
- // 更新页面标题
- this.utils.changeTitle('小工具');
- }).catch(() => { });
+ detailOpenNewTab() {
+ var url = window.location.href;
+
+ window.open(url, '_blank');
}
},
@@ -128,7 +150,7 @@ export default {
// 判断进入的路由
if (route.name == 'ToolsDetail') {
// 进入:工具内容页面
- vm.openDetail(route.params.category, route.params.name);
+ vm.detailOpen(route.params.category, route.params.name);
} else {
// 进入:工具列表页面
vm.utils.changeTitle('小工具');
@@ -206,4 +228,18 @@ export default {
}
}
}
+
+.drawer-full {
+ .header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .btn {
+ margin: 0 0.5rem;
+ font-size: inherit;
+ cursor: pointer;
+ }
+ }
+}