管灌系统农户端微信小程序(嘉峪关应用)
pages/valveList/valveList.wxss
@@ -1,4 +1,16 @@
/* 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;
@@ -26,4 +38,75 @@
  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;
}