1.首页添加横滑删除功能2.同步最新代码

zuoxiao

2024-10-18 35cd1fc2e97ee8c8ec93d632cfc6b8b90e7a6e2b

 pages/home/home.wxss

@@ -101,7 +101,8 @@
  /* 使 center-wrapper 在头部之上 */
}

.center-view {
.center-view,
.center-view-question {
  flex: 1;
  /* 每个元素平分宽度 */
  display: flex;
@@ -122,8 +123,17 @@
  margin-bottom: 10rpx;
  /* 图标和文本之间的间距 */
}

.center-view text {
.center-view-question image{
  padding-top: 10rpx;
  width: 75rpx;
  /* 根据需要调整图标大小 */
  height: 75rpx;
  /* 根据需要调整图标大小 */
  margin-bottom: 15rpx;
  /* 图标和文本之间的间距 */
}
.center-view text,
.center-view-question text {
  margin-top: 15rpx;
  font-size: 30rpx;
  color: #1890FF;
@@ -151,7 +161,7 @@
  background-color: #fff;
  margin-bottom: 2rpx;
  display: flex;
  justify-content: space-between;
 
  align-items: center;
  padding-left: 30rpx;
  padding-right: 30rpx;
@@ -222,9 +232,12 @@
  justify-content: center;
  padding-bottom: 15rpx;
}
.refresh-button:active{
  background-color: #7c7c7c; /* Change to a darker color when pressed */

.refresh-button:active {
  background-color: #7c7c7c;
  /* Change to a darker color when pressed */
}

.refresh-view {
  text-align: center;
  padding: 30rpx;
@@ -288,7 +301,7 @@

.dialog {
  --td-dialog-content-font-size: 40rpx;
  --td-dialog-content-line-height: 50rpx
  --td-dialog-content-line-height: 60rpx
}

.noMore-View-home {
@@ -317,7 +330,8 @@
}

.item-button:active {
  background-color: #7c7c7c; /* Change to a darker color when pressed */
  background-color: #7c7c7c;
  /* Change to a darker color when pressed */
}

.divider {
@@ -353,4 +367,25 @@
.scen-view text {
  font-size: 30rpx;
  color: #ffffff;
}

.delete-btn {
  display: flex;
  align-items: center; 
  justify-content: center;
  width: 120rpx;
  height: 100%;
  color: white;
  background-color: #e34d59;
}

.swipe-cell{
  display: flex;
  justify-content: space-between; /* 使子元素在主轴上均匀分布 */
  background-color: #fff;
  margin-bottom: 2rpx;
  width: 100wh;
}
.swipe-cell-base{

}