tourism-wxapp/nova-tourism/components/my/index.wxss

/* nova-tourism/components/my/index.wxss */
.all {
  width: 100vw;
  background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/28334h050437823.png);
  background-position: center;
  /* 背景图片居中 */
  background-size: cover;
  /* 背景图片覆盖整个元素 */
  background-repeat: no-repeat;
  /* 不重复背景图片 */
  padding-left: 20rpx;
  padding-right: 20rpx;
  color: #382E2E;
  font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.all .infobox {
  width: 100%;
  display: flex;
  height: auto;
  padding-top: 20rpx;
}
.all .infobox image {
  width: 118rpx;
  height: 120rpx;
  border-radius: 15rpx;
}
.all .infobox .info {
  width: auto;
  height: 100rpx;
  margin-left: 34rpx;
}
.all .infobox .info .name {
  font-size: 40rpx;
  font-weight: 700;
}
.all .infobox .info .uid {
  font-size: 26rpx;
}
.all .infobox .info .labelbox {
  height: 40rpx;
  display: flex;
  margin-top: 10rpx;
}
.all .infobox .info .labelbox .label {
  width: 58rpx;
  height: 30rpx;
  font-size: 14rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #39362D;
  color: white;
  margin-left: 8rpx;
  border-radius: 10rpx;
}
.all .infobox .info .labelbox .label:nth-child(1) {
  margin-left: 0rpx;
}
.all .tatlebox {
  width: 100%;
  height: 282rpx;
  margin-top: 58rpx;
  background-color: #B2CEB9;
  border-radius: 15rpx;
  display: flex;
  justify-content: space-around;
  padding-left: 45rpx;
  padding-right: 45rpx;
  padding-top: 76rpx;
}
.all .tatlebox .tatle {
  width: 100rpx;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.all .tatlebox .tatle image {
  width: 96rpx;
  height: 96rpx;
}
.all .tatlebox .tatle .text {
  font-size: 24rpx;
  margin-top: 20rpx;
}
.all .myorderbox {
  width: 100%;
  height: 230rpx;
  background-color: white;
  margin-top: 28rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  padding-top: 20rpx;
  border-radius: 15rpx;
}
.all .myorderbox .my-name {
  font-size: 26rpx;
  font-weight: 300;
}
.all .myorderbox .or-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 10rpx;
}
.all .myorderbox .or-box .myorder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.all .myorderbox .or-box .myorder image {
  width: 66rpx;
  height: 66rpx;
}
.all .myorderbox .or-box .myorder .or-tex {
  font-size: 24rpx;
  margin-top: 22rpx;
}
.all .tuiguangbox {
  width: 100%;
  height: 150rpx;
  background-color: white;
  border-radius: 15rpx;
  display: flex;
  align-items: center;
  padding-top: 34rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  margin-top: 22rpx;
}
.all .tuiguangbox .tuibox {
  width: 400rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all .tuiguangbox .tuibox .tui-title {
  font-size: 36rpx;
  margin-bottom: 10rpx;
}
.all .tuiguangbox .tuibox .tuiguang-tex {
  font-size: 28rpx;
  color: #737373;
}
.all .tuiguangbox image {
  width: 102rpx;
  height: 100rpx;
  margin-left: auto;
  margin-right: 40rpx;
}
.all .myshop {
  font-size: 32rpx;
  width: 100%;
  height: 80rpx;
  display: flex;
  align-items: center;
  padding-left: 30rpx;
  padding-right: 30rpx;
  margin-top: 30rpx;
  background-color: white;
  border-radius: 15rpx;
}
.all .leavebox {
  width: 100%;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 15rpx;
  margin-top: 30rpx;
}
.all .leavebox image {
  width: 36rpx;
  height: 36rpx;
}
.all .leavebox .leave-tex {
  font-size: 32rpx;
  margin-left: 10rpx;
}