Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
cf88b29e by simon
Options

去掉不美观rem

1 parent f8adb021
Inline Side-by-side
Showing 35 changed files with 255 additions and 243 deletions
No preview for this file type
......@@ -738,6 +738,8 @@ module.exports = {
menu6: "Reservation",
menu7: "Complaints",
menu8: "Useful Forms",
menu9: "eCorrespondence Enquiry",
menu10: "常见问题",
insuranceQuery: {
modify: "modify",
......
......@@ -732,6 +732,8 @@ module.exports = {
menu6: "預約服務",
menu7: "投訴受理",
menu8: "常用表格",
menu9: "電子通知書查詢",
menu10: "常見問題",
insuranceQuery: {
modify: "修改",
......
......@@ -733,6 +733,8 @@ module.exports = {
menu6: "预约服务",
menu7: "投诉受理",
menu8: "常用表格",
menu9: "电子通知书查询",
menu10: "常见问题",
insuranceQuery: {
modify: "修改",
......
......@@ -10,7 +10,7 @@ $borderRadius:6px;
input {
padding: 0 2.083333rem;
padding: 0 25px;
color: $cFontGray2;
}
......@@ -181,11 +181,11 @@ input {
}
.ml10 {
margin-left: .833333rem;
margin-left: 10px;
}
.mr10 {
margin-right: .833333rem;
margin-right: 10px;
}
.mt20 {
......@@ -239,7 +239,7 @@ input {
span {
// font-size: 1rem;
// font-size: 18px;
margin-left: .833333rem;
margin-left: 10px;
color: $cOrange2;
}
}
......@@ -261,10 +261,10 @@ input {
align-items: center;
justify-content: center;
display: flex;
font-size: 1.166667rem;
font-size: 14px;
.icon {
width: 1.333333rem;
width: 16px;
margin-right: 5px;
display: inline-block;
}
......@@ -273,7 +273,7 @@ input {
margin-left: 0;
color: $cOrange2;
font-weight: 600;
font-size: 1.166667rem;
font-size: 14px;
}
}
}
......@@ -285,7 +285,7 @@ input {
flex-wrap: wrap;
&-name {
font-size: 1.333333rem;
font-size: 16px;
font-weight: 600;
text-align: left;
color: $cOrange2;
......@@ -311,7 +311,7 @@ input {
display: flex;
justify-content: center;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
display: flex;
......@@ -333,7 +333,7 @@ input {
// input和下拉
.ipt {
border: 1px solid #ff6839 !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -382,7 +382,7 @@ input {
display: flex;
justify-content: flex-start;
// padding: 0 $marginSmall;
// margin-bottom: 1.333333rem;
// margin-bottom: 16px;
.label {
@extend .bb;
......@@ -418,7 +418,7 @@ input {
// input和下拉
.ipt {
border: 1px solid #ff6839 !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -430,7 +430,7 @@ input {
height: 3rem;
display: flex;
align-items: center;
margin-bottom: .833333rem;
margin-bottom: 10px;
// width: 700px;
width: 100%;
}
......@@ -476,7 +476,7 @@ input {
margin-bottom: 1rem;
&-icon {
width: 1.166667rem;
width: 14px;
position: absolute;
top: .6rem;
}
......
......@@ -127,29 +127,29 @@ $borderSize: 6px;
.clarms-img-item-plugin {
cursor: pointer;
margin-right: .833333rem;
margin-bottom: .833333rem;
width: 5.833333rem;
height: 5.833333rem;
margin-right: 10px;
margin-bottom: 10px;
width: 70px;
height: 70px;
.clarms-img-item {
position: relative;
width: 5.833333rem;
height: 5.833333rem;
width: 70px;
height: 70px;
.clarms-img-cont {
width: 5.833333rem;
height: 5.833333rem;
width: 70px;
height: 70px;
position: absolute;
left: 0;
top: 0;
}
.clarms-img-mask {
width: 5.833333rem;
height: 5.833333rem;
width: 70px;
height: 70px;
text-align: center;
line-height: 5.833333rem;
line-height: 70px;
position: absolute;
left: 0;
top: 0;
......@@ -183,7 +183,7 @@ $borderSize: 6px;
}
.clarms-empty-line {
height: .833333rem;
height: 10px;
}
}
......@@ -225,7 +225,7 @@ $borderSize: 6px;
// .clarms-btn {
// align-self: flex-end;
// margin-top: .833333rem;
// margin-top: 10px;
// }
// .clarms-icon {
......@@ -234,8 +234,8 @@ $borderSize: 6px;
// }
// .clarms-title-container {
// margin-top: .833333rem;
// margin-left: .833333rem;
// margin-top: 10px;
// margin-left: 10px;
// }
// }
// }
......@@ -243,11 +243,11 @@ $borderSize: 6px;
// @media (max-width: 600px) {
// .clarms-container .clarms-box .clarms-title-container .clarms-t1 {
// font-size: 1.333333rem;
// font-size: 16px;
// }
// .clarms-container .clarms-box .clarms-title-container .clarms-t2 {
// font-size: 1.333333rem;
// font-size: 16px;
// }
// }
......
......@@ -38,7 +38,7 @@ $borderRadius:6px;
.title {
color: $cOrange2;
text-align: center;
margin: 1.666667rem auto 0 auto;
margin: 20px auto 0 auto;
span {}
}
......@@ -69,7 +69,7 @@ $borderRadius:6px;
align-items: center;
span {
margin-left: .833333rem;
margin-left: 10px;
}
}
......@@ -145,7 +145,7 @@ $borderRadius:6px;
// input和下拉
.ipt {
border: none !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
width: 100%;
......@@ -198,7 +198,7 @@ $borderRadius:6px;
display: flex;
justify-content: flex-start;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
align-items: center;
......@@ -228,7 +228,7 @@ $borderRadius:6px;
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -241,7 +241,7 @@ $borderRadius:6px;
height: 3rem;
display: flex;
align-items: center;
margin-bottom: .833333rem;
margin-bottom: 10px;
}
// 长文本
......@@ -280,7 +280,7 @@ $borderRadius:6px;
margin-bottom: 1rem;
&-icon {
width: 1.166667rem;
width: 14px;
position: absolute;
top: .6rem;
}
......@@ -323,7 +323,7 @@ $borderRadius:6px;
@media (max-width: 700px) {
.reservation-container {
padding: 2.666667rem 2rem 2.833333rem 2rem;
padding: 32px 2rem 34px 2rem;
}
.form {
......@@ -390,7 +390,7 @@ $borderRadius:6px;
width: 100%;
.label {
margin-bottom: .416667rem;
margin-bottom: 5px;
min-width: 100%;
}
......
......@@ -11,7 +11,7 @@
.cont {
.logo-wrap {
padding: 2.166667rem 0;
padding: 26px 0;
.logo-img {
cursor: pointer;
......@@ -79,8 +79,7 @@
.qrcode {
width: 8.416667rem;
height: 8.833333rem;
width: 100px;
}
.c1 {
......@@ -98,12 +97,11 @@
// 公共组件
.n-item {
margin-bottom: 2rem;
// padding-right: .833333rem ;
padding-right: 3rem ;
color: #dcdddd;
&:first-child {
margin-bottom: 2.666667rem;
margin-bottom: 32px;
}
&:last-child {
......@@ -147,7 +145,7 @@
.n-item {
min-width: 0;
margin-right: 0;
padding-right: .833333rem ;
padding-right: 10px;
}
}
......
......@@ -8,7 +8,7 @@ $borderSize:6px;
}
.content {
margin: 2.333333rem auto;
margin: 28px auto;
position: relative;
}
......@@ -25,7 +25,7 @@ $borderSize:6px;
input {
padding: 0 2.083333rem;
padding: 0 25px;
}
.orange {
......@@ -89,18 +89,18 @@ input {
// border-radius: 20px;
.title {
font-size: 1.333333rem;
font-size: 16px;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
margin: 20px auto 0 auto;
span {
padding: 0 .166667rem;
padding: 0 2px;
}
}
.default-mt {
margin-top: 2.666667rem;
margin-top: 32px;
}
.flex-top {
......@@ -121,7 +121,7 @@ input {
align-items: center;
span {
margin-left: .833333rem;
margin-left: 10px;
}
}
......@@ -134,21 +134,21 @@ input {
// border-radius: 20px;
.title {
font-size: 1.333333rem;
font-size: 16px;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
margin: 20px auto 0 auto;
select {
padding: 0 1.25rem;
border: none;
border-bottom: .083333rem solid #666666;
border-bottom: 1px solid #666666;
color: #666666;
}
}
.default-mt {
margin-top: 2.666667rem;
margin-top: 32px;
}
.submit-btn {
......@@ -172,14 +172,14 @@ input {
display: flex;
align-items: center;
margin-right: 2rem;
margin-bottom: .833333rem;
margin-bottom: 10px;
span {
margin-left: .833333rem;
margin-left: 10px;
}
img {
width: 1.666667rem;
width: 20px;
}
}
......@@ -191,19 +191,19 @@ input {
}
.ml10 {
margin-left: .833333rem;
margin-left: 10px;
}
.mr10 {
margin-right: .833333rem;
margin-right: 10px;
}
.mt20 {
margin-top: 1.666667rem;
margin-top: 20px;
}
.mt10 {
margin-top: .833333rem;
margin-top: 10px;
}
.upload-item {
......@@ -211,9 +211,9 @@ input {
.tip {
color: $cOrange;
font-size: 1rem;
margin-top: .833333rem;
margin-top: 10px;
text-align: center;
width: 8.333333rem;
width: 100px;
}
.tip:lang(zh) {
......@@ -221,43 +221,43 @@ input {
}
.upload-icon-1 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon1.png");
background-size: 100% 100%;
}
.upload-icon-2 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon2.png");
background-size: 100% 100%;
}
.upload-icon-3 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon3.png");
background-size: 100% 100%;
}
.upload-icon-4 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon4.png");
background-size: 100% 100%;
}
.upload-icon-5 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon5.png");
background-size: 100% 100%;
}
}
.bottom-tip {
font-size: .833333rem;
font-size: 10px;
display: flex;
align-items: center;
......@@ -281,12 +281,12 @@ input {
align-items: center;
img {
width: .833333rem;
width: 10px;
}
span {
font-size: 1rem;
margin-left: .833333rem;
margin-left: 10px;
color: $cOrange;
}
}
......@@ -306,7 +306,7 @@ input {
flex-wrap: wrap;
&-name {
font-size: 1.333333rem;
font-size: 16px;
font-weight: 600;
text-align: left;
color: $cOrange;
......@@ -316,10 +316,10 @@ input {
.ipt-date {
width: 100%;
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
align-items: center;
padding-left: .833333rem;
padding-left: 10px;
}
&-item {
......@@ -327,7 +327,7 @@ input {
display: flex;
justify-content: center;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
display: flex;
......@@ -350,7 +350,7 @@ input {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -370,8 +370,8 @@ input {
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
width: 7.6px;
height: 5.2px;
pointer-events: none;
cursor: default;
}
......@@ -399,7 +399,7 @@ input {
display: flex;
justify-content: flex-start;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
align-items: center;
......@@ -429,7 +429,7 @@ input {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -442,7 +442,7 @@ input {
height: 3rem;
display: flex;
align-items: center;
margin-bottom: .833333rem;
margin-bottom: 10px;
}
// 长文本
......@@ -459,8 +459,8 @@ input {
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
width: 7.6px;
height: 5.2px;
pointer-events: none;
cursor: default;
}
......@@ -482,7 +482,7 @@ input {
margin-bottom: 1rem;
&-icon {
width: 1.166667rem;
width: 14px;
position: absolute;
top: .6rem;
}
......@@ -526,7 +526,7 @@ input {
// @media (max-width: 600px) {
// .reservation-container {
// padding: 2.666667rem 2rem 2.833333rem 2rem;
// padding: 32px 2rem 34px 2rem;
// }
// .form {
......@@ -582,6 +582,6 @@ input {
// @media (max-width: 400px) {
// .reservation-container-2 {
// // padding: 1.666667rem 1rem;
// // padding: 20px 1rem;
// }
// }
......
......@@ -32,8 +32,8 @@
&-item {
background-color: #ffffff;
flex-wrap: wrap;
width: 16rem;
height: 16rem;
width: 192px;
height: 192px;
border-radius: $borderRadius;
border: solid 1px #f2f2f2;
margin: $marginSmallHalf;
......
......@@ -2,7 +2,7 @@
input {
padding: 0 2.083333rem;
padding: 0 25px;
color: #333333;
}
......@@ -31,25 +31,25 @@ input {
.reservation-container {
@extend .fcc;
@extend .bb;
border-radius: .666667rem;
border: solid .083333rem $cOrange;
border-radius: 8px;
border: solid 1px $cOrange;
background-color: #ffffff;
padding: 2.666667rem 10rem 2.833333rem 10rem;
padding: 32px 10rem 34px 10rem;
min-height: 500px;
.title {
font-size: 1.333333rem;
font-size: 16px;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
margin: 20px auto 0 auto;
span {
padding: 0 .166667rem;
padding: 0 2px;
}
}
.default-mt {
margin-top: 2.666667rem;
margin-top: 32px;
}
.flex-top {
......@@ -70,7 +70,7 @@ input {
align-items: center;
span {
margin-left: .833333rem;
margin-left: 10px;
}
}
......@@ -79,27 +79,27 @@ input {
.reservation-container-2 {
@extend .bb;
border-radius: .666667rem;
border: solid .083333rem $cOrange;
border-radius: 8px;
border: solid 1px $cOrange;
background-color: #ffffff;
padding: 1.666667rem 10rem 2.833333rem 10rem;
padding: 20px 10rem 34px 10rem;
.title {
font-size: 1.333333rem;
font-size: 16px;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
margin: 20px auto 0 auto;
select {
padding: 0 1.25rem;
border: none;
border-bottom: .083333rem solid #666666;
border-bottom: 1px solid #666666;
color: #666666;
}
}
.default-mt {
margin-top: 2.666667rem;
margin-top: 32px;
}
.submit-btn {
......@@ -123,14 +123,14 @@ input {
display: flex;
align-items: center;
margin-right: 2rem;
margin-bottom: .833333rem;
margin-bottom: 10px;
span {
margin-left: .833333rem;
margin-left: 10px;
}
img {
width: 1.666667rem;
width: 20px;
}
}
......@@ -142,19 +142,19 @@ input {
}
.ml10 {
margin-left: .833333rem;
margin-left: 10px;
}
.mr10 {
margin-right: .833333rem;
margin-right: 10px;
}
.mt20 {
margin-top: 1.666667rem;
margin-top: 20px;
}
.mt10 {
margin-top: .833333rem;
margin-top: 10px;
}
.upload-item {
......@@ -162,9 +162,9 @@ input {
.tip {
color: $cOrange;
font-size: 1rem;
margin-top: .833333rem;
margin-top: 10px;
text-align: center;
width: 8.333333rem;
width: 100px;
}
.tip:lang(zh) {
......@@ -172,43 +172,43 @@ input {
}
.upload-icon-1 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon1.png");
background-size: 100% 100%;
}
.upload-icon-2 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon2.png");
background-size: 100% 100%;
}
.upload-icon-3 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon3.png");
background-size: 100% 100%;
}
.upload-icon-4 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon4.png");
background-size: 100% 100%;
}
.upload-icon-5 {
width: 8.333333rem;
height: 8.333333rem;
width: 100px;
height: 100px;
background: url("~@/assets/images/clarms/icon5.png");
background-size: 100% 100%;
}
}
.bottom-tip {
font-size: .833333rem;
font-size: 10px;
display: flex;
align-items: center;
......@@ -232,12 +232,12 @@ input {
align-items: center;
img {
width: .833333rem;
width: 10px;
}
span {
font-size: 1rem;
margin-left: .833333rem;
margin-left: 10px;
color: $cOrange;
}
}
......@@ -257,7 +257,7 @@ input {
flex-wrap: wrap;
&-name {
font-size: 1.333333rem;
font-size: 16px;
font-weight: 600;
text-align: left;
color: $cOrange;
......@@ -267,10 +267,10 @@ input {
.ipt-date {
width: 100%;
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
align-items: center;
padding-left: .833333rem;
padding-left: 10px;
}
&-item {
......@@ -278,7 +278,7 @@ input {
display: flex;
justify-content: center;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
display: flex;
......@@ -299,7 +299,7 @@ input {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -319,8 +319,8 @@ input {
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
width: 7.6px;
height: 5.2px;
pointer-events: none;
cursor: default;
}
......@@ -348,7 +348,7 @@ input {
display: flex;
justify-content: flex-start;
padding: 0 $marginSmall;
margin-bottom: 1.333333rem;
margin-bottom: 16px;
.label {
align-items: center;
......@@ -378,7 +378,7 @@ input {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem;
border-radius: 5px;
height: 3rem;
display: flex;
align-items: center;
......@@ -391,7 +391,7 @@ input {
height: 3rem;
display: flex;
align-items: center;
margin-bottom: .833333rem;
margin-bottom: 10px;
}
// 长文本
......@@ -408,8 +408,8 @@ input {
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
width: 7.6px;
height: 5.2px;
pointer-events: none;
cursor: default;
}
......@@ -430,7 +430,7 @@ input {
margin-bottom: 1rem;
&-icon {
width: 1.166667rem;
width: 14px;
position: absolute;
top: .6rem;
}
......@@ -449,7 +449,7 @@ input {
@media (max-width: 1000px) {
.reservation-container-2 {
padding: 1.666667rem 2rem 2.833333rem 2rem;
padding: 20px 2rem 34px 2rem;
}
.form {
......@@ -475,7 +475,7 @@ input {
@media (max-width: 600px) {
.reservation-container {
padding: 2.666667rem 2rem 2.833333rem 2rem;
padding: 32px 2rem 34px 2rem;
}
.form {
......@@ -531,6 +531,6 @@ input {
@media (max-width: 400px) {
.reservation-container-2 {
padding: 1.666667rem 1rem;
padding: 20px 1rem;
}
}
......
/**
* 页面描述:常用表格
*/
import api from '@/api/api'
import {
httpGet,
......
......@@ -3,11 +3,11 @@
.common-form-container {}
.table {
$girdHei: 4.333333rem;
$girdHei: 52px;
text-align: center;
&-header {
@include border-top-radius(.666667rem);
@include border-top-radius(8px);
display: flex;
align-items: center;
height: 3.25rem;
......@@ -25,7 +25,7 @@
background-color: #f2f2f2;
text-align: center;
border: solid 1px #f2f2f2;
@include border-bottom-radius(.666667rem);
@include border-bottom-radius(8px);
$gridHei: 5.25rem;
&-item {
......
......@@ -5,10 +5,10 @@
}
.reservation-container {
border-radius: .666667rem;
border: solid .083333rem #f2f2f2;
border-radius: 8px;
border: solid 1px #f2f2f2;
background-color: #ffffff;
padding: 2.666667rem 2.833333rem 2.833333rem 2rem;
padding: 32px 34px 34px 24px;
}
.form {
......@@ -18,7 +18,7 @@
&-item {
position: relative;
padding: 0 $marginSmall;
margin-bottom: 2.333333rem;
margin-bottom: 28px;
.label {
color: #f05a23;
......@@ -27,7 +27,7 @@
margin-bottom: .7rem;
.icon {
width: 2.166667rem;
width: 26px;
display: flex;
}
......@@ -66,7 +66,7 @@
right: 2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow.png');
width: 1rem;
height: .666667rem;
height: 8px;
pointer-events: none;
cursor: default;
}
......@@ -135,7 +135,7 @@
}
.label {
// min-width: 8.833333rem;
// min-width: 100px;
}
.ipt-wrap {
......@@ -165,7 +165,7 @@
}
.mt8 {
margin-top: .666667rem;
margin-top: 8px;
margin-left: 10rem;
}
}
......@@ -175,7 +175,7 @@
.form2 {
.form-item {
// margin-right: 1.166667rem;
// margin-right: 14px;
&:last-child {
margin-right: 0;
......@@ -195,7 +195,7 @@
&-icon {
position: absolute;
width: 1.166667rem;
width: 14px;
top: .6rem;
}
}
......@@ -207,9 +207,9 @@
.submit-btn {
width: 13.583333rem;
height: 4.083333rem;
height: 49px;
margin: 2.5rem auto 0;
line-height: 4.083333rem;
line-height: 49px;
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);
......
......@@ -32,7 +32,7 @@
color: $cOrange;
font-size: $fontSizeTitle;
font-weight: bold;
height: 2.833333rem;
height: 34px;
.icon-wrap {
margin-right: .75rem;
......
......@@ -26,8 +26,8 @@
.table-header {
// width: 64.166667rem;
height: 3.25rem;
border-top-left-radius: .666667rem;
border-top-right-radius: .666667rem;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #f2f2f2;
display: flex;
align-items: center;
......@@ -51,7 +51,7 @@
transition: all 0.5s;
cursor: pointer;
width: 1rem;
height: .666667rem;
height: 8px;
background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
background-size: 100% 100%;
}
......@@ -68,11 +68,11 @@
height: auto;
// display: inline-block;
border-bottom-left-radius: .666667rem;
border-bottom-right-radius: .666667rem;
border-left: solid .083333rem #f2f2f2;
border-right: solid .083333rem #f2f2f2;
border-bottom: solid .083333rem #f2f2f2;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: solid 1px #f2f2f2;
border-right: solid 1px #f2f2f2;
border-bottom: solid 1px #f2f2f2;
padding: 0 2.75rem;
max-height: 41.666667rem;
transition: max-height ease-out 0.3s !important;
......@@ -99,7 +99,7 @@
div:first-child{
text-align: left;
min-width: 6.666667rem !important;
min-width: 80px !important;
}
}
......@@ -109,7 +109,7 @@
.separator-v {
height: 2.5rem;
width: .166667rem;
width: 2px;
background-color: #f2f2f2;
margin: 0 .916667rem;
}
......
......@@ -57,7 +57,7 @@
border: solid 1px #f2f2f2;
background-color: #ffffff;
min-height: 43.75rem;
@include border-bottom-radius(.666667rem);
@include border-bottom-radius(8px);
&-item {
......
......@@ -2,7 +2,7 @@
.container {
@extend .bb;
padding: 1.833333rem 3rem 2.5rem 2.166667rem;
padding: 22px 36px 30px 26px;
}
......@@ -18,7 +18,7 @@
&-item {
position: relative;
margin-bottom: 2.333333rem;
margin-bottom: 28px;
width: 100%;
&:last-child {
......@@ -32,7 +32,7 @@
margin-bottom: .7rem;
.icon {
width: 2.166667rem;
width: 26px;
display: flex;
}
......@@ -57,11 +57,11 @@
}
.name-ipt {
width: 13.666667rem;
width: 164px;
}
.phone-ipt {
width: 13.666667rem;
width: 164px;
}
.mail-ipt {}
......@@ -80,15 +80,15 @@
right: 2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow.png');
width: 1rem;
height: .666667rem;
height: 8px;
pointer-events: none;
cursor: default;
}
.check-icon {
display: inline-block;
margin-left: 2.166667rem;
margin-right: .666667rem;
margin-left: 26px;
margin-right: 8px;
}
}
......@@ -96,7 +96,7 @@
color: $cOrange;
margin-top: 0.5rem;
position: absolute;
right: 16rem;
right: 192px;
display: flex;
align-items: center;
// bottom: 0;
......@@ -112,9 +112,9 @@
.submit-btn {
width: 13.583333rem;
height: 4.083333rem;
height: 49px;
margin: 0 auto 0;
line-height: 4.083333rem;
line-height: 49px;
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);
......
......@@ -3,11 +3,11 @@
.common-form-container {}
.table {
$girdHei: 4.333333rem;
$girdHei: 52px;
text-align: center;
&-header {
@include border-top-radius(.666667rem);
@include border-top-radius(8px);
display: flex;
align-items: center;
height: 3.25rem;
......@@ -26,8 +26,8 @@
color: $cFontGray;
text-align: center;
border: solid 1px #f2f2f2;
@include border-bottom-radius(.666667rem);
$gridHei: 4.333333rem;
@include border-bottom-radius(8px);
$gridHei: 52px;
&-item {
position: relative;
......
......@@ -13,11 +13,11 @@
}
.table {
$girdHei: 4.333333rem;
$girdHei: 52px;
text-align: center;
&-header {
@include border-top-radius(.666667rem);
@include border-top-radius(8px);
display: flex;
align-items: center;
height: 3.25rem;
......@@ -42,7 +42,7 @@
&-item {
position: relative;
margin-bottom: 2.333333rem;
margin-bottom: 28px;
padding: 0 1.25rem;
height: auto;
......@@ -66,7 +66,7 @@
}
.icon {
width: 2.166667rem;
width: 26px;
display: flex;
}
......@@ -164,9 +164,9 @@
.submit-btn {
width: 13.583333rem;
height: 4.083333rem;
height: 49px;
margin: 0 auto 0;
line-height: 4.083333rem;
line-height: 49px;
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);
......
......@@ -34,7 +34,7 @@
transition: all 0.5s;
cursor: pointer;
width: 1rem;
height: .666667rem;
height: 8px;
background: url("~@/assets/images/insurance-query/triangle-down2.png") no-repeat center center;
background-size: 100% 100%;
top: 16px;
......@@ -72,8 +72,8 @@
.table-header {
// width: 64.166667rem;
height: 3.25rem;
border-top-left-radius: .666667rem;
border-top-right-radius: .666667rem;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #f2f2f2;
display: flex;
align-items: center;
......@@ -97,7 +97,7 @@
transition: all 0.5s;
cursor: pointer;
width: 1rem;
height: .666667rem;
height: 8px;
background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
background-size: 100% 100%;
}
......@@ -115,11 +115,11 @@
height: auto;
max-height: 50rem;
// display: inline-block;
border-bottom-left-radius: .666667rem;
border-bottom-right-radius: .666667rem;
border-left: solid .083333rem #f2f2f2;
border-right: solid .083333rem #f2f2f2;
border-bottom: solid .083333rem #f2f2f2;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: solid 1px #f2f2f2;
border-right: solid 1px #f2f2f2;
border-bottom: solid 1px #f2f2f2;
padding: 0 2.75rem;
// max-height: 41.666667rem;
transition: max-height ease-out 0.3s !important;
......@@ -150,7 +150,7 @@
.separator-v {
height: 2.5rem;
width: .166667rem;
width: 2px;
background-color: #f2f2f2;
margin: 0 .916667rem;
}
......
......@@ -10,10 +10,10 @@ input {
.reservation-container {
@extend .bb;
border-radius: .666667rem;
border: solid .083333rem #f2f2f2;
border-radius: 8px;
border: solid 1px #f2f2f2;
background-color: #ffffff;
padding: 2.666667rem 2.833333rem 2.833333rem 2rem;
padding: 32px 34px 34px 2rem;
}
.form {
......@@ -24,7 +24,7 @@ input {
&-item {
position: relative;
padding: 0 $marginSmall;
margin-bottom: 2.333333rem;
margin-bottom: 28px;
.label {
color: $cOrange;
......@@ -33,7 +33,7 @@ input {
margin-bottom: .7rem;
.icon {
width: 2.166667rem;
width: 26px;
display: flex;
}
......@@ -62,7 +62,7 @@ input {
right: 2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow.png');
width: 1rem;
height: .666667rem;
height: 8px;
pointer-events: none;
cursor: default;
}
......@@ -154,7 +154,7 @@ input {
}
.mt8 {
margin-top: .666667rem;
margin-top: 8px;
margin-left: 10rem;
}
}
......@@ -172,7 +172,7 @@ input {
margin-bottom: 1rem;
&-icon {
width: 1.166667rem;
width: 14px;
position: absolute;
top: .6rem;
}
......@@ -185,9 +185,9 @@ input {
.submit-btn {
width: 13.583333rem;
height: 4.083333rem;
height: 49px;
margin: 2.5rem auto;
line-height: 4.083333rem;
line-height: 49px;
box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
background-blend-mode: soft-light, ;
background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
......
......@@ -2,19 +2,19 @@
.content {
display: flex;
margin: 2.333333rem auto;
margin: 28px auto;
position: relative;
}
.left-panel {
width: 16rem;
width: 192px;
margin-right: $marginMedium;
.separator {
margin: auto;
width: 13.25rem;
height: .083333rem;
height: 1px;
background-color: #dcdddd;
}
......@@ -34,16 +34,19 @@
margin-left: 1.25rem;
.icon-wrap {
@extend .fcc;
width: 4rem;
@extend .bb;
padding-left: 0px;
width: 42px;
.icon {}
.icon {
max-height: 28px;
}
}
.tit {
flex: 1;
@extend .bb;
padding: 0 .333333rem;
padding: 0 4px;
text-align: left;
}
......@@ -95,7 +98,7 @@
}
.empty-line {
height: 1.333333rem;
height: 16px;
}
......
......@@ -12,7 +12,7 @@
<!-- 主列表 -->
<template v-else>
<div v-for="(item,index) in 8" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))">
<div v-for="(item,index) in 10" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))">
<div class="icon-wrap">
<img class="icon" :src="require('@/assets/images/insurance-query/m'+(index+1) + (activity == 'm' + (index+1) ?'':'-unselect') +'.png')">
</div>
......
......@@ -10,7 +10,7 @@
.validator {
.icon {
margin-right: .833333rem;
margin-right: 10px;
}
}
......@@ -155,7 +155,7 @@
}
input {
font-size: 1.166667rem;
font-size: 14px;
}
input:lang(zh) {
......
......@@ -180,7 +180,7 @@
@extend .fcc;
@extend .bb;
@include ellipsis(14);
padding-left: 2.166667rem;
padding-left: 26px;
flex: 1;
line-height: 2.3;
......
......@@ -142,7 +142,7 @@
.authTip {
.icon {
margin-right : .833333rem;
margin-right : 10px;
}
}
......@@ -163,7 +163,7 @@
}
input {
font-size: 1.166667rem;
font-size: 14px;
}
input:lang(zh) {
......
......@@ -147,7 +147,7 @@
}
input {
font-size: 1.166667rem;
font-size: 14px;
}
input:lang(zh) {
......
......@@ -148,7 +148,7 @@
}
input {
font-size: 1.166667rem;
font-size: 14px;
}
input:lang(zh) {
......
......@@ -19,7 +19,7 @@
.btn-position {
position: absolute;
top: 27.2rem;
left: 2.833333rem;
left: 34px;
cursor: pointer;
}
......@@ -37,8 +37,8 @@
display: inline-block;
line-height: 4.166667rem;
text-align: center;
border-radius: .416667rem;
font-size: 1.666667rem;
border-radius: 5px;
font-size: 20px;
}
}
......@@ -64,7 +64,7 @@
height: 3rem;
line-height: 3rem;
text-align: center;
font-size: 1.166667rem;
font-size: 14px;
color: #666666;
background: #ffffff;
cursor: pointer;
......@@ -78,7 +78,7 @@
width: 0;
height: 0;
margin: auto;
border: .833333rem solid #FF5700;
border: 10px solid #FF5700;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
......@@ -87,9 +87,9 @@
i {
display: inline-block;
width: 1.666667rem;
height: 1.666667rem;
margin-right: .666667rem;
width: 20px;
height: 20px;
margin-right: 8px;
vertical-align: middle;
}
......
......@@ -70,7 +70,7 @@
right: 2rem;
background-image: url('~@/assets/images/common/down-arrow.png');
width: 1rem;
height: .666667rem;
height: 8px;
pointer-events: none;
cursor: default;
}
......