| | |
| | | <template> |
| | | <div> |
| | | <div class="ques-page"> |
| | | <div class="pb-18"> |
| | | <span class="mdTxt required">請問您希望保險顧問以電話或Email聯繫您呢?</span> |
| | | <span class="hint">可複選</span> |
| | |
| | | <i class="icon-down down-icon " style="margin-right:18px" @click="showJobDrawer = true" ></i> |
| | | </div> |
| | | |
| | | <div class="ques-footer pam-paragraph"> |
| | | |
| | | <div class="ques-footer"> |
| | | <el-button type="primary" |
| | | :disabled=" isInitScheduleDisabled || !isSelected" |
| | | @click.native="sentDemand">送出</el-button> |
| | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .el-radio-button__orig-radio:checked+.el-radio-button__inner{ |
| | | background-color: #FFFFFF; |
| | | color: black; |
| | | border-color:none; |
| | | border:none; |
| | | box-shadow: none; |
| | | font-weight: bold; |
| | | } |
| | | .el-radio-button:first-child .el-radio-button__inner{ |
| | | border-left:none; |
| | | } |
| | | .el-radio-button__inner { |
| | | border:none; |
| | | font-size: 20px; |
| | | } |
| | | .radio-btn{ |
| | | display: flex; |
| | | flex-direction: column; |
| | | margin-top: 30px; |
| | | } |
| | | .input{ |
| | | border:none; |
| | | border-radius: 10px; |
| | |
| | | .pl-20{ |
| | | padding-left: 20px; |
| | | } |
| | | .ques-footer{ |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | } |
| | | .job-inputDiv{ |
| | | height:90px; |
| | | } |
| | |
| | | background-color: $PRIMARY_RED; |
| | | border-color: $PRIMARY_RED; |
| | | } |
| | | &.is-disabled { |
| | | color: $PRIMARY_WHITE; |
| | | background-color: $MID_GREY; |
| | | border-color: $MID_GREY; |
| | | border-style: solid; |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | }//職業選項內所有文字排版與按鈕樣式設定 |
| | | .ques-footer{ |
| | | justify-content: center; |
| | | margin: 30px 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | |
| | | &.el-button--primary { |
| | | background-color: $PRIMARY_RED; |
| | | border-color: $PRIMARY_RED; |
| | | } |
| | | &.is-disabled { |
| | | color: $PRIMARY_WHITE; |
| | | background-color: $MID_GREY; |
| | | border-color: $MID_GREY; |
| | | border-style: solid; |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | }//送出按鈕樣式與排版 |
| | |
| | | } |
| | | } |
| | | @include desktop { |
| | | |
| | | .contactMax{ |
| | | margin-right: 10px; |
| | | } |