Compare commits
2 Commits
a89c199ea8
...
2dc6bd1346
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2dc6bd1346 | ||
|
|
703d9cf781 |
@@ -32,13 +32,14 @@
|
|||||||
<div class="info" :class="{ academic: item.type == 'academic' }">
|
<div class="info" :class="{ academic: item.type == 'academic' }">
|
||||||
{{ item?.info }}
|
{{ item?.info }}
|
||||||
</div>
|
</div>
|
||||||
<div class="price" v-if="item.type != 'academic'">
|
<div class="price " v-if="item.type != 'academic'">
|
||||||
<div>{{ item?.price }}</div>
|
<div>{{ item?.price }}</div>
|
||||||
<span
|
<span
|
||||||
:class="[
|
:class="[
|
||||||
{ yearl: monthlyOrYearly == 'yearl' },
|
{ yearl: monthlyOrYearly == 'yearl' },
|
||||||
{ personal: item.type === 'personal' }
|
{ personal: item.type === 'personal' }
|
||||||
]"
|
]"
|
||||||
|
style="white-space: nowrap;"
|
||||||
>
|
>
|
||||||
{{ item?.detail }}
|
{{ item?.detail }}
|
||||||
</span>
|
</span>
|
||||||
@@ -633,6 +634,7 @@ export default defineComponent({
|
|||||||
border-radius: 1.3rem;
|
border-radius: 1.3rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-bottom: 2.8rem;
|
margin-bottom: 2.8rem;
|
||||||
|
padding: 2rem;
|
||||||
padding-bottom: 1.3rem;
|
padding-bottom: 1.3rem;
|
||||||
}
|
}
|
||||||
.product_signUp_box {
|
.product_signUp_box {
|
||||||
@@ -711,7 +713,7 @@ export default defineComponent({
|
|||||||
color: #1b223c;
|
color: #1b223c;
|
||||||
margin: 0.3rem 0;
|
margin: 0.3rem 0;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
font-size: 3.14rem;
|
font-size: 3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> span {
|
> span {
|
||||||
@@ -725,6 +727,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
margin-top: 1rem;
|
||||||
// margin-left: 0.7rem;
|
// margin-left: 0.7rem;
|
||||||
// margin-bottom: 1rem;
|
// margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@@ -738,7 +741,6 @@ export default defineComponent({
|
|||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 12.41rem;
|
width: 12.41rem;
|
||||||
height: 3.4rem;
|
|
||||||
line-height: 3.4rem;
|
line-height: 3.4rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -757,6 +759,9 @@ export default defineComponent({
|
|||||||
border-top-right-radius: 1.1rem;
|
border-top-right-radius: 1.1rem;
|
||||||
border-bottom-left-radius: 0.4rem;
|
border-bottom-left-radius: 0.4rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
font-weight: 500;
|
||||||
|
width: 9rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.product_detail {
|
.product_detail {
|
||||||
|
|||||||
Reference in New Issue
Block a user