Browse Source

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

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

16
supply.html

@ -1299,13 +1299,19 @@
<div class="container">
<!-- 标题栏 -->
<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>
<div class="title-bar-actions">
<button onclick="contactCustomerService()">联系客服</button>
<button class="apply-settlement-btn">已入驻</button>
<h1 style="margin: 0; flex: 1; text-align: center;">我的货源</h1>
<div style="display: flex; align-items: center; gap: 8px;">
<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>

Loading…
Cancel
Save