app-debug-actions.vue 1.3 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
<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>