mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2025-12-11 17:32:50 +00:00
✨ 修改pc端ui
This commit is contained in:
RalapChen
parent
5e26fac4fa
commit
1132aac51d
@ -238,6 +238,26 @@ p {
|
||||
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.merchant-list {
|
||||
/* max-width: 210px; */
|
||||
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.merchant-list img {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
box-shadow: 0px 0px 40px -5px rgba(74, 84, 123, 0.15);
|
||||
}
|
||||
.merchant-img-container {
|
||||
width: 117vw;
|
||||
margin-left: -8vw;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
.merchant-img-container .col-lg-2 {
|
||||
flex: 0 0 14.285714%;
|
||||
max-width: 14.285714%;
|
||||
}
|
||||
.pc-footer {
|
||||
height: 334px;
|
||||
background: #303955;
|
||||
@ -2332,8 +2352,9 @@ p {
|
||||
background: linear-gradient(to bottom, #fff, #f9faff);
|
||||
}
|
||||
|
||||
.bg-wave::before, .bg-wave::after {
|
||||
content: "";
|
||||
.bg-wave::before,
|
||||
.bg-wave::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
min-width: 300vw;
|
||||
@ -2352,7 +2373,7 @@ p {
|
||||
|
||||
.bg-wave::after {
|
||||
bottom: 0vh;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
border-radius: 47%;
|
||||
animation-duration: 12s;
|
||||
}
|
||||
|
||||
BIN
website/img/WechatIMG4031.png
Normal file
BIN
website/img/WechatIMG4031.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 458 KiB |
BIN
website/img/WechatIMG4032.png
Normal file
BIN
website/img/WechatIMG4032.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
@ -98,7 +98,7 @@
|
||||
<!--// .row //-->
|
||||
<div class="row align-items-center justify-content-center ">
|
||||
<div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="services-item item-shadow">
|
||||
<div class="services-item item-shadow" style="box-shadow: none;">
|
||||
<div class="services-icon services-blue-icon services-img no-shadow">
|
||||
<img src="./img/所见即所得.png" />
|
||||
</div>
|
||||
@ -112,7 +112,7 @@
|
||||
</div>
|
||||
<!--// .col //-->
|
||||
<div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.3s">
|
||||
<div class="services-item item-shadow">
|
||||
<div class="services-item item-shadow" style="box-shadow: none;">
|
||||
<div class="services-icon services-img no-shadow">
|
||||
<img src="./img/代码可移植.png" />
|
||||
</div>
|
||||
@ -126,7 +126,7 @@
|
||||
</div>
|
||||
<!--// .col //-->
|
||||
<div class="col-lg-4 col-md-6 col-sm-6 services-resp-margin wow fadeInUp" data-wow-delay="0.3s">
|
||||
<div class="services-item item-shadow">
|
||||
<div class="services-item item-shadow" style="box-shadow: none;">
|
||||
<div class="services-icon services-img no-shadow">
|
||||
<img src="./img/自动云同步.png" />
|
||||
</div>
|
||||
@ -310,8 +310,6 @@
|
||||
<p class="section-sub-title pc-section-sub-title text-center ">
|
||||
自动适配多个客户端，无需重复配置相同页面，省时更省心
|
||||
</p>
|
||||
<a href="http://h5.dooring.cn/h5_plus" target="_blank"
|
||||
class="default-outline-btn wow fadeInUp section-sub-btn gray-btn" data-wow-delay="0.4s">立即注册</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="big-adaptation-img-container">
|
||||
@ -361,6 +359,8 @@
|
||||
</section>
|
||||
<!--// About Section End //-->
|
||||
<!--// Features Section Start //-->
|
||||
|
||||
|
||||
<section id="features" class="features-section section-padding pc-hidden" data-scroll-index="4">
|
||||
<div class="container">
|
||||
<div class="features-row">
|
||||
@ -443,13 +443,80 @@
|
||||
|
||||
<!--// Contact Section Start //-->
|
||||
|
||||
|
||||
<section class="services section-padding mobile-hidden" data-scroll-index="3">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="section-heading">
|
||||
<h2 class="section-title not-line">优秀案例精彩纷呈</h2>
|
||||
<p class="section-sub-title pc-section-sub-title text-center ">
|
||||
优秀案例，一键保存，多次复用，秒出精彩
|
||||
</p>
|
||||
<a href="http://h5.dooring.cn/h5_plus" target="_blank"
|
||||
class="default-outline-btn wow fadeInUp section-sub-btn gray-btn" data-wow-delay="0.4s">复用案例</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="big-adaptation-img-container">
|
||||
<img class="col-lg-3" src="./img/WechatIMG4031.png" />
|
||||
<img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
|
||||
<img class="col-lg-3 offset-1" src="./img/WechatIMG4031.png" />
|
||||
</div>
|
||||
<!--// .col //-->
|
||||
</div>
|
||||
<!--// .row //-->
|
||||
</div>
|
||||
<!--// .container //-->
|
||||
</section>
|
||||
|
||||
<section class="services section-padding mobile-hidden" data-scroll-index="3">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading">
|
||||
<h2 class="section-title not-line">选择Dooring编程更省心</h2>
|
||||
<p class="section-sub-title pc-section-sub-title text-center ">
|
||||
2000+用户选择使用 Dooring 让编程更高效
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// .col //-->
|
||||
</div>
|
||||
<!--// .row //-->
|
||||
</div>
|
||||
<div class=" bg-circle">
|
||||
<div class="merchant-img-container row gx-5">
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
</div>
|
||||
|
||||
<div class="big-adaptation-img-container row gx-5">
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
<div class="col-lg-2 merchant-list"><img src="./img/WechatIMG4032.png" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// .container //-->
|
||||
</section>
|
||||
|
||||
<section class="contact-section section-padding" data-scroll-index="5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="section-heading">
|
||||
<h2 class="section-title">联系我们</h2>
|
||||
<p class="section-sub-title">
|
||||
<p class="section-sub-title text-center">
|
||||
想了解更多？可以通过以下方式联系到作者
|
||||
</p>
|
||||
</div>
|
||||
@ -481,25 +548,6 @@
|
||||
</div>
|
||||
<!--// .container //-->
|
||||
</section>
|
||||
<!--// Contact Section End //-->
|
||||
<section class="contact-section section-padding pc-hidden" data-scroll-index="5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="section-heading">
|
||||
<h2 class="section-title">问题反馈</h2>
|
||||
<p class="section-sub-title">
|
||||
如果在使用过程中有任何疑问或者需求，可以通过以下方式联系到作者
|
||||
</p>
|
||||
<div style="text-align:center;margin-top:20px;width:240px;display:inline-block"><img src="./img/code.png"
|
||||
alt="趣谈前端" style="width:180px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// .col //-->
|
||||
</div>
|
||||
</div>
|
||||
<!--// .container //-->
|
||||
</section>
|
||||
<!--// Footer Section Start //-->
|
||||
<footer class="footer pc-hidden">
|
||||
<!--// .footer-top //-->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user