Browse Source

更新index页面样式

pull/1/head
徐飞洋 2 months ago
parent
commit
5c55f3199d
  1. 8
      pages/index/index.wxml
  2. 52
      pages/index/index.wxss

8
pages/index/index.wxml

@ -99,12 +99,8 @@
>
<!-- 侧边栏内容区域 -->
<view class="sidebar-btn-content" bindtap="toggleSidebar">
<view class="sidebar-btn-top">
<text class="sidebar-icon">☰</text>
</view>
<view class="sidebar-btn-bottom">
<text class="sidebar-text">招商入驻</text>
</view>
<text class="sidebar-text-black">招商</text>
<text class="sidebar-text-black">入驻</text>
</view>
<!-- 箭头按钮 -->

52
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;
}
/* 箭头按钮 */

Loading…
Cancel
Save