Merge branch 'price' into pro

This commit is contained in:
weifashi 2023-12-08 19:02:02 +08:00
commit d3fc274f08
6 changed files with 1371 additions and 360 deletions

View File

@ -470,6 +470,11 @@ img {
grid-template-columns: 480px 266px 266px 266px; grid-template-columns: 480px 266px 266px 266px;
} }
.grid-5 {
display: grid !important;
grid-template-columns: 336px 236px 236px 236px 236px;
}
/* padding样式 */ /* padding样式 */
.pl-26 { .pl-26 {
padding-left: 26px; padding-left: 26px;

View File

@ -139,18 +139,26 @@
} }
.plans-ol-item-h6{ .plans-ol-item-h6{
color: var(--txt-4ca5); color: var(--txt-4ca5);
line-height: normal;
} }
.plans-ol-item-icon{ .plans-ol-item-icon{
display: block; display: block;
height: 24px; height: 24px;
} }
.plans-ol-item-icon2{
display: block;
height: 24px;
opacity: 0.5;
}
.plans-ul-b{ .plans-ul-b{
display: grid; display: grid;
grid-template-columns: 506px 266px 266px 266px; grid-template-columns: 506px 266px 266px 266px;
} }
.plans-ul-b-item-btn{ .plans-ul-b-item-btn{
display: inline-block; display: inline-block;
width: 218px; width: 160px;
} }
.flex-s-c{ .flex-s-c{
display: flex; display: flex;
@ -202,6 +210,13 @@
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15);
} }
@media screen and (max-width: 600px) {
.BulletBox1{
width: 80%;
}
}
.BulletBox1 .top{ .BulletBox1 .top{
width: 382px; width: 382px;
line-height: 20px; line-height: 20px;
@ -225,13 +240,12 @@
color: rgb(96, 98, 102); color: rgb(96, 98, 102);
} }
.BulletBox1 .bottom{ .BulletBox1 .bottom{
width: 370px; display: flex;
height: 34px; justify-content: end;
padding: 20px 30px 22px 30px; padding: 20px 30px 22px 30px;
position: relative; position: relative;
} }
.BulletBox1 .bottom .BulletBox1Btn{ .BulletBox1 .bottom .BulletBox1Btn{
position: absolute;
min-width: 100px; min-width: 100px;
right: 20px; right: 20px;
height: 34px; height: 34px;
@ -243,3 +257,11 @@
border-radius: 8px; border-radius: 8px;
padding: 5px; padding: 5px;
} }
.price-ceiling {
position: sticky;
top: 80px;
background-color: #fff;
border-bottom: 1px solid var(--border-color);
z-index: 9999;
}

View File

@ -80,6 +80,9 @@
.grid-4{ .grid-4{
grid-template-columns: 32vw 18vw 18vw 18vw !important; grid-template-columns: 32vw 18vw 18vw 18vw !important;
} }
.grid-5{
grid-template-columns: 26vw 18.5vw 18.5vw 18.5vw 18.5vw !important;
}
.plans-ul-b{ .plans-ul-b{
grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important; grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important;
} }

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1026_5003)">
<path d="M4 4L15.4141 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
<path d="M15.4141 4L4 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
</g>
<defs>
<clipPath id="clip0_1026_5003">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 429 B

File diff suppressed because it is too large Load Diff