Browse Source

优化顶部标题栏布局,将返回、联系客服和登录信息按钮放在同一行

Boss3
Default User 1 month ago
parent
commit
4af371d80a
  1. 20
      supply.html

20
supply.html

@ -1299,13 +1299,19 @@
<div class="container"> <div class="container">
<!-- 标题栏 --> <!-- 标题栏 -->
<div class="title-bar"> <div class="title-bar">
<button onclick="window.location.href='SupplierReview.html'" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;"> <div style="display: flex; align-items: center; gap: 10px; width: 100%;">
返回 <button onclick="window.location.href='SupplierReview.html'" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
</button> 返回
<h1 style="margin: 0;">我的货源</h1> </button>
<div class="title-bar-actions"> <h1 style="margin: 0; flex: 1; text-align: center;">我的货源</h1>
<button onclick="contactCustomerService()">联系客服</button> <div style="display: flex; align-items: center; gap: 8px;">
<button class="apply-settlement-btn">已入驻</button> <button onclick="contactCustomerService()" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
联系客服
</button>
<button class="apply-settlement-btn" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
已入驻
</button>
</div>
</div> </div>
</div> </div>

Loading…
Cancel
Save