表单元素前置后置元素位置调整

flicat · Sep 12, 2024 · 8cc47a8 · 8cc47a8
1 parent 287d710
commit 8cc47a8
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 8 deletions.
diff --git a/lib/style.css b/lib/style.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pl-mobile2",
-  "version": "1.2.20",
+  "version": "1.2.21",
   "description": "a mobile component library for Vue.js.",
   "keywords": [
     "vue",

diff --git a/packages/checkbox/index.vue b/packages/checkbox/index.vue
@@ -235,7 +235,9 @@ export default {
     flex: 1;
   }
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding-right: 0.4em;
   }
 

diff --git a/packages/datetime/index.vue b/packages/datetime/index.vue
@@ -347,7 +347,9 @@ export default {
   }
   &-append,
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   &-append {
     padding-left: 0.4em;

diff --git a/packages/input/index.vue b/packages/input/index.vue
@@ -297,7 +297,9 @@ export default {
   }
   &-append,
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   &-append {
     padding-left: 0.4em;

diff --git a/packages/radio/index.vue b/packages/radio/index.vue
@@ -229,7 +229,9 @@ export default {
     flex: 1;
   }
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding-right: 0.4em;
   }
 

diff --git a/packages/range/index.vue b/packages/range/index.vue
@@ -278,7 +278,9 @@ export default {
   }
   &-append,
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   &-append {
     padding-left: 0.4em;

diff --git a/packages/select/index.vue b/packages/select/index.vue
@@ -351,7 +351,9 @@ export default {
   }
   &-append,
   &-prepend {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   &-append {
     padding-left: 0.4em;