From 78068d49c20a8b90db902d955f558af507eb8b96 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 11 四月 2024 16:06:12 +0800 Subject: [PATCH] 各页面添加骨架屏 --- packageDomain/pages/teacherCertification/index.wxss | 132 +++++++++++++++++++++++++++++++++++++++----- 1 files changed, 117 insertions(+), 15 deletions(-) diff --git a/packageDomain/pages/teacherCertification/index.wxss b/packageDomain/pages/teacherCertification/index.wxss index e3571cd..6d6add5 100644 --- a/packageDomain/pages/teacherCertification/index.wxss +++ b/packageDomain/pages/teacherCertification/index.wxss @@ -1,11 +1,17 @@ +@import "./index.skeleton.wxss"; + page { background: #F2F3F8; } .container { - width: 100%; - padding-bottom: env(safe-area-inset-bottom); - overflow: auto; + width: 100vw; + height: 100vh; +} + +.content { + height: calc(100vh - env(safe-area-inset-bottom)); + box-sizing: border-box; } .tips { @@ -48,20 +54,28 @@ } .from-item .item-content { - width: 56%; + width: 75%; border: 2rpx solid #D9D9D9; padding: 10rpx; } .from-item .stateBox { padding: 10rpx; + display: flex; +} + +.reasonTxt { + margin-left: 40rpx; + color: #ff6d00; } .from-item .t-input { padding: 0 !important; } - +.t-input__placeholder { + font-size: 28rpx !important +} .t-cell { padding: 0 !important; @@ -78,7 +92,12 @@ .t-cell__note { justify-content: flex-start !important; display: block !important; + font-size: 28rpx !important; /* width: 300rpx; */ +} + +.state .t-cell__note { + color: #333 !important; } .t-input__wrap .t-input__content, @@ -115,10 +134,13 @@ .imageBox { border: 2rpx solid #D9D9D9; padding: 20rpx; + min-height: 160rpx; } -.wrapper { - width: 100%; +.weui-uploader { + min-height: 160rpx; + display: flex; + flex-flow: row wrap; } .fileTip { @@ -145,18 +167,61 @@ color: #ff6c00 !important; } -.t-popup { - width: 80% !important; -} -.t-popup__content { - padding: 40rpx 10rpx !important; - padding-top: 80rpx !important; -} + + + .block { - height: 450px !important; + position: relative; + width: 600rpx; + height: 820rpx; + padding: 20rpx 0; + background: #fff; + border-radius: 16rpx; + +} + +.protocol { + padding: 0 20rpx; + height: 800rpx !important; overflow: auto !important; +} + +.reasonBox { + height: 260rpx !important; + overflow: auto !important; + font-size: 28rpx; + line-height: 48rpx; + padding: 20rpx; +} + +.reasonBlock { + position: relative; + width: 500rpx; + height: 380rpx; + background: #fff; + border-radius: 16rpx; +} + +.blick-header { + padding: 20rpx; + border-bottom: 2rpx solid #F2F3F8; + font-size: 28rpx; + font-weight: bold; + text-align: center; +} + +.close-btn { + position: absolute; + left: 50%; + margin-left: -32rpx; + bottom: calc(-1 * (48rpx + 64rpx)); +} + +.wrapper { + margin: 32rpx; + display: block; } .btn-area { @@ -169,4 +234,41 @@ background: #ff6c00; color: #fff; border-radius: 50rpx; +} + + +.tp_add { + width: 152rpx; + height: 152rpx; + border-radius: 10rpx; + opacity: 1; + border: 2rpx dashed #999999; + display: flex; + justify-content: center; + align-items: center; + font-size: 59rpx; +} + +.pics { + float: left; + position: relative; + margin-right: 15px; +} + +.pics image { + width: 152rpx; + height: 152rpx; +} + +.delete-btn { + width: 20rpx; + height: 20rpx; + position: absolute; + top: -15rpx; + right: -5rpx; +} + +.body-loading { + padding: 200rpx 0; + text-align: center; } \ No newline at end of file -- Gitblit v1.9.1