Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
fcbc71b2 by joe
Options

1

1 parent 45eca518
Expand all
Inline Side-by-side
Showing 58 changed files with 94 additions and 24 deletions
.bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.5rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
\ No newline at end of file
.bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}input{padding:0 2.08333rem}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.08333rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
\ No newline at end of file
......
.bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.5rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
\ No newline at end of file
.bis{background-repeat:no-repeat;background-size:100% 100%}.fj,.fl{display:flex}.fj{justify-content:space-between}.fcc{display:flex;justify-content:center;align-items:center}.bb,.form-item .ipt-wrap .ipt,.form-item .ipt-wrap .textarea,.notice{box-sizing:border-box}.fullp{width:100%;height:100%}.pointer{cursor:pointer}.text-l{text-align:left}.text-r{text-align:right}.bc,.text-c{text-align:center}@font-face{font-family:iconfont;src:url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconrefresh:before{content:"\E874"}.iconempty:before{content:"\E6A6"}.iconclose:before{content:"\E849"}input{padding:0 2.08333rem}.content{padding-bottom:6rem}.top-space{height:4.25rem}.form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-item{position:relative;padding:0 1.75rem;margin-bottom:2.5rem}.form-item .label{color:#f05a23;display:flex;align-items:center;margin-bottom:.7rem}.form-item .label img{height:1rem;margin-right:.8rem}.form-item .ipt-wrap{position:relative}.form-item .ipt-wrap .ipt{width:100%;height:3.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:3.5rem;padding:0 2.08333rem}.form-item .ipt-wrap .textarea{min-height:8.75rem;border-radius:1rem;padding:.75rem}.form-item .ipt-wrap .down-arrow{position:absolute;top:1.6rem;right:2rem}.form-item2{display:flex}.form-item2 .label{min-width:13.75rem;height:2.5rem}.form-item2 .cont{display:flex}.form-item2 .cont .boo-btn{width:5.25rem;height:2.5rem;line-height:2.5rem;border:1px solid #dcdddd;background-color:#fff;border-radius:2.5rem;text-align:center;margin:0 .6rem}.form-item2 .cont .active{border:none;color:#fff;background-color:#f05a23;box-shadow:0 10px 13px 0 rgba(236,100,41,.2);background-blend-mode:soft-light;background-image:linear-gradient(180deg,#f05f28,#f05021)}.form-item3{display:flex;align-items:flex-start;flex-wrap:wrap}.form-item3 .label{min-width:13.75rem}.form-item3 .cont .calendar img{max-width:96%}.notice{margin-top:4rem;padding:0 1rem}.notice-item{position:relative;line-height:2;letter-spacing:1.2px;margin-bottom:1rem}.notice-item-icon{position:absolute;top:.5rem}
\ No newline at end of file
......
......@@ -261,6 +261,9 @@ module.exports = {
t6PaymentMethod: "Payment method",
t6ClosingDate: "Closing date",
t6PaymentAmount: "Payment amount",
},
reservation :{
submitBtn : '確認'
}
}
}
......
......@@ -261,6 +261,9 @@ module.exports = {
t6PaymentMethod: "繳費方式",
t6ClosingDate: "實收日期",
t6PaymentAmount: "繳費金額",
},
reservation :{
submitBtn : '確認'
}
}
}
......
......@@ -261,6 +261,9 @@ module.exports = {
t6PaymentMethod: "缴费方式",
t6ClosingDate: "实收日期",
t6PaymentAmount: "缴费金额",
},
reservation :{
submitBtn : '确认'
}
}
}
......
......@@ -7,7 +7,9 @@ import {
export default {
data() {
return {
key: 'value'
key: 'value',
isHkCus : true,
checked : false
}
},
components: {},
......
......@@ -12,7 +12,13 @@ input {
height: 4.25rem;
}
.box {}
.reservation-container {
width: 64.25rem /* 771/12 */;
border-radius: .666667rem /* 8/12 */;
border: solid .083333rem /* 1/12 */ #f2f2f2;
background-color: #ffffff;
padding: 2.166667rem /* 26/12 */ .916667rem /* 11/12 */;
}
.form {
display: flex;
......@@ -21,8 +27,10 @@ input {
&-item {
position: relative;
padding: 0 1.75rem;
margin-bottom: 2.5rem;
// padding: 0 1.75rem;
padding:0 1.25rem /* 15/12 */;
// margin-bottom: 2.5rem;
margin-bottom: 2.333333rem /* 28/12 */;
.label {
color: #f05a23;
......@@ -30,9 +38,14 @@ input {
align-items: center;
margin-bottom: .7rem;
.icon {
width: 2.166667rem /* 26/12 */;
display: flex;
}
img {
height: 1rem;
margin-right: .8rem;
// margin-right: .8rem;
}
}
......@@ -71,9 +84,11 @@ input {
// 不换行
&-item2 {
display: flex;
margin-bottom: 2.25rem /* 27/12 */;
.label {
min-width: 13.75rem;
// min-width: 13.75rem;
min-width: 12.833333rem /* 154/12 */;
height: 2.5rem;
}
......@@ -106,11 +121,23 @@ input {
&-item3 {
display: flex;
align-items: flex-start;
align-items: center;
flex-wrap: wrap;
.label {
min-width: 13.75rem;
// min-width: 13.75rem;
min-width: 8.833333rem /* 106/12 */;
}
.ipt-wrap {
width: 50%;
input {
font-size: 1.166667rem /* 14/12 */;
letter-spacing: .116667rem /* 1.4/12 */;
color: #4c4948;
font-family: Arial;
}
}
.cont {
......@@ -121,6 +148,9 @@ input {
}
}
}
.mt8 {
margin-top: .666667rem /* 8/12 */;
}
}
......@@ -142,3 +172,19 @@ input {
}
}
}
.submit-btn {
width: 13.583333rem /* 163/12 */;
height: 4.083333rem /* 49/12 */;
margin: 2.5rem /* 30/12 */ auto;
line-height: 4.083333rem /* 49/12 */;
box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
background-blend-mode: soft-light, ;
background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
text-align: center;
font-size: 1.291667rem /* 15.5/12 */;
letter-spacing: .129167rem /* 1.55/12 */;
color: #ffffff;
border-radius: 3.5rem;
cursor: pointer;
}
\ No newline at end of file
......
<template>
<div class="reservation-container">
<div class="">
<div class="box">
<div class="gird-g form">
<div class="pure-u-1 pure-u-md-1-2 form-item">
<div class="label">
<img src="@/assets/images/reservation/icon-re-name.png"> {{$t('reservation.name')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div> {{$t('reservation.name')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('reservation.namePlaceholder')" class="ipt" type="text">
......@@ -15,7 +15,7 @@
<div class="pure-u-1 pure-u-md-1-2 form-item">
<div class="label">
<img src="@/assets/images/reservation/icon-re-contact.png">{{$t('reservation.contactType')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('reservation.contactType')}}
</div>
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
......@@ -28,7 +28,7 @@
<div class="pure-u-1 pure-u-md-1-2 form-item">
<div class="label">
<img src="@/assets/images/reservation/icon-re-name.png">{{$t('reservation.contact')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div>{{$t('reservation.contact')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('reservation.contactPlaceholder')" class="ipt" type="text">
......@@ -37,7 +37,7 @@
<div class="pure-u-1 pure-u-md-1-2 form-item">
<div class="label">
<img src="@/assets/images/reservation/icon-re-clock.png">{{$t('reservation.reservationType')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-clock.png"></div>{{$t('reservation.reservationType')}}
</div>
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
......@@ -56,7 +56,7 @@
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/reservation/icon-re-arrow-reservation.png">{{$t('reservation.reservationRemark')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-arrow-reservation.png"></div>{{$t('reservation.reservationRemark')}}
</div>
<div class="ipt-wrap">
<textarea :placeholder="$t('reservation.reservationRemarkPlaceholder')" class="ipt textarea"></textarea>
......@@ -65,19 +65,26 @@
<div class="pure-u-1 form-item form-item2">
<div class="label">
<img src="@/assets/images/reservation/icon-re-custom.png">{{$t('reservation.hkClient')}}
<div class="icon"><img src="@/assets/images/reservation/icon-re-custom.png"></div>{{$t('reservation.hkClient')}}
</div>
<div class="cont">
<div class="boo-btn pointer active">{{$t('reservation.yes')}}</div>
<div class="boo-btn pointer">{{$t('reservation.no')}}</div>
<div class="boo-btn pointer" :class="{active:isHkCus}" @click="isHkCus=true">{{$t('reservation.yes')}}</div>
<div class="boo-btn pointer" :class="{active:!isHkCus}" @click="isHkCus=false">{{$t('reservation.no')}}</div>
</div>
</div>
<div class="pure-u-1 form-item form-item3">
<div class="pure-u-1 form-item">
<div class="form-item3">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-calendar.png"></div>{{$t('reservation.contactTime')}}
</div>
<div class="ipt-wrap">
<input value="2019/10/16" class="ipt" type="text">
</div>
</div>
<div class="form-item3 mt8">
<div class="label">
<img src="@/assets/images/reservation/icon-re-calendar.png">{{$t('reservation.contactTime')}}
</div>
<div class="cont">
<div class="calendar">
<img src="@/assets/images/reservation/re-calendar.png">
</div>
......@@ -91,10 +98,16 @@
<p class="notice-item">
<img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}}
</p>
<p class="notice-item">
<img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice2')}}
<p class="notice-item pointer" @click="checked = !checked">
<img v-if="!checked" class="notice-item-icon" src="@/assets/images/reservation/un-check.png">
<img v-else class="notice-item-icon" src="@/assets/images/reservation/check.png">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice2')}}
</p>
</div>
<div class="submit-btn">
{{$t('customService.reservation.submitBtn')}}
</div>
</div>
</template>
......