/* 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; }