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