From 5dc54a59184b305a85aaad31dd4cce01b31a8a2d Mon Sep 17 00:00:00 2001 From: zuoxiao <470321431@qq.com> Date: 星期四, 13 六月 2024 14:58:06 +0800 Subject: [PATCH] 开关泵定版 --- pages/waterIntake/waterIntake.wxss | 147 ++++++++++++++++++++---------------------------- 1 files changed, 61 insertions(+), 86 deletions(-) diff --git a/pages/waterIntake/waterIntake.wxss b/pages/waterIntake/waterIntake.wxss index 9c65252..4369c9a 100644 --- a/pages/waterIntake/waterIntake.wxss +++ b/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 } \ No newline at end of file -- Gitblit v1.8.0