From 9abc700ab1942bcc3d42ef6fb2a89ab37199a46a Mon Sep 17 00:00:00 2001
From: AmyFoxFN <funan_amy@foxmail.com>
Date: Thu, 31 May 2018 06:45:15 +0800
Subject: [PATCH] fix(picker): choose layout

---
 src/components/picker/picker.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/picker/picker.vue b/src/components/picker/picker.vue
index 86521c1a..78fa9dc2 100644
--- a/src/components/picker/picker.vue
+++ b/src/components/picker/picker.vue
@@ -13,11 +13,11 @@
         <div class="cube-picker-panel cube-safe-area-pb" v-show="isVisible" @click.stop>
           <div class="cube-picker-choose border-bottom-1px">
             <span class="cube-picker-cancel" @click="cancel">{{cancelTxt}}</span>
+            <span class="cube-picker-confirm" @click="confirm">{{confirmTxt}}</span>
             <div class="cube-picker-title-group">
               <h1 class="cube-picker-title">{{title}}</h1>
               <h2 v-if="subtitle" class="cube-picker-subtitle">{{subtitle}}</h2>
             </div>
-            <span class="cube-picker-confirm" @click="confirm">{{confirmTxt}}</span>
           </div>
 
           <div class="cube-picker-content">
@@ -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
-- 
GitLab