style:日历样式
Showing
2 changed files
with
34 additions
and
6 deletions
| ... | @@ -68,7 +68,7 @@ export default { | ... | @@ -68,7 +68,7 @@ export default { | 
| 68 | } | 68 | } | 
| 69 | 69 | ||
| 70 | /deep/.el-calendar__body { | 70 | /deep/.el-calendar__body { | 
| 71 | padding: 12px !important; | 71 | padding: 8px; | 
| 72 | } | 72 | } | 
| 73 | 73 | ||
| 74 | /deep/.el-calendar-table .el-calendar-day { | 74 | /deep/.el-calendar-table .el-calendar-day { | 
| ... | @@ -82,6 +82,18 @@ export default { | ... | @@ -82,6 +82,18 @@ export default { | 
| 82 | text-align: center; | 82 | text-align: center; | 
| 83 | } | 83 | } | 
| 84 | 84 | ||
| 85 | /deep/.el-calendar-table thead th { | ||
| 86 | padding: 0 0 6px 0 !important; | ||
| 87 | } | ||
| 88 | |||
| 89 | /deep/.el-calendar-day { | ||
| 90 | padding: 3px !important; | ||
| 91 | } | ||
| 92 | |||
| 93 | /deep/.el-calendar__header { | ||
| 94 | padding: 8px 15px; | ||
| 95 | } | ||
| 96 | |||
| 85 | /**日期div的样式*/ | 97 | /**日期div的样式*/ | 
| 86 | .el-calendar-table tr td:first-child { | 98 | .el-calendar-table tr td:first-child { | 
| 87 | border-left: 0px; | 99 | border-left: 0px; | 
| ... | @@ -108,14 +120,16 @@ export default { | ... | @@ -108,14 +120,16 @@ export default { | 
| 108 | 120 | ||
| 109 | /**日期div的样式-公历*/ | 121 | /**日期div的样式-公历*/ | 
| 110 | .el-calendar-table .el-calendar-day>div .solar { | 122 | .el-calendar-table .el-calendar-day>div .solar { | 
| 111 | text-align: center | 123 | text-align: center; | 
| 124 | margin-top: 3px; | ||
| 112 | } | 125 | } | 
| 113 | 126 | ||
| 114 | /**日期div的样式-农历*/ | 127 | /**日期div的样式-农历*/ | 
| 115 | .el-calendar-table .el-calendar-day>div .lunar { | 128 | .el-calendar-table .el-calendar-day>div .lunar { | 
| 116 | padding-top: 5px; | 129 | padding-top: 5px; | 
| 117 | font-size: 12px; | 130 | font-size: 12px; | 
| 118 | text-align: center | 131 | text-align: center; | 
| 132 | margin-bottom: 5px; | ||
| 119 | } | 133 | } | 
| 120 | 134 | ||
| 121 | /**日期div的样式-选中*/ | 135 | /**日期div的样式-选中*/ | ... | ... | 
| ... | @@ -68,7 +68,7 @@ export default { | ... | @@ -68,7 +68,7 @@ export default { | 
| 68 | } | 68 | } | 
| 69 | 69 | ||
| 70 | /deep/.el-calendar__body { | 70 | /deep/.el-calendar__body { | 
| 71 | padding: 12px !important; | 71 | padding: 8px; | 
| 72 | } | 72 | } | 
| 73 | 73 | ||
| 74 | /deep/.el-calendar-table .el-calendar-day { | 74 | /deep/.el-calendar-table .el-calendar-day { | 
| ... | @@ -82,6 +82,18 @@ export default { | ... | @@ -82,6 +82,18 @@ export default { | 
| 82 | text-align: center; | 82 | text-align: center; | 
| 83 | } | 83 | } | 
| 84 | 84 | ||
| 85 | /deep/.el-calendar-table thead th { | ||
| 86 | padding: 0 0 6px 0 !important; | ||
| 87 | } | ||
| 88 | |||
| 89 | /deep/.el-calendar-day { | ||
| 90 | padding: 3px !important; | ||
| 91 | } | ||
| 92 | |||
| 93 | /deep/.el-calendar__header { | ||
| 94 | padding: 8px 15px; | ||
| 95 | } | ||
| 96 | |||
| 85 | /**日期div的样式*/ | 97 | /**日期div的样式*/ | 
| 86 | .el-calendar-table tr td:first-child { | 98 | .el-calendar-table tr td:first-child { | 
| 87 | border-left: 0px; | 99 | border-left: 0px; | 
| ... | @@ -108,14 +120,16 @@ export default { | ... | @@ -108,14 +120,16 @@ export default { | 
| 108 | 120 | ||
| 109 | /**日期div的样式-公历*/ | 121 | /**日期div的样式-公历*/ | 
| 110 | .el-calendar-table .el-calendar-day>div .solar { | 122 | .el-calendar-table .el-calendar-day>div .solar { | 
| 111 | text-align: center | 123 | text-align: center; | 
| 124 | margin-top: 3px; | ||
| 112 | } | 125 | } | 
| 113 | 126 | ||
| 114 | /**日期div的样式-农历*/ | 127 | /**日期div的样式-农历*/ | 
| 115 | .el-calendar-table .el-calendar-day>div .lunar { | 128 | .el-calendar-table .el-calendar-day>div .lunar { | 
| 116 | padding-top: 5px; | 129 | padding-top: 5px; | 
| 117 | font-size: 12px; | 130 | font-size: 12px; | 
| 118 | text-align: center | 131 | text-align: center; | 
| 132 | margin-bottom: 5px; | ||
| 119 | } | 133 | } | 
| 120 | 134 | ||
| 121 | /**日期div的样式-选中*/ | 135 | /**日期div的样式-选中*/ | ... | ... | 
- 
Please register or sign in to post a comment