.content { width: 100%; min-height: 100vh; padding: 20rpx 0rpx 100rpx; } .chart-scroll-wrap { width: 100%; } .chart-con { width: 100%; box-sizing: border-box; padding: 0rpx 28rpx; } .chart-wrap-bing { width: 100%; box-sizing: border-box; border-radius: 20rpx; background-color: #fff; } .ring-chart { height: 400rpx; width: 100%; box-sizing: border-box; padding: 0rpx 28rpx; border-width: 0 4rpx 4rpx 4rpx; /* 上、右、下、左 边框宽度 */ border-style: solid; border-color: #90ffe4; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .chart-wrap { width: 100%; box-sizing: border-box; padding: 32rpx 0rpx; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; background-color: #fff; border-width: 0 4rpx 4rpx 4rpx; /* 上、右、下、左 边框宽度 */ border-style: solid; border-color: #90ffe4; } .line-chart-con { box-sizing: border-box; padding: 0rpx 28rpx; } .line-chart { width: 100%; margin-top: 30rpx; height: 450rpx; } .cartsList-all { width: 100%; height: 100rpx; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff; border-width: 4rpx 4rpx 4rpx 4rpx; border-style: solid; border-color: #90ffe4; padding: 20rpx; box-sizing: border-box; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .cartsList-name { font-size: 35rpx; font-weight: bold; } .select-button { display: flex; gap: 16rpx; } .trend-summary-wrap { display: flex; gap: 16rpx; border: 4rpx solid #90ffe4; background: #fff; padding: 18rpx 0; border-top: none; border-bottom: none; } .trend-summary-item { flex: 1; text-align: center; } .trend-summary-title { color: #008080; font-size: 22rpx; } .trend-summary-value { font-size: 32rpx; font-weight: bold; color: #333; margin-top: 8rpx; } .supplier-summary-wrap { display: flex; gap: 16rpx; border: 4rpx solid #90ffe4; background: #fff; padding: 18rpx 0; border-top: none; border-bottom: none; } .supplier-summary-item { flex: 1; text-align: center; } .supplier-list-scroll { max-height: 420rpx; overflow-y: auto; background-color: #fff; border-radius: 12rpx; padding: 0 8rpx; } .supplier-list-border { border: 4rpx solid #90ffe4; border-radius: 16rpx; margin-bottom: 20rpx; background: #fff; } .supplier-list-item { display: flex; align-items: center; padding: 18rpx 0; border-bottom: 1px solid #f1f1f1; background-color: #fff; }