style(接口测试): 循环控制器显示样式优化

--bug=1023878 --user=赵勇 【接口测试】场景编辑-次循环配置显示问题 https://www.tapd.cn/55049933/s/1344207
This commit is contained in:
fit2-zhao 2023-02-28 18:39:17 +08:00 committed by fit2-zhao
parent 728ea1bcfd
commit 0afa87373f
1 changed files with 15 additions and 10 deletions

View File

@ -73,12 +73,12 @@
</template>
<div v-if="controller.loopType === 'LOOP_COUNT'" draggable v-loading="loading">
<el-row>
<el-col :span="8">
<el-col :span="9">
<span class="ms-span ms-radio">{{ $t('loop.loops') }}</span>
<el-input size="small" v-model="controller.countController.loops" style="width: 200px" />
<el-input size="small" v-model="controller.countController.loops" style="width: auto"/>
<span class="ms-span ms-radio"></span>
</el-col>
<el-col :span="8">
<el-col :span="9">
<span class="ms-span ms-radio">{{ $t('loop.interval') }}</span>
<el-input-number
v-model="controller.countController.interval"
@ -90,15 +90,14 @@
size="small" />
<span class="ms-span ms-radio">ms</span>
</el-col>
<el-col :span="8">
<span class="ms-span ms-radio">{{ $t('loop.proceed') }}</span>
<el-tooltip class="item" effect="dark" :content="$t('api_test.automation.loop_content')" placement="top"
>>
<el-col :span="6">
<el-switch
:inactive-text="$t('loop.proceed')"
:disabled="controller.disabled"
v-model="controller.countController.proceed"
class="ms-span ms-radio"
style="margin-top: 6px"
@change="switchChange" />
</el-tooltip>
</el-col>
</el-row>
</div>
@ -485,7 +484,8 @@ export default {
<style scoped>
.ms-span {
margin: 10px;
margin-left: 10px;
margin-right: 10px;
}
.ms-radio {
@ -494,7 +494,12 @@ export default {
font-size: 13px;
font-weight: normal;
}
:deep(.el-switch__label *){
color: #606266;
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
font-size: 13px;
font-weight: normal;
}
.icon.is-active {
transform: rotate(90deg);
}