|  |  |  | 
|---|
|  |  |  | /* 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; | 
|---|
|  |  |  | } | 
|---|