开关泵定版

zuoxiao

2024-06-13 5dc54a59184b305a85aaad31dd4cce01b31a8a2d

 pages/waterIntake/waterIntake.wxss

@@ -1,106 +1,43 @@
/* pages/waterIntake/waterIntake.wxss */
/* index.wxss */
.container {
  padding-left: 20rpx;
  padding-right: 20rpx;
  padding-top: 5rpx;
  padding-bottom: 5rpx;
  padding: 5rpx 20rpx;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  /* 防止底部区域滚动 */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.tabs {
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eee;
  /* Tabs 占满整个横向屏幕 */
}

.tab {
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
  position: relative;
  width: 50%;
  /* Tabs 平分整个横向屏幕 */
  text-align: center;
  /* 文字居中 */
}

list-container

.list {
  margin-top: 20px;
}

.item {
  padding: 10px;
  border-bottom: 1px solid #eee;
}


.search-container {
  display: flex;
  align-items: center;
  padding: 10rpx;
  border-bottom: 1px solid #eee;
}

/* 搜索框 */
.search-input {
  flex: 1;
  height: 80rpx;
  padding: 0 20rpx;
  border: 1px solid #ccc;
  border-radius: 20rpx;
  font-size: 30rpx;
}

/* 搜索按钮 */
.search-button {
  display: flex;
  margin-left: 10rpx;
  height: 60rpx;

  background-color: #1890FF;
  color: white;
  border: none;
  border-radius: 20rpx;
  font-size: 30rpx;
  text-align: center;
  align-items: center;
  position: relative;
}

.list-container {
  flex: 1;
  overflow-y: auto;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 确保内容居上 */
  height: 100%;
}

.all-waterIntake {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 确保内容居上 */
  height: 100%;
  width: 100%;
  padding-bottom: 20rpx; /* 增加底部填充 */
}

.item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  /* 适当调整间距 */
  padding: 15px 20rpx;
  border-bottom: 1px solid #eee;
}

.item-left {
@@ -108,22 +45,20 @@
  align-items: center;
}

.item-right {
  display: flex;
  align-items: center;
.item-left text{
  font-size: 40rpx;
  min-width: 150rpx;
}

.item-img {
  width: 40rpx;
  /* 根据需要调整图标大小 */
  height: 40rpx;
  /* 根据需要调整图标大小 */
  margin-left: 20rpx;
}

.item-button {
  display: flex;
  height: 60rpx;
  height: 80rpx;
  padding: 0 60rpx;
  background-color: #1890FF;
  color: white;
@@ -133,9 +68,7 @@
  align-items: center;
  justify-content: center;
}
.item-left text{
  font-size: 40rpx;
}

.indicator {
  width: 100%;
  height: 3px;
@@ -143,8 +76,6 @@
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(0);
  /* 初始化位置 */
}

.noMore-View {
@@ -156,11 +87,55 @@
  flex-direction: column;
}

.noMore-img{
.noMore-img {
  width: 300rpx;
  height: 300rpx;
}

.noMore-text{
  color:#969494;
.noMore-text {
  color: #969494;
}

.search-container {
  display: flex;
  align-items: center;
  padding: 10rpx;
  border-bottom: 1px solid #eee;
}

.search-input {
  flex: 1;
  height: 80rpx;
  padding: 0 20rpx;
  border: 1px solid #ccc;
  border-radius: 20rpx;
  font-size: 30rpx;
}

.search-button {
  margin-left: 10rpx;
  height: 60rpx;
  background-color: #1890FF;
  color: white;
  border: none;
  border-radius: 20rpx;
  font-size: 30rpx;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.all-waterIntake {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 10rpx; /* 增加底部填充 */
}
.t-dialog{
  --td-dialog-content-font-size:40rpx;
  --td-dialog-content-line-height:50rpx
}