配件选择页面

src/components/select-parts/adjust.vue

@@ -43,7 +43,6 @@
 </script>
 <style scoped lang="scss">
 	.parts{
-    padding: 0 20rpx;
     .lists {
       padding: 10rpx 0;
       .name {

src/components/submit-bar/index.vue

@@ -9,7 +9,7 @@
       <view class="center-list">合计 <text class="num"> {{ num }} </text> 件</view>
     </view>
     <view class="u-flex bottom-right">
-      <button :class="['btn', btnActive]" @click="submit">确定</button>
+      <button :class="['btn', btnActive]" @click="submit">{{ submitTxt }}</button>
     </view>
   </view>
 </template>
@@ -46,6 +46,12 @@
 				default () {
 					return 0
 				}
+      },
+      submitTxt: { // 提交按钮文字
+        type: String,
+        default () {
+					return '确定'
+				}
       }
 		},
 		data() {
@@ -80,12 +86,14 @@
 	.bottom {
     width: 100%;
     height: 180rpx;
+    background: #fff;
+    justify-content: space-between;
     .u-flex {
       flex-direction: column;
       align-items: center;
     }
     .bottom-left {
-      margin-right: 10rpx;
+      margin-left: 30rpx;
       .left-list {
         width: 100%;
         &:nth-of-type(1) {
@@ -98,8 +106,8 @@
     }
     .bottom-center {
       flex: 1;
-      margin-right: 20rpx;
       align-items: flex-start;
+      margin: 0 20rpx;
       .center-list {
         &:nth-of-type(1) {
           color: #666;
@@ -118,6 +126,7 @@
     }
     .bottom-right {
       width: 340rpx;
+      margin-right: 20rpx;
       .btn {
         width: 100%;
         padding: 30rpx;

src/components/submit-bar/readme.md

@@ -16,7 +16,7 @@
 | btnStatus | Boolean |  true  | true/false |      确定按钮是否可点击      |
 | partNum | Number |  0  |  |      配件数量      |
 | num | Number |  0  |  |      合计总件数      |
-
+| submitTxt | String |  确定  |  |      确定按钮文字      |
 
 ### Events
 

src/pages/order/parts.vue

@@ -15,6 +15,7 @@
       <view v-else class="empty">暂无可用备件</view>
     </view>
 
+    <view class="bar">
       <submit-bar 
         :partNum="partNum"
         :num="num"
@@ -24,6 +25,7 @@
         @submit="submit"
       />
     </view>
+	</view>
 </template>
 
 <script>
@@ -137,5 +139,8 @@
       flex: 1;
       overflow-y: auto;
     }
+    .bar {
+      width: 100%;
+    }
   }
 </style>