<template> <div class="app-debug-actions" v-if="isShow"> <div class="actions"> <button-group vertical> <i-button :title="$t('components.appDebugActions.button')" :type="sdc.isShowTool ? 'warning' : 'info'" ghost @click="() => sdc.showToolChange()" :icon="sdc.isShowTool ? 'ios-bug' : 'ios-bug-outline'" ></i-button> </button-group> </div> <div class="show-buttons"> <div class="button"><i class="ivu-icon ivu-icon-ios-arrow-down" /></div> </div> </div> </template> <script lang = 'ts'> import { Vue, Component } from 'vue-property-decorator'; import { StudioActionUtil } from '@/utils'; import { Environment } from '@/environments/environment'; /** * 开发模式控制行为组 * * @export * @class AppDebugActions * @extends {Vue} */ @Component({ }) export default class AppDebugActions extends Vue { /** * 是否显示 * * @type {boolean} * @memberof AppDebugActions */ public isShow:boolean = Environment.devMode; /** * 配置平台操作控制器 * * @type {StudioActionController} * @memberof AppDebugActions */ public sdc: StudioActionUtil = StudioActionUtil.getInstance(); } </script> <style lang = "less"> @import "./app-debug-actions.less"; </style>