style(接口自动化): 一键展开按钮样式调整

This commit is contained in:
fit2-zhao 2021-04-15 11:24:58 +08:00 committed by fit2-zhao
parent 6c46b17f86
commit 2187a96878
2 changed files with 12 additions and 5 deletions

View File

@ -134,10 +134,10 @@
</div> </div>
<!-- 场景步骤内容 --> <!-- 场景步骤内容 -->
<div> <div>
<el-button class="ms-open-btn ms-open-btn-left" size="mini" v-prevent-re-click @click="openExpansion"> <el-button class="el-icon-files ms-open-btn ms-open-btn-left" size="mini" v-prevent-re-click @click="openExpansion">
{{$t('api_test.automation.open_expansion')}} {{$t('api_test.automation.open_expansion')}}
</el-button> </el-button>
<el-button class="ms-open-btn" size="mini" @click="closeExpansion"> <el-button class=" el-icon-notebook-1 ms-open-btn" size="mini" @click="closeExpansion">
{{$t('api_test.automation.close_expansion')}} {{$t('api_test.automation.close_expansion')}}
</el-button> </el-button>
<el-tree node-key="resourceId" :props="props" :data="scenarioDefinition" class="ms-tree" <el-tree node-key="resourceId" :props="props" :data="scenarioDefinition" class="ms-tree"
@ -212,7 +212,8 @@
<ms-drawer :visible="drawer" :size="100" @close="close" direction="right" :show-full-screen="false" :is-show-close="false" style="overflow: hidden"> <ms-drawer :visible="drawer" :size="100" @close="close" direction="right" :show-full-screen="false" :is-show-close="false" style="overflow: hidden">
<template v-slot:header> <template v-slot:header>
<scenario-header :currentScenario="currentScenario" :projectEnvMap="projectEnvMap" :projectIds.sync="projectIds" :projectList="projectList" :scenarioDefinition="scenarioDefinition" :enableCookieShare="enableCookieShare" <scenario-header :currentScenario="currentScenario" :projectEnvMap="projectEnvMap" :projectIds.sync="projectIds" :projectList="projectList" :scenarioDefinition="scenarioDefinition" :enableCookieShare="enableCookieShare"
:isFullUrl.sync="isFullUrl" @closePage="close" @unFullScreen="unFullScreen" @showAllBtn="showAllBtn" @runDebug="runDebug" @setProjectEnvMap="setProjectEnvMap" @showScenarioParameters="showScenarioParameters" @setCookieShare="setCookieShare" ref="maximizeHeader"/> :isFullUrl.sync="isFullUrl" @closePage="close" @unFullScreen="unFullScreen" @showAllBtn="showAllBtn" @runDebug="runDebug" @setProjectEnvMap="setProjectEnvMap" @showScenarioParameters="showScenarioParameters" @setCookieShare="setCookieShare"
ref="maximizeHeader"/>
</template> </template>
<maximize-scenario :scenario-definition="scenarioDefinition" :envMap="projectEnvMap" :moduleOptions="moduleOptions" <maximize-scenario :scenario-definition="scenarioDefinition" :envMap="projectEnvMap" :moduleOptions="moduleOptions"
@ -1359,6 +1360,9 @@
.ms-open-btn { .ms-open-btn {
margin: 5px 5px 0px; margin: 5px 5px 0px;
font-size: 10px;
background-color: #F2F9EE;
color: #67C23A;
} }
.ms-open-btn-left { .ms-open-btn-left {

View File

@ -5,10 +5,10 @@
<ms-aside-container style="padding-top: 0px"> <ms-aside-container style="padding-top: 0px">
<!-- 场景步骤内容 --> <!-- 场景步骤内容 -->
<div v-loading="loading"> <div v-loading="loading">
<el-button class="ms-open-btn ms-open-btn-left" size="mini" @click="openExpansion"> <el-button class="el-icon-files ms-open-btn ms-open-btn-left" size="mini" @click="openExpansion">
{{$t('api_test.automation.open_expansion')}} {{$t('api_test.automation.open_expansion')}}
</el-button> </el-button>
<el-button class="ms-open-btn" size="mini" @click="closeExpansion"> <el-button class="el-icon-notebook-1 ms-open-btn" size="mini" @click="closeExpansion">
{{$t('api_test.automation.close_expansion')}} {{$t('api_test.automation.close_expansion')}}
</el-button> </el-button>
<el-tree node-key="resourceId" <el-tree node-key="resourceId"
@ -1159,6 +1159,9 @@
.ms-open-btn { .ms-open-btn {
margin: 5px 5px 0px; margin: 5px 5px 0px;
font-size: 10px;
background-color: #F2F9EE;
color: #67C23A;
} }
.ms-open-btn-left { .ms-open-btn-left {