|  |  | 
 |  |  | /* pages/valveList/valveList.wxss */ | 
 |  |  | .container { | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  |   height: 100vh; | 
 |  |  |   width: 100%; | 
 |  |  |   padding-left: 20rpx; | 
 |  |  |   padding-right: 20rpx; | 
 |  |  |   padding-top: 5rpx; | 
 |  |  |   padding-bottom: 5rpx; | 
 |  |  |   background-color: #fff; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list-item { | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  | 
 |  |  |   color: #FFFF00; | 
 |  |  |   font-size: 50rpx; | 
 |  |  |   font-weight: bold; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .tab { | 
 |  |  |   font-size: 35rpx; | 
 |  |  |   padding: 10px; | 
 |  |  |   cursor: pointer; | 
 |  |  |   position: relative; | 
 |  |  |   width: 50%; | 
 |  |  |   /* Tabs 平分整个横向屏幕 */ | 
 |  |  |   text-align: center; | 
 |  |  |   /* 文字居中 */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .tabs { | 
 |  |  |   display: flex; | 
 |  |  |   justify-content: space-around; | 
 |  |  |   position: relative; | 
 |  |  |   width: 100%; | 
 |  |  |   border-bottom: 1px solid #eee; | 
 |  |  |   /* Tabs 占满整个横向屏幕 */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list-container { | 
 |  |  |   flex: 1; | 
 |  |  |   width: 100%; | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .noMore-View { | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  |   justify-content: center; | 
 |  |  |   align-items: center; | 
 |  |  |   height: 100%; | 
 |  |  |   padding: 40rpx 0; | 
 |  |  |   width: 100%; | 
 |  |  |   text-align: center; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .noMore-img { | 
 |  |  |   width: 200rpx; | 
 |  |  |   height: 200rpx; | 
 |  |  |   margin-bottom: 20rpx; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .noMore-text { | 
 |  |  |   font-size: 32rpx; | 
 |  |  |   color: #999; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .indicator { | 
 |  |  |   width: 100%; | 
 |  |  |   height: 3px; | 
 |  |  |   background-color: #1890FF; | 
 |  |  |   position: absolute; | 
 |  |  |   bottom: 0; | 
 |  |  |   left: 0; | 
 |  |  |   transform: translateX(0); | 
 |  |  |   /* 初始化位置 */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .no-more-data { | 
 |  |  |   display: flex; | 
 |  |  |   justify-content: center; | 
 |  |  |   align-items: center; | 
 |  |  |   padding: 20rpx 0; | 
 |  |  |   color: #999; | 
 |  |  |   font-size: 28rpx; | 
 |  |  |   width: 100%; | 
 |  |  |   text-align: center; | 
 |  |  | } |