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
1 .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 ...\ No newline at end of file
1 .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 ...\ No newline at end of file
......
1 .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 ...\ No newline at end of file
1 .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 ...\ No newline at end of file
......
...@@ -261,6 +261,9 @@ module.exports = { ...@@ -261,6 +261,9 @@ module.exports = {
261 t6PaymentMethod: "Payment method", 261 t6PaymentMethod: "Payment method",
262 t6ClosingDate: "Closing date", 262 t6ClosingDate: "Closing date",
263 t6PaymentAmount: "Payment amount", 263 t6PaymentAmount: "Payment amount",
264 },
265 reservation :{
266 submitBtn : '確認'
264 } 267 }
265 } 268 }
266 } 269 }
......
...@@ -261,6 +261,9 @@ module.exports = { ...@@ -261,6 +261,9 @@ module.exports = {
261 t6PaymentMethod: "繳費方式", 261 t6PaymentMethod: "繳費方式",
262 t6ClosingDate: "實收日期", 262 t6ClosingDate: "實收日期",
263 t6PaymentAmount: "繳費金額", 263 t6PaymentAmount: "繳費金額",
264 },
265 reservation :{
266 submitBtn : '確認'
264 } 267 }
265 } 268 }
266 } 269 }
......
...@@ -261,6 +261,9 @@ module.exports = { ...@@ -261,6 +261,9 @@ module.exports = {
261 t6PaymentMethod: "缴费方式", 261 t6PaymentMethod: "缴费方式",
262 t6ClosingDate: "实收日期", 262 t6ClosingDate: "实收日期",
263 t6PaymentAmount: "缴费金额", 263 t6PaymentAmount: "缴费金额",
264 },
265 reservation :{
266 submitBtn : '确认'
264 } 267 }
265 } 268 }
266 } 269 }
......
...@@ -7,7 +7,9 @@ import { ...@@ -7,7 +7,9 @@ import {
7 export default { 7 export default {
8 data() { 8 data() {
9 return { 9 return {
10 key: 'value' 10 key: 'value',
11 isHkCus : true,
12 checked : false
11 } 13 }
12 }, 14 },
13 components: {}, 15 components: {},
......
...@@ -12,7 +12,13 @@ input { ...@@ -12,7 +12,13 @@ input {
12 height: 4.25rem; 12 height: 4.25rem;
13 } 13 }
14 14
15 .box {} 15 .reservation-container {
16 width: 64.25rem /* 771/12 */;
17 border-radius: .666667rem /* 8/12 */;
18 border: solid .083333rem /* 1/12 */ #f2f2f2;
19 background-color: #ffffff;
20 padding: 2.166667rem /* 26/12 */ .916667rem /* 11/12 */;
21 }
16 22
17 .form { 23 .form {
18 display: flex; 24 display: flex;
...@@ -21,8 +27,10 @@ input { ...@@ -21,8 +27,10 @@ input {
21 27
22 &-item { 28 &-item {
23 position: relative; 29 position: relative;
24 padding: 0 1.75rem; 30 // padding: 0 1.75rem;
25 margin-bottom: 2.5rem; 31 padding:0 1.25rem /* 15/12 */;
32 // margin-bottom: 2.5rem;
33 margin-bottom: 2.333333rem /* 28/12 */;
26 34
27 .label { 35 .label {
28 color: #f05a23; 36 color: #f05a23;
...@@ -30,9 +38,14 @@ input { ...@@ -30,9 +38,14 @@ input {
30 align-items: center; 38 align-items: center;
31 margin-bottom: .7rem; 39 margin-bottom: .7rem;
32 40
41 .icon {
42 width: 2.166667rem /* 26/12 */;
43 display: flex;
44 }
45
33 img { 46 img {
34 height: 1rem; 47 height: 1rem;
35 margin-right: .8rem; 48 // margin-right: .8rem;
36 } 49 }
37 } 50 }
38 51
...@@ -71,9 +84,11 @@ input { ...@@ -71,9 +84,11 @@ input {
71 // 不换行 84 // 不换行
72 &-item2 { 85 &-item2 {
73 display: flex; 86 display: flex;
87 margin-bottom: 2.25rem /* 27/12 */;
74 88
75 .label { 89 .label {
76 min-width: 13.75rem; 90 // min-width: 13.75rem;
91 min-width: 12.833333rem /* 154/12 */;
77 height: 2.5rem; 92 height: 2.5rem;
78 } 93 }
79 94
...@@ -106,11 +121,23 @@ input { ...@@ -106,11 +121,23 @@ input {
106 121
107 &-item3 { 122 &-item3 {
108 display: flex; 123 display: flex;
109 align-items: flex-start; 124 align-items: center;
110 flex-wrap: wrap; 125 flex-wrap: wrap;
111 126
112 .label { 127 .label {
113 min-width: 13.75rem; 128 // min-width: 13.75rem;
129 min-width: 8.833333rem /* 106/12 */;
130 }
131
132 .ipt-wrap {
133 width: 50%;
134
135 input {
136 font-size: 1.166667rem /* 14/12 */;
137 letter-spacing: .116667rem /* 1.4/12 */;
138 color: #4c4948;
139 font-family: Arial;
140 }
114 } 141 }
115 142
116 .cont { 143 .cont {
...@@ -121,6 +148,9 @@ input { ...@@ -121,6 +148,9 @@ input {
121 } 148 }
122 } 149 }
123 } 150 }
151 .mt8 {
152 margin-top: .666667rem /* 8/12 */;
153 }
124 } 154 }
125 155
126 156
...@@ -142,3 +172,19 @@ input { ...@@ -142,3 +172,19 @@ input {
142 } 172 }
143 } 173 }
144 } 174 }
175
176 .submit-btn {
177 width: 13.583333rem /* 163/12 */;
178 height: 4.083333rem /* 49/12 */;
179 margin: 2.5rem /* 30/12 */ auto;
180 line-height: 4.083333rem /* 49/12 */;
181 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
182 background-blend-mode: soft-light, ;
183 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
184 text-align: center;
185 font-size: 1.291667rem /* 15.5/12 */;
186 letter-spacing: .129167rem /* 1.55/12 */;
187 color: #ffffff;
188 border-radius: 3.5rem;
189 cursor: pointer;
190 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 <template> 2 <template>
3 <div class="reservation-container">
3 <div class=""> 4 <div class="">
4 <div class="box">
5 <div class="gird-g form"> 5 <div class="gird-g form">
6 6
7 <div class="pure-u-1 pure-u-md-1-2 form-item"> 7 <div class="pure-u-1 pure-u-md-1-2 form-item">
8 <div class="label"> 8 <div class="label">
9 <img src="@/assets/images/reservation/icon-re-name.png"> {{$t('reservation.name')}} 9 <div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div> {{$t('reservation.name')}}
10 </div> 10 </div>
11 <div class="ipt-wrap"> 11 <div class="ipt-wrap">
12 <input :placeholder="$t('reservation.namePlaceholder')" class="ipt" type="text"> 12 <input :placeholder="$t('reservation.namePlaceholder')" class="ipt" type="text">
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 15
16 <div class="pure-u-1 pure-u-md-1-2 form-item"> 16 <div class="pure-u-1 pure-u-md-1-2 form-item">
17 <div class="label"> 17 <div class="label">
18 <img src="@/assets/images/reservation/icon-re-contact.png">{{$t('reservation.contactType')}} 18 <div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('reservation.contactType')}}
19 </div> 19 </div>
20 <div class="ipt-wrap"> 20 <div class="ipt-wrap">
21 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 21 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 28
29 <div class="pure-u-1 pure-u-md-1-2 form-item"> 29 <div class="pure-u-1 pure-u-md-1-2 form-item">
30 <div class="label"> 30 <div class="label">
31 <img src="@/assets/images/reservation/icon-re-name.png">{{$t('reservation.contact')}} 31 <div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div>{{$t('reservation.contact')}}
32 </div> 32 </div>
33 <div class="ipt-wrap"> 33 <div class="ipt-wrap">
34 <input :placeholder="$t('reservation.contactPlaceholder')" class="ipt" type="text"> 34 <input :placeholder="$t('reservation.contactPlaceholder')" class="ipt" type="text">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 37
38 <div class="pure-u-1 pure-u-md-1-2 form-item"> 38 <div class="pure-u-1 pure-u-md-1-2 form-item">
39 <div class="label"> 39 <div class="label">
40 <img src="@/assets/images/reservation/icon-re-clock.png">{{$t('reservation.reservationType')}} 40 <div class="icon"><img src="@/assets/images/reservation/icon-re-clock.png"></div>{{$t('reservation.reservationType')}}
41 </div> 41 </div>
42 <div class="ipt-wrap"> 42 <div class="ipt-wrap">
43 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 43 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
56 56
57 <div class="pure-u-1 form-item"> 57 <div class="pure-u-1 form-item">
58 <div class="label"> 58 <div class="label">
59 <img src="@/assets/images/reservation/icon-re-arrow-reservation.png">{{$t('reservation.reservationRemark')}} 59 <div class="icon"><img src="@/assets/images/reservation/icon-re-arrow-reservation.png"></div>{{$t('reservation.reservationRemark')}}
60 </div> 60 </div>
61 <div class="ipt-wrap"> 61 <div class="ipt-wrap">
62 <textarea :placeholder="$t('reservation.reservationRemarkPlaceholder')" class="ipt textarea"></textarea> 62 <textarea :placeholder="$t('reservation.reservationRemarkPlaceholder')" class="ipt textarea"></textarea>
...@@ -65,19 +65,26 @@ ...@@ -65,19 +65,26 @@
65 65
66 <div class="pure-u-1 form-item form-item2"> 66 <div class="pure-u-1 form-item form-item2">
67 <div class="label"> 67 <div class="label">
68 <img src="@/assets/images/reservation/icon-re-custom.png">{{$t('reservation.hkClient')}} 68 <div class="icon"><img src="@/assets/images/reservation/icon-re-custom.png"></div>{{$t('reservation.hkClient')}}
69 </div> 69 </div>
70 <div class="cont"> 70 <div class="cont">
71 <div class="boo-btn pointer active">{{$t('reservation.yes')}}</div> 71 <div class="boo-btn pointer" :class="{active:isHkCus}" @click="isHkCus=true">{{$t('reservation.yes')}}</div>
72 <div class="boo-btn pointer">{{$t('reservation.no')}}</div> 72 <div class="boo-btn pointer" :class="{active:!isHkCus}" @click="isHkCus=false">{{$t('reservation.no')}}</div>
73 </div> 73 </div>
74 </div> 74 </div>
75 75
76 <div class="pure-u-1 form-item form-item3"> 76 <div class="pure-u-1 form-item">
77 <div class="form-item3">
78 <div class="label">
79 <div class="icon"><img src="@/assets/images/reservation/icon-re-calendar.png"></div>{{$t('reservation.contactTime')}}
80 </div>
81 <div class="ipt-wrap">
82 <input value="2019/10/16" class="ipt" type="text">
83 </div>
84 </div>
85 <div class="form-item3 mt8">
77 <div class="label"> 86 <div class="label">
78 <img src="@/assets/images/reservation/icon-re-calendar.png">{{$t('reservation.contactTime')}}
79 </div> 87 </div>
80 <div class="cont">
81 <div class="calendar"> 88 <div class="calendar">
82 <img src="@/assets/images/reservation/re-calendar.png"> 89 <img src="@/assets/images/reservation/re-calendar.png">
83 </div> 90 </div>
...@@ -91,10 +98,16 @@ ...@@ -91,10 +98,16 @@
91 <p class="notice-item"> 98 <p class="notice-item">
92 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}} 99 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}}
93 </p> 100 </p>
94 <p class="notice-item"> 101 <p class="notice-item pointer" @click="checked = !checked">
95 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice2')}} 102 <img v-if="!checked" class="notice-item-icon" src="@/assets/images/reservation/un-check.png">
103 <img v-else class="notice-item-icon" src="@/assets/images/reservation/check.png">
104 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice2')}}
96 </p> 105 </p>
97 </div> 106 </div>
107
108 <div class="submit-btn">
109 {{$t('customService.reservation.submitBtn')}}
110 </div>
98 </div> 111 </div>
99 </template> 112 </template>
100 113
......