闫增涛
2025-03-31 04c7b0163caeae4ab1c5da62e301fa993101cfad
pages/personalCenter/index.wxss
@@ -1,20 +1,41 @@
page {
  background-color: #f0f2f5;
  box-sizing: border-box;
  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}
.background {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 680rpx;
  height: 80rpx;
  line-height: 88rpx;
  z-index: 3;
  text-align: center;
  font-size: 34rpx;
}
.white {
  background: #fff;
  color: #333;
}
.bg {
  height: 780rpx;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.bg .image {
  height: 100%;
}
.content-wrapper {
  position: relative;
  padding: 30rpx;
  padding: 20rpx 30rpx;
  margin-bottom: 10vh;
}
.topBox {
@@ -35,11 +56,16 @@
.teacherBox .title {
  margin-top: 20rpx;
  line-height: 40rpx;
  color: #949494;
}
.teacherBox .change-info {
  color: #ff6d00;
  margin-left: 20rpx;
}
.state {
  font-size: 32rpx;
}
.wait {
@@ -54,6 +80,12 @@
  color: #1FBC1F
}
.line {
  width: 2rpx;
  height: 90rpx;
  background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
}
.domainBox {
  width: 100%;
  margin: 20rpx auto;
@@ -63,16 +95,19 @@
}
.domainBox .title {
  font-size: 32rpx;
  color: #333;
  font-weight: bold;
  padding: 30rpx;
  padding: 30rpx 30rpx 0rpx 30rpx;
}
.domainList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 30rpx;
  justify-content: flex-start;
  padding: 15rpx 25rpx;
  box-sizing: border-box;
}
.domainList1 {
@@ -92,19 +127,28 @@
  width: 160rpx;
  min-width: 160rpx;
  flex-shrink: 0;
  padding: 30rpx 0;
  padding: 20rpx 0;
}
/* .listItem:nth-child(5),
.listItem:nth-child(6),
.listItem:nth-child(7),
.listItem:nth-child(8) {
  padding-top: 10rpx !important;
} */
.listItem .icon {
  width: 46rpx;
  height: 46rpx;
  width: 48rpx;
  height: 48rpx;
  margin: 0 auto;
  display: flex;
}
.listItem .icon .t-image {
  width: 100%;
.listItem .icon .img {
  /* width: 100%; */
  height: 100%;
  object-fit: contain;
}
.listItem .label {
@@ -113,4 +157,118 @@
  line-height: 40rpx;
  text-align: center;
  margin-top: 20rpx;
  color: #333;
}
.block {
  width: 100vw;
  background: #fff;
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
  margin-bottom: calc(env(safe-area-inset-bottom) + 88rpx);
}
.block .header {
  display: flex;
  align-items: center;
  height: 116rpx;
}
.block .title {
  flex: 1;
  text-align: center;
  font-weight: 600;
  font-size: 36rpx;
}
.block .body {
  padding: 0 20rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item {
  width: calc(100%/2 - 30rpx);
  text-align: center;
  padding: 30rpx 0;
  margin: 0 10rpx 20rpx 10rpx;
  background: #F9F9F9;
  border: 4rpx solid #F9F9F9;
  border-radius: 10rpx;
}
.activeItem {
  border: 4rpx solid #ff6c00;
  background: #fff;
}
.footer {
  width: 80%;
  margin: 10rpx auto;
}
.submit {
  background: #ff6c00;
  color: #fff;
  border-radius: 50rpx;
}
.blockIntegral {
  position: relative;
  width: 90vw;
  height: 70vh;
  background: var(--td-bg-color-container);
  border-radius: 16rpx;
}
.srcolbox {
  width: 100%;
  height: 70vh;
  white-space: nowrap;
}
.block-content {
  padding: 20rpx;
  font-size: 28rpx;
  color: #606266
}
.tableHeader {
  display: flex;
  background-color: #f3f3f3;
  line-height: 48rpx;
  padding: 10rpx;
  border-bottom: 1px solid #f4f4f4;
}
.blockIntegral .content-item {
  display: flex;
  line-height: 48rpx;
  padding: 10rpx;
  border-bottom: 2rpx solid #f4f4f4;
}
.blockIntegral .lable {
  width: 260rpx;
}
.blockIntegral .value {
  width: 100rpx;
}
.blockIntegral .totle {
  font-weight: bold;
}
.blockIntegral .createDate {
  flex: 1;
}
.close-btn {
  position: absolute;
  left: 50%;
  margin-left: -32rpx;
  bottom: calc(-1 * (48rpx + 64rpx));
}