修改卡片布局

app.wxss

@@ -60,7 +60,7 @@ navigator {
     white-space: pre-wrap;
 }
 
-.global-total{
+.global-total {
     height: 64rpx;
     line-height: 64rpx;
     font-size: 24rpx;
@@ -68,4 +68,13 @@ navigator {
     color: #666666;
     background: #F4F5F7;
     padding-left: 30rpx;
+}
+
+.global-card {
+    width: 690rpx;
+    background: #FFFFFF;
+    box-sizing: border-box;
+    padding: 20rpx;
+    border-radius: 8rpx;
+    margin: 0 auto 20rpx;
 }

packageA/contract/modules/list/index.scss

@@ -1,9 +1,10 @@
 .offer-list {
-    width: 100%;
-    padding: 20rpx 30rpx;
+    width: 690rpx;
+    padding: 20rpx;
     box-sizing: border-box;
+    margin: 0 auto 20rpx;
+    border-radius: 8rpx;
     background-color: #fff;
-    border-bottom: 1rpx solid #ddd;
     font-family: PingFang SC-Regular, PingFang SC;
 
     .title {
@@ -21,7 +22,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             width: 132rpx;
             height: 40rpx;
             border-radius: 20rpx 0px 0px 20rpx;

packageA/finishforecast/modules/list/index.scss

@@ -1,9 +1,11 @@
 .box {
-    width: 100vw;
+    width: 690rpx;
     background-color: #fff;
-    padding: 20rpx 30rpx;
+    padding: 20rpx;
     box-sizing: border-box;
-    border-bottom: 1px solid #ddd;
+    margin: 0 auto 20rpx;
+    border-radius: 8rpx;
+
     .title {
         position: relative;
         height: 44rpx;
@@ -15,7 +17,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             top: 4rpx;
             font-weight: normal;
             width: 132rpx;

packageA/invoiceforecast/modules/list/index.scss

@@ -1,9 +1,11 @@
 .box {
-    width: 100vw;
+    width: 690rpx;
     background-color: #fff;
-    padding: 20rpx 30rpx;
+    padding: 20rpx;
     box-sizing: border-box;
-    border-bottom: 1px solid #ddd;
+    margin: 0 auto 20rpx;
+    border-radius: 8rpx;
+
     .title {
         position: relative;
         height: 44rpx;
@@ -15,7 +17,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             top: 4rpx;
             font-weight: normal;
             width: 132rpx;

packageA/offers/modules/list/index.scss

@@ -1,9 +1,10 @@
 .offer-list {
-    width: 100%;
-    padding: 20rpx 30rpx;
+    width: 690rpx;
+    margin: 0 auto 20rpx;
+    padding: 20rpx;
+    border-radius: 8rpx;
     box-sizing: border-box;
     background-color: #fff;
-    border-bottom: 1rpx solid #ddd;
     font-family: PingFang SC-Regular, PingFang SC;
 
     .tag-box {
@@ -33,7 +34,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             width: 132rpx;
             height: 40rpx;
             border-radius: 20rpx 0px 0px 20rpx;

packageA/project/modules/list/index.scss

@@ -1,10 +1,10 @@
 .project-item {
     display: flex;
     align-items: center;
-    width: 100vw;
-    background-color: #ffffff;
-    border-bottom: 1px solid#F4F4F4;
-    box-sizing: border-box;
+    background-color: #fff;
+    width: 690rpx;
+    border-radius: 8rpx;
+    margin: 0 auto 20rpx;
 
     .chart {
         margin: 0 30rpx;
@@ -62,9 +62,9 @@
 
     .main {
         position: relative;
-        flex: 1;
         box-sizing: border-box;
         padding: 20rpx 0;
+        overflow: hidden;
 
         .label {
             display: flex;

packageA/saleAdmin/modules/list/index.js

@@ -4,6 +4,9 @@ Component({
             type: Array
         }
     },
+    options: {
+        addGlobalClass: true
+    },
     lifetimes: {
         attached: function () {
             getApp().globalData.Language.getLanguagePackage(this)

packageA/saleAdmin/modules/list/index.scss

@@ -1,10 +1,4 @@
 .offer-list {
-    width: 100%;
-    padding: 20rpx 30rpx;
-    box-sizing: border-box;
-    background-color: #fff;
-    border-bottom: 1rpx solid #ddd;
-    font-family: PingFang SC-Regular, PingFang SC;
     position: relative;
 
     .action {
@@ -28,7 +22,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             width: 132rpx;
             height: 40rpx;
             border-radius: 20rpx 0px 0px 20rpx;

packageA/saleAdmin/modules/list/index.wxml

@@ -1,4 +1,4 @@
-<navigator class="offer-list" url="/packageA/saleAdmin/detail?id={{item.sat_orderclueid}}" wx:for="{{list}}" wx:key="sat_orderclueid">
+<navigator class="offer-list global-card" url="/packageA/saleAdmin/detail?id={{item.sat_orderclueid}}" wx:for="{{list}}" wx:key="sat_orderclueid">
     <view class="title">
         <text class="line-1">{{item.enterprisename_customer || " --"}}</text>
         <view class="status" style="background-color: {{sColors[item.status]}};">{{language[item.status]||item.status}}</view>

packageA/saleClue/modules/list/list.js

@@ -1,4 +1,7 @@
 Component({
+    options: {
+        addGlobalClass: true
+    },
     properties: {
         list: {
             type: Array

packageA/saleClue/modules/list/list.scss

@@ -1,10 +1,4 @@
 .offer-list {
-    width: 100%;
-    padding: 20rpx 30rpx;
-    box-sizing: border-box;
-    background-color: #fff;
-    border-bottom: 1rpx solid #ddd;
-    font-family: PingFang SC-Regular, PingFang SC;
     position: relative;
 
     .action {
@@ -28,7 +22,7 @@
 
         .status {
             position: absolute;
-            right: -30rpx;
+            right: -20rpx;
             width: 132rpx;
             height: 40rpx;
             border-radius: 20rpx 0px 0px 20rpx;

packageA/saleClue/modules/list/list.wxml

@@ -1,4 +1,4 @@
-<navigator class="offer-list" url="/packageA/saleClue/detail?sat_orderclueid={{item.sat_orderclueid}}" wx:for="{{list}}" wx:key="sat_orderclueid">
+<navigator class="offer-list global-card" url="/packageA/saleClue/detail?sat_orderclueid={{item.sat_orderclueid}}" wx:for="{{list}}" wx:key="sat_orderclueid">
     <view class="title">
         <text class="line-1">{{item.enterprisename_customer || " --"}}</text>
         <view class="status" style="background-color: {{sColors[item.status]}};">{{language[item.status]||item.status}}</view>