mt-fe-group/cnbmai-ui
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

table默认border,css修改

Browse Source
This commit is contained in:
朱菊兰 2023-01-06 11:08:41 +08:00
parent 63d8a33994
commit a78c20ec59
6 changed files with 105 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

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

56
src/components/BaseDialog/index.vue
View File

@ -66,34 +66,32 @@ export default {
}
}
</script>
<style lang="scss">
.baseDialog {
.el-dialog__header {
font-size: 16px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
padding: 13px 24px;
border-bottom: 1px solid #e9e9e9;
.titleStyle::before{
content: '';
display: inline-block;
width: 4px;
height: 16px;
background-color: #0B58FF;
border-radius: 1px;
margin-right: 8px;
position: relative;
top: 2px;
}
}
.el-dialog__body {
padding-left: 24px;
padding-right: 24px;
}
.btnTextStyle {
letter-spacing:6px;
padding: 9px 10px 9px 16px;
font-size: 14px;
}
<style>
.baseDialog .el-dialog__header {
font-size: 16px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
padding: 13px 24px;
border-bottom: 1px solid #e9e9e9;
}
.baseDialog .el-dialog__header .titleStyle::before{
content: '';
display: inline-block;
width: 4px;
height: 16px;
background-color: #0B58FF;
border-radius: 1px;
margin-right: 8px;
position: relative;
top: 2px;
}
.baseDialog .el-dialog__body {
padding-left: 24px;
padding-right: 24px;
}
.baseDialog .btnTextStyle {
letter-spacing:6px;
padding: 9px 10px 9px 16px;
font-size: 14px;
}
</style>

74
src/components/BaseTable/index.vue
View File

@ -4,6 +4,7 @@
:ref="id"
:data="renderData"
v-bind="$attrs"
:border="cancelBorder ? false : true"
@current-change="currentChange"
@selection-change="handleSelectionChange"
style="width: 100%"
@ -116,6 +117,10 @@ export default {
}
},
props: {
cancelBorder: {
type: Boolean,
default: false
},
tableData: {
type: Array,
required: true,
@ -204,45 +209,42 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.baseTable {
.show-col-btn {
margin-right: 5px;
line-height: inherit;
cursor: pointer;
}
.el-icon-refresh {
cursor: pointer;
}
<style scoped>
.baseTable .show-col-btn {
margin-right: 5px;
line-height: inherit;
cursor: pointer;
}
.baseTable .el-icon-refresh {
cursor: pointer;
}
</style>
<style lang="scss">
.baseTable {
.el-table__body tr.current-row>td.el-table__cell {
background-color: #EAF1FC;
}
.el-table .el-table__cell {
padding: 0;
height: 35px;
}
.addButton {
width: 100%;
height: 35px;
border-top: none;
color: #0b58ff;
border-color: #ebeef5;
border-radius: 0;
}
.addButton:hover {
color: #0b58ff;
border-color: #ebeef5;
background-color: #fff;
}
.addButton:focus {
border-color: #ebeef5;
background-color: #fff;
}
<style>
.baseTable .el-table__body tr.current-row>td.el-table__cell {
background-color: #EAF1FC;
}
.baseTable .el-table .el-table__cell {
padding: 0;
height: 35px;
}
.baseTable .addButton {
width: 100%;
height: 35px;
border-top: none;
color: #0b58ff;
border-color: #ebeef5;
border-radius: 0;
}
.baseTable .addButton:hover {
color: #0b58ff;
border-color: #ebeef5;
background-color: #fff;
}
.baseTable .addButton:focus {
border-color: #ebeef5;
background-color: #fff;
}
.el-tooltip__popper.is-dark {
background: rgba(0, 0, 0, 0.6) !important;
}

2
src/components/BaseTable/subcomponents/InputArea.vue
View File

@ -28,7 +28,7 @@ export default {
}
}
</script>
<style lang="css">
<style>
.tableInner .el-input__inner {
border: none;
padding: 0;

36
src/components/Pagination/index.vue
View File

@ -77,28 +77,26 @@ export default {
text-align: right;
}
</style>
<style lang='scss'>
.pagination-container {
.el-pagination {
position: relative;
}
<style>
.pagination-container .el-pagination {
position: relative;
}
.el-pagination__jump {
margin-left: 125px;
}
.pagination-container .el-pagination__jump {
margin-left: 125px;
}
.el-pagination__sizes {
position: absolute;
right: 100px;
}
.pagination-container .el-pagination__sizes {
position: absolute;
right: 100px;
}
.el-pager li.active {
background-color: #0b58ff;
color: #fff;
}
.pagination-container .el-pager li.active {
background-color: #0b58ff;
color: #fff;
}
.el-input--mini .el-input__inner {
height: 22px;
}
.pagination-container .el-input--mini .el-input__inner {
height: 22px;
}
</style>

44
src/components/SearchBar/SearchBar.vue
View File

@ -231,28 +231,26 @@ export default {
}
}
</script>
<style lang="scss">
.searchBar {
.blue-block {
float: left;
display: inline-block;
width: 4px;
height: 16px;
background-color: #0B58FF;
border-radius: 1px;
margin-right: 8px;
margin-top: 12px;
}
.el-form-item {
margin-bottom: 10px;
}
.el-date-editor .el-range__icon {
font-size: 16px;
color:#0B58FF;
}
.el-input__prefix .el-icon-date {
font-size: 16px;
color:#0B58FF;
}
<style>
.searchBar .blue-block {
display: inline-block;
float: left;
width: 4px;
height: 16px;
background-color: #0B58FF;
border-radius: 1px;
margin-right: 8px;
margin-top: 12px;
}
.searchBar .el-form-item {
margin-bottom: 10px;
}
.searchBar .el-date-editor .el-range__icon {
font-size: 16px;
color:#0B58FF;
}
.searchBar .el-input__prefix .el-icon-date {
font-size: 16px;
color:#0B58FF;
}
</style>