diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 5279f73..9d849a5 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -99,12 +99,8 @@ > - - - - - 招商入驻 - + 招商 + 入驻 diff --git a/pages/index/index.wxss b/pages/index/index.wxss index 1717416..22c7450 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -451,41 +451,55 @@ wx-button:not([size=mini]) { flex: 1; display: flex; flex-direction: column; - justify-content: space-between; + justify-content: center; align-items: center; height: 100%; - padding-left: 10rpx; + padding: 10rpx; } -/* 侧边栏按钮上下区域 */ -.sidebar-btn-top { - flex: 1; +/* 招商入驻入口 */ +.sidebar-entry { display: flex; + flex-direction: column; + align-items: center; justify-content: center; - align-items: flex-end; - width: 100%; - padding-bottom: 4rpx; + padding: 16rpx 12rpx; + border-radius: 12rpx; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.4); + transition: all 0.2s ease; } -.sidebar-btn-bottom { - flex: 1; +.sidebar-entry:active { + transform: scale(0.95); + box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.3); +} + +/* 图标容器 */ +.sidebar-icon-wrap { + width: 48rpx; + height: 48rpx; display: flex; justify-content: center; - align-items: flex-start; - width: 100%; - padding-top: 200; + align-items: center; + margin-bottom: 8rpx; } .sidebar-icon { - font-size: 32rpx; - color: #333; /* 深色文字 */ - font-weight: bold; + font-size: 36rpx; } .sidebar-text { - font-size: 16rpx; - color: #666; /* 中深色文字 */ - font-weight: 500; + font-size: 20rpx; + color: #ffffff; + font-weight: 600; + text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2); +} + +.sidebar-text-black { + font-size: 20rpx; + color: #333333; + font-weight: 600; } /* 箭头按钮 */