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 @@ - + + +
+ {{ detail.title }} + + + +
+ + +
@@ -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; + } + } +}