mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-23 03:20:36 +03:00
Code Activity

perf: change the entity name to entity number

Browse Source
This commit is contained in:
mengxiong10
2019-03-11 21:22:27 +08:00
parent d54ff39bf1
commit dbbba6b38e
2 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/calendar.vue
+4 -4
View File
@@ -5,19 +5,19 @@
<a <a
v-show="panel !== 'TIME'" v-show="panel !== 'TIME'"
class="mx-icon-last-year" class="mx-icon-last-year"
@click="handleIconYear(-1)">&laquo;</a> @click="handleIconYear(-1)">&#171;</a>
<a <a
v-show="panel === 'DATE'" v-show="panel === 'DATE'"
class="mx-icon-last-month" class="mx-icon-last-month"
@click="handleIconMonth(-1)">&lsaquo;</a> @click="handleIconMonth(-1)">&#8249;</a>
<a <a
v-show="panel !== 'TIME'" v-show="panel !== 'TIME'"
class="mx-icon-next-year" class="mx-icon-next-year"
@click="handleIconYear(1)">&raquo;</a> @click="handleIconYear(1)">&#187;</a>
<a <a
v-show="panel === 'DATE'" v-show="panel === 'DATE'"
class="mx-icon-next-month" class="mx-icon-next-month"
@click="handleIconMonth(1)">&rsaquo;</a> @click="handleIconMonth(1)">&#8250;</a>
<a <a
v-show="panel === 'DATE'" v-show="panel === 'DATE'"
class="mx-current-month" class="mx-current-month"
src/index.scss
+11 -8
View File
@@ -6,7 +6,8 @@ $primary-color: #1284e7;
display: inline-block; display: inline-block;
width: 210px; width: 210px;
color: $default-color; color: $default-color;
font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', sans-serif; font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
sans-serif;
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@@ -170,7 +171,7 @@ $primary-color: #1284e7;
float: left; float: left;
color: $default-color; color: $default-color;
padding: 6px 12px; padding: 6px 12px;
font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif; font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, sans-serif;
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@@ -196,6 +197,7 @@ $primary-color: #1284e7;
padding: 0 6px; padding: 0 6px;
font-size: 20px; font-size: 20px;
line-height: 30px; line-height: 30px;
user-select: none;
} }
.mx-icon-last-month { .mx-icon-last-month {
float: left; float: left;
@@ -204,10 +206,10 @@ $primary-color: #1284e7;
float: right; float: right;
} }
.mx-icon-last-year { .mx-icon-last-year {
@extend .mx-icon-last-month @extend .mx-icon-last-month;
} }
.mx-icon-next-year { .mx-icon-next-year {
@extend .mx-icon-next-month @extend .mx-icon-next-month;
} }
} }
} }
@@ -232,7 +234,7 @@ $primary-color: #1284e7;
cursor: not-allowed; cursor: not-allowed;
color: #ccc; color: #ccc;
background-color: #f3f3f3; background-color: #f3f3f3;
} }
} }
} }
@@ -246,7 +248,8 @@ $primary-color: #1284e7;
table-layout: fixed; table-layout: fixed;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
td, th { td,
th {
font-size: 12px; font-size: 12px;
width: 32px; width: 32px;
height: 32px; height: 32px;
@@ -292,8 +295,8 @@ $primary-color: #1284e7;
list-style: none; list-style: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top: 1px solid rgba(0,0,0,.05); border-top: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgba(0,0,0,.05); border-left: 1px solid rgba(0, 0, 0, 0.05);
overflow-y: auto; overflow-y: auto;
.mx-time-picker-item { .mx-time-picker-item {
display: block; display: block;