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