沙盘演示系统应用的微信小程序
zuoxiao
2024-10-28 eb64e401aa8f22f510914a21ec3cf89e1594f6cb
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;
@@ -189,16 +199,10 @@
}
.bottom-title-text {
  position: absolute;
  /* 绝对定位 */
  left: 50%;
  /* 移动到容器的中间 */
  transform: translateX(-50%);
  /* 通过平移自身宽度的一半来实现真正的居中 */
  font-size: 16px;
  /* 字体大小 */
  color: #333;
  /* 字体颜色 */
  margin-right: 10rpx; /* 给文本和图标之间添加一些间距 */
  font-size: 16px; /* 字体大小 */
  color: #333; /* 字体颜色 */
}
.refresh-button {
@@ -222,9 +226,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 +295,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 +324,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 +361,48 @@
.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;
}
.info-img{
  width: 50rpx;
  height: 50rpx;
}
.title-center{
  position: absolute;
  /* 绝对定位 */
  left: 50%;
  /* 移动到容器的中间 */
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between; /* 使子元素在主轴上均匀分布 */
  align-items: center; /* 垂直居中对齐 */
}
.content-container{
  white-space: pre-line;
  word-wrap: break-word; /* 防止长单词无法换行 */
}
.long-content {
  height: 450rpx;
  margin-top: 16rpx;
  font-size: 32rpx;
  color: #888;
}