Demo:移动端打开时不显示目录、新建、打开按钮
This commit is contained in:
parent
1f473b79e9
commit
44d75ef7f4
@ -26,7 +26,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 导出 -->
|
<!-- 导出 -->
|
||||||
<div class="toolbarBlock">
|
<div class="toolbarBlock">
|
||||||
<div class="toolbarBtn" @click="openDirectory">
|
<div class="toolbarBtn" @click="openDirectory" v-if="!isMobile">
|
||||||
<span class="icon iconfont icondakai"></span>
|
<span class="icon iconfont icondakai"></span>
|
||||||
<span class="text">{{ $t('toolbar.directory') }}</span>
|
<span class="text">{{ $t('toolbar.directory') }}</span>
|
||||||
</div>
|
</div>
|
||||||
@ -34,6 +34,7 @@
|
|||||||
effect="dark"
|
effect="dark"
|
||||||
:content="$t('toolbar.newFileTip')"
|
:content="$t('toolbar.newFileTip')"
|
||||||
placement="bottom"
|
placement="bottom"
|
||||||
|
v-if="!isMobile"
|
||||||
>
|
>
|
||||||
<div class="toolbarBtn" @click="createNewLocalFile">
|
<div class="toolbarBtn" @click="createNewLocalFile">
|
||||||
<span class="icon iconfont iconxinjian"></span>
|
<span class="icon iconfont iconxinjian"></span>
|
||||||
@ -44,13 +45,14 @@
|
|||||||
effect="dark"
|
effect="dark"
|
||||||
:content="$t('toolbar.openFileTip')"
|
:content="$t('toolbar.openFileTip')"
|
||||||
placement="bottom"
|
placement="bottom"
|
||||||
|
v-if="!isMobile"
|
||||||
>
|
>
|
||||||
<div class="toolbarBtn" @click="openLocalFile">
|
<div class="toolbarBtn" @click="openLocalFile">
|
||||||
<span class="icon iconfont iconwenjian1"></span>
|
<span class="icon iconfont iconwenjian1"></span>
|
||||||
<span class="text">{{ $t('toolbar.openFile') }}</span>
|
<span class="text">{{ $t('toolbar.openFile') }}</span>
|
||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<div class="toolbarBtn" @click="saveLocalFile">
|
<div class="toolbarBtn" @click="saveLocalFile" v-if="!isMobile">
|
||||||
<span class="icon iconfont iconlingcunwei"></span>
|
<span class="icon iconfont iconlingcunwei"></span>
|
||||||
<span class="text">{{ $t('toolbar.saveAs') }}</span>
|
<span class="text">{{ $t('toolbar.saveAs') }}</span>
|
||||||
</div>
|
</div>
|
||||||
@ -153,7 +155,7 @@ import { Notification } from 'element-ui'
|
|||||||
import exampleData from 'simple-mind-map/example/exampleData'
|
import exampleData from 'simple-mind-map/example/exampleData'
|
||||||
import { getData } from '../../../api'
|
import { getData } from '../../../api'
|
||||||
import ToolbarNodeBtnList from './ToolbarNodeBtnList.vue'
|
import ToolbarNodeBtnList from './ToolbarNodeBtnList.vue'
|
||||||
import { throttle } from 'simple-mind-map/src/utils/index'
|
import { throttle, isMobile } from 'simple-mind-map/src/utils/index'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @Author: 王林
|
* @Author: 王林
|
||||||
@ -175,6 +177,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
isMobile: isMobile(),
|
||||||
list: [
|
list: [
|
||||||
'back',
|
'back',
|
||||||
'forward',
|
'forward',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user