把style单独成css view view class=total wxif=total0共有 totaltotal0 条数据view scroll-view class= scroll-y=true style=height78vh;margin-top 16rpx; bindscrolltolower=scrollBottom view class=item wxfor=list

<style>
  .total {
    font-size: 28rpx;
    color: rgba(54, 60, 90, 0.8);
    padding: 20rpx;
    background-color: #fff;
  }
  .item {
    padding: 20rpx;
    background-color: #fff;
    border-bottom: 1rpx solid #f7f7f7;
  }
  .item_title {
    font-size: 32rpx;
    color: rgba(54, 60, 90, 0.8);
    margin-bottom: 14rpx;
  }
  .item_number {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14rpx;
  }
  .item_number view {
    display: flex;
    align-items: center;
  }
  .item_number image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
  }
  .item_number .line {
    width: 1rpx;
    height: 22rpx;
    background-color: rgba(54, 60, 90, 0.8);
    margin: 0 16rpx;
  }
  .item_mes {
    font-size: 28rpx;
    color: rgba(96, 155, 255, 1);
  }
  .item_mes view {
    display: flex;
    align-items: center;
    margin-bottom: 14rpx;
  }
  .item_mes image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
  }
  .item_mes view:last-child {
    margin-bottom: 0;
  }
  .signNum {
    font-size: 24rpx;
    color: rgba(96, 155, 255, 1);
  }
  .signNum text {
    font-size: 20rpx;
  }
  .item img {
    width: 160rpx;
    height: 160rpx;
    position: absolute;
    top: 20rpx;
    right: 20rpx;
  }
</style>
<view>
  <view class="total" wx:if="{{total>0}}">共有 {{total?total:0}} 条数据</view>
  <scroll-view class="" scroll-y="true" style="height:78vh;margin-top: 16rpx;" bindscrolltolower="scrollBottom">
    <view class="item" wx:for="{{list}}" wx:key="contractId" data-item="{{item}}" bindtap="goFileDetail">
      <view class="item_title">{{item.contractTitle}}</view>
      <view class="item_number">
        <view>
          <image src="/images/FileManagement/number.png" />
          <view>{{item.contractSerail}}</view>
        </view>
        <view class="line"></view>
        <view>
          <image src="/images/FileManagement/leibie.png" />
          <view>{{item.documentCategoryName||'未分类'}}</view>
        </view>
      </view>
      <view class="item_mes">
        <view>
          <image src="/images/FileManagement/from.png" />
          <view>发起方：</view>
          <view>{{item.companyName}}</view>
        </view>
        <view>
          <image src="/images/FileManagement/write.png" />
          <view>签署方：</view>
          <view>
            <view>
              {{util.interval(item.signCompanys).str}}
            </view>
          <view class="signNum" style="position: absolute;bottom: 0rpx;right: 0rpx;  color: rgba(96, 155, 255, 1);" wx:if="{{util.interval(item.signCompanys).state}}"><text style="color:rgba(54, 60, 90, 0.8);font-size: 28rpx;">...</text>[共{{item.signCompanys.length}}方签署]</view></view>
        </view>
        <view>
          <image src="/images/FileManagement/time.png" />
          <view>截止时间：</view>
          <view>{{item.signingDeadline}}</view>
        </view>
      </view>
      <image class="{{util.getContractImg(item.contractStatus).class}}" src='/images/FileManagement/{{util.getContractImg(item.contractStatus).img}}.png'></image>
    </view>
  </scroll-view>
</view>