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

style: change the shortcuts html span to button

Browse Source
This commit is contained in:
mxie
2018-06-23 10:34:19 +08:00
parent 3b3cd071d2
commit 4aeab41add
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.scss
+6
View File
@@ -120,6 +120,12 @@ $primary-color: #1284e7;
line-height: 34px; line-height: 34px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05);
.mx-shortcuts { .mx-shortcuts {
background: none;
outline: none;
border: 0;
color: inherit;
margin: 0;
padding: 0;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
src/index.vue
+3 -2
View File
@@ -49,11 +49,12 @@
<slot name="header"> <slot name="header">
<div class="mx-shortcuts-wrapper" <div class="mx-shortcuts-wrapper"
v-if="range && innnerShortcuts.length"> v-if="range && innnerShortcuts.length">
<span <button
type="button"
class="mx-shortcuts" class="mx-shortcuts"
v-for="(range, index) in innnerShortcuts" v-for="(range, index) in innnerShortcuts"
:key="index" :key="index"
@click="selectRange(range)">{{range.text}}</span> @click="selectRange(range)">{{range.text}}</button>
</div> </div>
</slot> </slot>
<calendar-panel <calendar-panel