Demo:移动端打开时不显示目录、新建、打开按钮

This commit is contained in:
街角小林 2024-06-13 16:29:16 +08:00
parent 1f473b79e9
commit 44d75ef7f4

View File

@ -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',