searchBar按新ui图,按钮间添加竖线

This commit is contained in:
朱菊兰 2023-01-10 11:24:12 +08:00
parent 0d9b39d920
commit 6955d75dd6
2 changed files with 13 additions and 1 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "code-brick-zj", "name": "code-brick-zj",
"version": "0.0.6", "version": "0.0.7",
"private": false, "private": false,
"description": "组件封装", "description": "组件封装",
"main": "index.js" "main": "index.js"

View File

@ -101,6 +101,7 @@
@click="headBtnClick(item.name)" @click="headBtnClick(item.name)"
>{{ item.btnName }}</el-button >{{ item.btnName }}</el-button
> >
<span v-if="item.type === 'separate'" class="separateStyle"></span>
<!-- 可用于显示其他按钮 --> <!-- 可用于显示其他按钮 -->
</el-form-item> </el-form-item>
</template> </template>
@ -253,4 +254,15 @@ export default {
font-size: 16px; font-size: 16px;
color:#0B58FF; color:#0B58FF;
} }
.searchBar .el-input__prefix .el-icon-time {
font-size: 16px;
color:#0B58FF;
}
.searchBar .separateStyle {
display: inline-block;
width: 1px;
height: 24px;
background: #E8E8E8;
vertical-align: middle;
}
</style> </style>