|  |  |  | 
|---|
|  |  |  | <scroll-view scroll-y="true" class="scroll_Y" @scrolltolower="scrolltolower"> | 
|---|
|  |  |  | <view class="main_list"> | 
|---|
|  |  |  | <view class="item" v-for="item,index in list" :key="index"> | 
|---|
|  |  |  | <view class="head"> | 
|---|
|  |  |  | <view class="head" | 
|---|
|  |  |  | :style="{ backgroundColor: item.orderStatus === 9 ? 'linear-gradient(270deg, #FEFEFF 0%, #FEE1E1 100%)' : 'linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%)' }"> | 
|---|
|  |  |  | <view class="code">{{item.contractNumber}}</view> | 
|---|
|  |  |  | <view class="status">{{item.orderStatusDesc }}</view> | 
|---|
|  |  |  | <view :class="item.orderStatus === 9 ? 'error' : 'status'">{{item.orderStatusDesc }}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="content"> | 
|---|
|  |  |  | <view class="line"> | 
|---|
|  |  |  | 
|---|
|  |  |  | width: 690rpx; | 
|---|
|  |  |  | height: 84rpx; | 
|---|
|  |  |  | margin: 0 -30rpx; | 
|---|
|  |  |  | background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%); | 
|---|
|  |  |  | // background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .code { | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | 
|---|
|  |  |  | .status { | 
|---|
|  |  |  | color: $uni-color-primary; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .error { | 
|---|
|  |  |  | color: #EE3821; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .content { | 
|---|