提取公共样式

src/App.vue

@@ -45,6 +45,22 @@ export default {
 }
 /* #endif */
 // 通用样式
+.bottom-components {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-width: 750px;
+    width: 100%;
+    height: 100rpx;
+    margin: 0 auto;
+    box-sizing: border-box;
+    padding: 0 40rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #ffffff;
+}
 .search-placeholder {
     color: #bebebe;
 }

src/pages/address/address.vue

@@ -212,19 +212,6 @@ export default {
     }
 }
 .bottom-components {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    max-width: 750px;
-    width: 100%;
-    height: 100rpx;
-    margin: 0 auto;
-    box-sizing: border-box;
-    padding: 0 40rpx;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
     .btn {
         width: 310rpx;
         height: 76rpx;

src/pages/demand/demand.vue

@@ -417,7 +417,8 @@ export default {
     .textarea-box {
         border: none;
         .textarea {
-            height: 190rpx;
+            display: inline-block;
+            min-height: 190rpx;
             padding: 0;
             font-size: 26rpx;
             color: #666666;
@@ -441,20 +442,6 @@ export default {
     width: 710rpx;
     margin: 0 auto;
     .bottom-components {
-        position: fixed;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        max-width: 750px;
-        width: 100%;
-        height: 100rpx;
-        margin: 0 auto;
-        background-color: #ffffff;
-        box-sizing: border-box;
-        padding: 0 40rpx;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
         .price {
             font-size: 40rpx;
             font-weight: bold;

src/pages/order/create.vue

@@ -188,20 +188,6 @@ export default {
     padding: 0 40rpx 40rpx 40rpx;
 }
 .bottom-components {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    max-width: 750px;
-    width: 100%;
-    height: 100rpx;
-    margin: 0 auto;
-    background-color: #ffffff;
-    box-sizing: border-box;
-    padding: 0 40rpx;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
     .price {
         font-size: 42rpx;
         font-weight: bold;

src/pages/service/detail.vue

@@ -265,20 +265,6 @@ export default {
     }
 }
 .bottom-components {
-    position: fixed;
-    max-width: 750px;
-    width: 100%;
-    height: 100rpx;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    box-sizing: border-box;
-    padding: 0 40rpx;
-    margin: 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background-color: #ffffff;
     .price {
         .text {
             font-size: 42rpx;

src/pages/service/list.vue

@@ -116,20 +116,7 @@ export default {
 
 <style lang="less" scoped>
 .bottom-components {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    max-width: 750px;
-    width: 100%;
-    height: @tabBarHeight;
-    background-color: #ffffff;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
     padding: 0 20rpx 0 50rpx;
-    margin: 0 auto;
     .cart {
         position: relative;
         width: 95rpx;