适配样式

pages/home.vue

 <template>
 <view class="appCotent" v-if="show">
     <view class="index-content">
-        <u-swiper :radius="0" :height="210" :list="list5" circular @change="e => current = e.current" :autoplay="true">
+        <u-swiper radius="0 0 0 30px" :height="210" :list="list5" circular @change="e => current = e.current" :autoplay="true">
             <view slot="indicator" class="indicator">
                 <view class="indicator__dot" v-for="(item, index) in list5" :key="index" :class="[index === current && 'indicator__dot--active']">
                 </view>
@@ -69,13 +69,16 @@ export default {
     methods: {
         getPrice() {
             let token = uni.getStorageSync('userToken');
-            if(!token){
+            if (!token) {
                 uni.navigateTo({
                     url: '/pages/binding/index?url=/pages/main&index=0'
                 })
                 return;
             }
-			let opts = { url: '/app/user/info', method: 'get' }
+            let opts = {
+                url: '/app/user/info',
+                method: 'get'
+            }
             this.http.httpTokenRequest(opts, {}).then(res => {
                 if (res.data.code == 200) {
                     let freeMoveFlag = res.data.data.freeMoveFlag
@@ -143,6 +146,11 @@ export default {
 
 <style lang="scss">
 .index-content {
+    /deep/ .u-swiper__indicator {
+        position: absolute;
+        right: 30rpx !important;
+    }
+
     background-color: #f9f9f9;
     height: 100%;
 
@@ -273,10 +281,6 @@ export default {
         }
     }
 
-    /deep/ .u-swiper__indicator {
-        right: 0 !important;
-    }
-
     /deep/ .u-swiper {
         border-radius: 0 0 0 100rpx !important;
     }
@@ -304,6 +308,7 @@ export default {
         background-color: rgba(0, 0, 0, 0.35);
         border-radius: 100%;
         width: 35px;
+        text-align: right;
         @include flex;
         justify-content: center;
 

pagesB/pages/move-car/myMoveCar.vue

@@ -15,10 +15,10 @@
                     <image src="@/static/move-car/my-move-car4.png" />
                 </div>
                 <div class="top__car__phone">
-                    <div>
+                    <div class="top__car">
                         {{vo.carNo}}
                     </div>
-                    <div>
+                    <div class="top__phone">
                         {{vo.userMobile}}
                     </div>
                 </div>
@@ -158,8 +158,7 @@ export default {
                 }
 
                 .top__car__phone {
-                    width: 60%;
-
+                    width: 340rpx;
                     .top__car {
                         font-size: 36rpx;
                         font-family: PingFang SC;
@@ -180,6 +179,7 @@ export default {
                     font-family: PingFang SC;
                     font-weight: 500;
                     color: #666666;
+                    padding-bottom: 50rpx;
                 }
             }
 

pagesB/pages/move-car/myRecord.vue

@@ -4,7 +4,7 @@
 -->
 <template>
 <view class="appCotent">
-<div class="myRecord">
+    <div class="myRecord">
         <scroll-list ref="list" :option="option" @load="load">
             <div class="record__item" v-for="(vo,inx) in items" :key="inx">
                 <div class="item__top">
@@ -33,7 +33,7 @@
                 </div>
             </div>
         </scroll-list>
-</div>
+    </div>
 </view>
 </template>
 
@@ -54,7 +54,10 @@ export default {
         load(paging) {
             setTimeout(() => {
                 let list = [];
-          let opts = { url: '/app/moveLog/my/list?pageSize='+paging.size+'&pageNum='+paging.page, method: 'get' };
+                let opts = {
+                    url: '/app/moveLog/my/list?pageSize=' + paging.size + '&pageNum=' + paging.page,
+                    method: 'get'
+                };
                 this.http.httpTokenRequest(opts, {}).then(res => {
                     if (res.data.code == 200) {
                         list = res.data.rows
@@ -71,14 +74,17 @@ export default {
                 // this.$refs.list.loadFail()
             }, this.$u.random(100, 1000));
         },
-		goDetail(id){
+        goDetail(id) {
             //console.log(id)
             uni.navigateTo({
-				url: '/pagesB/pages/move-car/recordDetail?id='+id
+                url: '/pagesB/pages/move-car/recordDetail?id=' + id
             })
         },
-		getMyMoveLogList(){
-			let opts = { url: '/app/moveLog/my/list', method: 'get' };
+        getMyMoveLogList() {
+            let opts = {
+                url: '/app/moveLog/my/list',
+                method: 'get'
+            };
             this.http.httpTokenRequest(opts, {}).then(res => {
                 if (res.data.code == 200) {
                     this.items = res.data.rows
@@ -112,6 +118,13 @@ export default {
             padding-bottom: 30rpx;
             margin-bottom: 30rpx;
 
+            .top__time {
+                font-size: 26rpx;
+                font-family: PingFang SC;
+                font-weight: 500;
+                color: #666666;
+            }
+
             .top__state {
                 background: #cfffe2;
                 width: 70rpx;

pagesC/pages/shop/search.vue

@@ -81,7 +81,7 @@ export default {
         .list__item {
             padding: 28rpx;
             box-sizing: border-box;
-            width: 620rpx;
+            width: 640rpx;
             height: 220rpx;
             background: #ffffff;
             box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);

pagesD/pages/personal/myOrder.vue

@@ -15,7 +15,8 @@
         }" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
         </u-tabs>
       <scroll-list ref="list" :option="option" @load="load">
-        <div class="order__content" v-for="(item,index) in orderList">
+          <u-gap bgColor="transparent" height="15"></u-gap>
+        <div class="order__content" v-for="(item,index) in orderList" :key="index">
             <div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===1) && item.orderStatus == 10">
                 <div class="item">
                     <div class="item__time">
@@ -313,9 +314,8 @@ export default {
     uni-view {
         background: #fff;
     }
-
     .order__content {
-        padding: 40rpx;
+        padding:0 40rpx;
 
         .order__items {
             background: #FFFFFF;
@@ -370,7 +370,7 @@ export default {
                                 font-family: PingFang SC;
                                 font-weight: 500;
                                 color: #333333;
-                                width: 320rpx;
+                                width: 340rpx;
                                 padding-right: 70rpx;
                             }
 

pagesD/pages/personal/orderDetail.vue

@@ -209,7 +209,7 @@ export default {
                     font-family: PingFang SC;
                     font-weight: 500;
                     color: #666666;
-                    padding: 0 14rpx;
+                    padding-right: 14rpx;
                 }
 
                 span:nth-of-type(2) {
@@ -292,7 +292,7 @@ export default {
                             font-family: PingFang SC;
                             font-weight: 500;
                             color: #333333;
-                            width: 320rpx;
+                            width: 340rpx;
                             padding-right: 70rpx;
                         }
 

static/public.css

@@ -24,3 +24,7 @@
     padding-left: 10rpx;
     width: 70rpx !important;
 }
+/deep/ .u-swiper__indicator {
+    position: absolute;
+    right: 30rpx !important;
+}
\ No newline at end of file