From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期四, 09 十二月 2021 14:42:20 +0800 Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue --- PAMapp/pages/recommendConsultant/recommend-consultant.component.scss | 291 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 291 insertions(+), 0 deletions(-) diff --git a/PAMapp/pages/recommendConsultant/recommend-consultant.component.scss b/PAMapp/pages/recommendConsultant/recommend-consultant.component.scss new file mode 100644 index 0000000..3278a8f --- /dev/null +++ b/PAMapp/pages/recommendConsultant/recommend-consultant.component.scss @@ -0,0 +1,291 @@ + +.pam-rec-consultant-page { + .rec-pop-container{ + width:310px; + .rec-pop-options{ + .el-checkbox-group{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + .el-checkbox{ + width:90px; + height: 50px; + padding:0; + .el-checkbox__label{ + justify-content: center; + align-items: center; + display: flex; + padding:15px 20px; + text-align: center; + } + } + .pam-selectAll-btn{ + margin-top: 60px; + margin-left:-203px; + height: 50px; + width: 90px; + padding: 10px; + } + + } + } + + } + .rec-multi-select{ + .el-checkbox-group { + display: flex; + flex-direction: column; + align-items: flex-start; + } + } + + input:focus, + textarea:focus { + outline: none; + } + + .input { + border: none; + width: 90%; + border-radius: 10px; + } + + .job-pick { + height: 50px; + border-radius: 10px; + border: 1px solid #D0D0CE; + display: flex; + justify-content: space-between; + background-color: #FFFFFF; + } + + .down-icon { + color: #ED1B2E; + font-size: 25px; + align-self: center; + margin-right: 15px; + } + + .popOtherBtn { + margin-left: -190px; + margin-top: 45px; + } + + .genderBtn { + width: 80px; + height: 47px; + display: contents; + } + + .qa-dialog { + overflow-y: auto; + height: 500px; + margin-top: 20px; + text-align: justify; + } + + .qaTextTitle { + margin-top: 30px + } + + .qa-dialog-footer { + display: flex; + justify-content: center; + margin-bottom: 81px; + color: #ED1B2E; + cursor: pointer; + } + + .el-drawer__container ::-webkit-scrollbar { + display: none; + } + .el-button+.el-button { + margin-left: 0; + } + + .seniority-choice { + display: flex; + flex-wrap: wrap; + } + + .area-choice { + height: 50px; + border-radius: 10px; + border: 1px solid #D0D0CE; + display: flex; + justify-content: space-between; + background-color: #FFFFFF; + } + + .area-icon { + color: #ED1B2E; + font-size: 25px; + display: flex; + justify-content: flex-end; + padding-right: 16px; + padding-top: 11px; + } + + input::-webkit-input-placeholder { + font-size: 20px; + padding-left: 10px; + } + + .el-button.is-disabled { + font-size: 20px; + border-radius: 20px; + color: #FFFFFF; + background-color: #A7A8AA; + border: 1px solid #A7A8AA; + } + + .rec-footer { + height: 70px; + display: flex; + justify-content: center; + align-items: center; + } + + .other-PopBtn { + width: 90px; + height: 47px; + margin-top: 10px; + } + + + + .rec-ques-location { + display: flex; + align-items: center; + } + + .pop-tag { + display: flex; + flex-wrap: wrap; + margin: -10px; + + } + + .rec-popular { + display: flex; + align-items: baseline; + padding-top: 10px; + margin-bottom: 10px; + } + + .rec-btn-type { + padding-bottom: 10px; + } + + .rec-question { + display: flex; + flex-direction: column; + + } + + .rec-banner { + height: 120px; + background-color: #D0D0CE; + + } + + .rec-btn { + font-size: 20px; + border-radius: 20px; + color: black; + border: 1px solid #D0D0CE; + } + + .rec-pop-btn { + font-size: 20px; + border-radius: 20px; + color: black; + margin: 0px 0px 10px 10px; + border: 1px solid #D0D0CE; + width: 90px; + height: 47px; + } + + .el-progress__text { + display: none; + } + + .el-progress-bar { + padding-right: 0; + } + + .el-progress-bar__inner { + background-color: #ED1B2E; + } + + .required { + position: relative; + + &::before { + content: '*'; + position: absolute; + color: #FF0000; + transform: translate(-12px, 0); + z-index: 5; + } + } + + .area-txt { + display: flex; + align-items: center; + margin-left: 18px; + } + + @include desktop { + + .desktopBtn { + margin-right: 10px; + height: 47px + } + + .popOtherBtn { + margin-left: 10px; + margin-top: -10px; + } + + .rec-pop-container{ + width:auto; + .rec-pop-options{ + .el-checkbox-group{ + display: flex; + flex-wrap:wrap; + flex-direction: none; + .el-checkbox{ + width:90px; + height: 50px; + padding:0; + .el-checkbox__label{ + justify-content: center; + align-items: center; + display: flex; + padding:15px 20px; + text-align: center; + } + } + .pam-selectAll-btn{ + margin-top:0px; + margin-left:0px; + height: 50px; + width: 90px; + padding: 10px; + } + } + } + + } + + .rec-multi-select{ + .el-checkbox-group { + display: flex; + flex-direction: row; + align-items: flex-start; + flex-wrap: wrap; + } + } + } +} -- Gitblit v1.8.0