fix(接口自动化): 修改TAG样式
This commit is contained in:
parent
1fee4b682c
commit
a34d9c8ca1
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<input-tag v-model="data" placeholder="输入回车添加"></input-tag>
|
<input-tag v-model="data" placeholder="输入回车添加" class="ms-input-div ms-input-tag-wrapper ms-input ms-input-remove"></input-tag>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -31,14 +31,22 @@
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
/deep/ .vue-input-tag-wrapper {
|
ms-input-tag-wrapper >>> .vue-input-tag-wrapper {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
border: 1px solid #a5d24a;
|
border: 1px solid #a5d24a;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .input-tag {
|
ms-input-remove >>> .remove {
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-input-div {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-input >>> .input-tag {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
|
@ -57,12 +65,4 @@
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .remove {
|
|
||||||
color: #909399;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .el-form-item__content {
|
|
||||||
line-height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue