daoji_h5/styles/pages.wxss

440 lines
5.4 KiB
Plaintext

.page-height {
width: 100%;
height: 100vh;
background: #fff;
}
/* 单选/多选按钮 */
.pay-icon {
font-size: 40rpx;
}
/* 分享按钮 */
.common-share-btn {
right: 30rpx;
bottom: 140rpx;
width: 90rpx;
height: 90rpx;
margin-bottom: calc(env(safe-area-inset-bottom) / 2);
.iconfont {
font-size: 40rpx;
}
}
.common-share-btn.detail {
bottom: 170rpx;
}
.map-info {
.iconjuli {
font-size: 42rpx;
}
.icon-down {
transform: scale(0.5);
}
}
/* 海报 */
.hideCanvasView {
position: relative;
.hideCanvas {
position: absolute;
left: -9999rpx;
top: -9999rpx
}
}
/* 技-师页面 */
.pages-technician {
.fix-info {
height: 225rpx;
.space-top {
width: 100%;
height: 40rpx;
top: 0;
}
.search-info {
width: 100%;
top: 0;
.city-info {
width: 170rpx;
.iconfont {
font-size: 20rpx;
transform: scale(0.5);
}
}
}
}
.fix-info.choose {
height: 135rpx;
}
.choose-city-popup {
padding: 0 32rpx 0 30rpx;
.city-img {
width: 688rpx;
height: 364rpx;
}
.text {
top: 256rpx;
left: 78rpx;
width: 606rpx;
}
.flex-between {
margin-top: 25rpx;
.item-btn {
width: 238rpx;
height: 85rpx;
background: #F9F9F9;
}
}
}
}
/* 订单相关页面 */
.order-pages {
.service-type-item {
min-width: 143rpx;
height: 59rpx;
padding: 0 10rpx;
background: #F5F5F5;
border-radius: 8rpx
}
.address-info {
.address-icon {
width: 64rpx;
height: 64rpx;
.iconfont {
font-size: 38rpx;
}
}
.username {
font-size: 30rpx;
}
}
.store-info {
.item-icon {
width: 40rpx;
height: 40rpx;
.iconfont {
font-size: 28rpx;
}
.item-icon {
top: 0;
left: 0;
opacity: 0.1;
}
}
}
.item-child {
.bell-tag {
top: 0;
left: 0;
width: 120rpx;
height: 40rpx;
border-radius: 16rpx 0 16rpx 0;
}
.grayscale {
.c-title,
.c-warning {
color: #999;
}
}
.cover {
width: 155rpx;
height: 155rpx;
}
.refund-img {
width: 196rpx;
height: 196rpx;
}
.refund-img:nth-child(3n) {
margin-right: 0
}
}
.item-textarea {
width: 570rpx;
height: 300rpx;
}
.menu-list {
margin-top: -30rpx;
.menu-title {
height: 90rpx;
.iconfont {
font-size: 24rpx;
}
}
.menu-line {
width: 80%;
top: 76rpx;
left: 10%;
}
.item-child {
width: 20%;
margin: 10rpx 0;
.item-img {
width: 72rpx;
height: 72rpx;
z-index: 9;
border: 1px solid #666;
.iconfont {
font-size: 40rpx;
}
}
}
}
.add-bell {
.menu-line {
width: 70%;
top: 76rpx;
left: 15%;
}
.item-child {
width: 33.33%;
}
}
.order-agent-info {
color: #4A4A4A;
.coach-img {
width: 94rpx;
height: 94rpx;
}
.title {
width: 200rpx;
font-weight: bold;
}
.text {
color: #777;
font-size: 26rpx;
}
}
.copy-btn {
width: 60rpx;
height: 32rpx;
border: 1rpx solid #fff;
transform: rotateZ(360deg);
}
.copy-btn.fill {
color: 333;
borderColor: #eee;
background: #eee;
padding: 2rpx 6rpx;
}
.copy-btn.span {
padding: 2rpx 6rpx;
}
.footer-info {
bottom: 0;
.item-btn {
min-width: 150rpx;
height: 64rpx;
padding: 0 10rpx;
background: #EEEEEE;
}
}
}
/* 申请表单相关页面 */
.apply-pages {
.apply-form {
.item-text {
width: 200rpx;
height: 30rpx;
line-height: 30rpx;
font-size: 30rpx;
color: #1F1F1F;
}
.item-input {
min-height: 30rpx;
line-height: 30rpx;
padding: 25rpx 0;
font-size: 26rpx;
color: #A9A9A9;
}
.item-input.text {
padding: 30rpx 0;
}
.item-textarea {
width: 630rpx;
height: 400rpx;
color: #A9A9A9;
}
.icon-switch,
.icon-switch-on {
font-size: 90rpx;
line-height: 46rpx;
}
}
}
/* 储值明细记录 */
.stored-record-pages {
.list-time {
z-index: 99999;
.item-child {
width: 50%;
height: 95rpx;
.iconfont {
font-size: 28rpx;
}
}
}
movable-area,
movable-view {
width: 686rpx;
height: 148rpx;
overflow: hidden;
}
.touch-item {
font-size: 14px;
display: flex;
justify-content: space-between;
width: 686rpx;
height: 100%;
overflow: hidden
}
.content {
width: 100%;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateX(270rpx);
transform: translateX(270rpx);
margin-left: -270rpx;
}
.delete-btn {
width: 120rpx;
height: 100%;
color: #fff;
border-radius: 0 15rpx 15rpx 0;
-webkit-transform: translateX(270rpx);
transform: translateX(270rpx);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.touch-move-active .content,
.touch-move-active .delete-btn {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.popup-choose-time {
.item-child {
width: 50%;
}
}
}
.container {
width: 100%;
}
/* 技-师等级 */
.technician-level {
height: 333rpx;
background: linear-gradient(206deg, #464749 0%, #020202 30%, #000000 100%);
border-radius: 16rpx;
transform: rotateZ(360deg);
overflow: hidden;
.icon-level-icon {
font-size: 505rpx;
top: -86rpx;
left: 40rpx;
z-index: -1;
}
.level-icon-img {
top: 22rpx;
right: 41rpx;
width: 111rpx;
height: 111rpx;
}
.level-title {
font-size: 38rpx;
color: #F9F9F9;
}
.level-line {
width: 100%;
height: 20rpx;
background: #2D333C;
}
.level-line.cur {
top: 0;
left: 0;
}
.f-icontext {
color: rgba(255, 255, 255, 0.7);
}
}