diff --git a/src/components/picker/picker.vue b/src/components/picker/picker.vue
index 86521c1acc41cb3e1ac4e97150f604b1915b55d2..78fa9dc21b49e10bdcf29341c87205c5dc78f547 100644
--- a/src/components/picker/picker.vue
+++ b/src/components/picker/picker.vue
@@ -13,11 +13,11 @@
{{cancelTxt}}
+
{{confirmTxt}}
{{title}}
{{subtitle}}
-
{{confirmTxt}}
@@ -292,11 +292,9 @@
.cube-picker-choose
position: relative
- display: flex
height: 60px
.cube-picker-confirm, .cube-picker-cancel
- flex: 0 0 28px
font-size: $fontsize-medium
line-height: 60px
padding: 0 $picker-lr-padding
@@ -304,17 +302,21 @@
font-size: $fontsize-medium
.cube-picker-confirm
+ position: absolute
+ right: 0
color: $picker-confirm-btn-color
&:active
color: $picker-confirm-btn-active-color
.cube-picker-cancel
+ position: absolute
+ left: 0
color: $picker-cancel-btn-color
&:active
color: $picker-cancel-btn-active-color
.cube-picker-title-group
- flex: auto
+ padding: 0 60px
display: flex
height: 100%
flex-flow: column