diff --git a/css/details.css b/css/details.css index 382764b..ae8f59d 100644 --- a/css/details.css +++ b/css/details.css @@ -210,6 +210,8 @@ border-radius: 6px; margin-top: 20px; display: none; + justify-content: space-between; + padding: 0px 41px; } .boxbox .details .right .admission-btn .item { font-size: 14px; @@ -218,6 +220,7 @@ .boxbox .details .right .admission-btn .item .icon { width: 16px; height: 8px; + margin: 0 11px; } .boxbox .details .right .admission-btn .item .btn { color: #ffffff; @@ -228,7 +231,6 @@ } .boxbox .details .right .admission-btn .item .btn .img { width: 19px; - height: 13px; margin-right: 6px; } .boxbox .details .QRCode { diff --git a/css/details.less b/css/details.less index 2937265..280513d 100644 --- a/css/details.less +++ b/css/details.less @@ -241,6 +241,8 @@ border-radius: 6px; margin-top: 20px; display: none; + justify-content: space-between; + padding: 0px 41px; .item { font-size: 14px; @@ -248,6 +250,7 @@ .icon { width: 16px; height: 8px; + margin: 0 11px; } .btn { @@ -258,7 +261,7 @@ border-radius: 22px; .img { width: 19px; - height: 13px; + // height: 13px; margin-right: 6px; } } diff --git a/img/top-hat-icon.svg b/img/top-hat-icon.svg new file mode 100644 index 0000000..e68ba94 --- /dev/null +++ b/img/top-hat-icon.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/img/weChat-icon.svg b/img/weChat-icon.svg new file mode 100644 index 0000000..fa2bd4f --- /dev/null +++ b/img/weChat-icon.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file