diff --git a/pages/index/index.vue b/pages/index/index.vue index aea9fad..6d0135d 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -16,7 +16,7 @@ class="menu-item" @click="handleClick(item.id)" > - + {{ item.name }} @@ -172,6 +172,7 @@ padding-top: 40rpx; background: linear-gradient(#e7c0c1 0%, #fff 100%); height: 100vh; + z-index: 0; .top { display: flex; padding: 40rpx 32rpx; @@ -195,6 +196,7 @@ justify-content: space-around; padding: 32rpx; margin-top: 60rpx; + z-index: 2; .menu-item { display: flex; justify-content: space-between; @@ -205,12 +207,15 @@ height: 240rpx; width: 100%; background-color: #fff; - box-shadow: 3px 6px 5px #d6c6c6; + box-shadow: 10rpx 16rpx 16rpx #d6c6c6; border-radius: 20rpx; overflow: visible; &:last-child { margin-top: 64rpx; } + &::after{ + border:none; + } } } .bottom-img { @@ -219,6 +224,7 @@ left: 0; width: 100%; height: 220rpx; + z-index: 1; } } diff --git a/pages/index/index.vue b/pages/index/index.vue index aea9fad..6d0135d 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -16,7 +16,7 @@ class="menu-item" @click="handleClick(item.id)" > - + {{ item.name }} @@ -172,6 +172,7 @@ padding-top: 40rpx; background: linear-gradient(#e7c0c1 0%, #fff 100%); height: 100vh; + z-index: 0; .top { display: flex; padding: 40rpx 32rpx; @@ -195,6 +196,7 @@ justify-content: space-around; padding: 32rpx; margin-top: 60rpx; + z-index: 2; .menu-item { display: flex; justify-content: space-between; @@ -205,12 +207,15 @@ height: 240rpx; width: 100%; background-color: #fff; - box-shadow: 3px 6px 5px #d6c6c6; + box-shadow: 10rpx 16rpx 16rpx #d6c6c6; border-radius: 20rpx; overflow: visible; &:last-child { margin-top: 64rpx; } + &::after{ + border:none; + } } } .bottom-img { @@ -219,6 +224,7 @@ left: 0; width: 100%; height: 220rpx; + z-index: 1; } } diff --git a/static/back.png b/static/back.png index c925573..e402c68 100644 --- a/static/back.png +++ b/static/back.png Binary files differ