Browse Source

优化顶部标题栏布局,使元素在同一行显示

Boss3
Default User 1 month ago
parent
commit
3c29584c6a
  1. 25
      supply.html

25
supply.html

@ -28,14 +28,14 @@
.title-bar {
background-color: #1677ff;
color: white;
padding: 15px 15px;
padding: 12px 15px;
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 0;
z-index: 100;
flex-wrap: wrap;
flex-wrap: nowrap;
gap: 10px;
}
@ -45,24 +45,31 @@
font-weight: 500;
flex: 1;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title-bar-actions {
display: flex;
gap: 8px;
align-items: center;
flex-shrink: 0;
}
.title-bar-actions button {
background-color: rgba(255, 255, 255, 0.2);
color: white;
border: none;
padding: 8px 12px;
border-radius: 4px;
font-size: 13px;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s;
transition: all 0.3s ease;
white-space: nowrap;
backdrop-filter: blur(10px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
.title-bar-actions button:hover {
@ -1292,12 +1299,10 @@
<div class="container">
<!-- 标题栏 -->
<div class="title-bar">
<div style="display: flex; align-items: center; gap: 15px;">
<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: 10px 20px; border-radius: 20px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
<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;">
返回
</button>
<h1 style="margin: 0;">我的货源</h1>
</div>
<div class="title-bar-actions">
<button onclick="contactCustomerService()">联系客服</button>
<button class="apply-settlement-btn">已入驻</button>

Loading…
Cancel
Save