修复底部按钮组居中问题

src/components/layout/layout.vue

@@ -120,7 +120,7 @@ export default {
 <style scoped lang="less">
 .page-layout {
     max-width: 750px;
-    width: 750rpx;
+    width: 100%;
     margin: 0 auto;
     /* #ifdef H5 */
     // 修复自定义tabBar后的遮挡问题

src/pages/service/detail.vue

@@ -295,12 +295,15 @@ export default {
 }
 .service-buy-box {
     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;

src/pages/service/list.vue

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