root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
wangfukang 3 weeks ago
parent
df981c2f12
commit
794aafae9d
1 changed files with 39 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 61
      pages/index/index.vue

61
pages/index/index.vue
View File

@ -1928,37 +1928,54 @@
.menu-box { .menu-box {
width: 95%; width: 95%;
height: 200rpx; height: 214rpx;
display: flex; display: flex;
align-items: center; align-items: flex-end;
margin: 30rpx auto 0; margin: 30rpx auto 0;
padding: 12rpx 8rpx; padding: 50rpx 8rpx 12rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 38rpx; border-radius: 38rpx;
border: 1px solid rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.9);
background: background:
radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 160rpx), radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 150rpx),
linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 235, 0.9) 48%, rgba(239, 255, 248, 0.96) 100%); radial-gradient(circle at 92% 78%, rgba(88, 205, 122, 0.18) 0, rgba(88, 205, 122, 0) 170rpx),
linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 255, 241, 0.94) 50%, rgba(231, 255, 244, 0.96) 100%);
box-shadow: 0 20rpx 46rpx rgba(0, 35, 28, 0.075), inset 0 1rpx 0 rgba(255, 255, 255, 0.9); box-shadow: 0 20rpx 46rpx rgba(0, 35, 28, 0.075), inset 0 1rpx 0 rgba(255, 255, 255, 0.9);
position: relative; position: relative;
z-index: 99; z-index: 99;
overflow: hidden; overflow: hidden;
} }
.menu-box::before {
content: '校园生活 · 一站搞定';
position: absolute;
left: 26rpx;
top: 17rpx;
color: #2c8b6f;
font-size: 22rpx;
font-weight: 900;
letter-spacing: 1rpx;
}
.menu-box::after { .menu-box::after {
content: ''; content: '本周精选活动 >';
width: 280rpx;
height: 160rpx;
border-radius: 50%;
background: linear-gradient(135deg, rgba(166, 255, 234, 0.18) 0%, rgba(166, 255, 234, 0) 74%);
position: absolute; position: absolute;
right: -150rpx; right: 24rpx;
top: -92rpx; top: 16rpx;
height: 42rpx;
padding: 0 18rpx;
border-radius: 999rpx;
background: rgba(255, 255, 255, 0.76);
color: #1e6a58;
font-size: 22rpx;
font-weight: 900;
line-height: 42rpx;
box-shadow: 0 8rpx 18rpx rgba(0, 35, 28, 0.06);
} }
.menu-list { .menu-list {
flex: 1; flex: 1;
height: 100%; height: 142rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -1977,8 +1994,8 @@
} }
.menu-list img { .menu-list img {
width: 82rpx; width: 76rpx;
height: 82rpx; height: 76rpx;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
@ -2003,9 +2020,9 @@
.menu-name { .menu-name {
text-align: center; text-align: center;
font-size: 22rpx; font-size: 21rpx;
font-weight: 900; font-weight: 900;
margin-top: 8rpx; margin-top: 6rpx;
color: #183f36; color: #183f36;
line-height: 28rpx; line-height: 28rpx;
position: relative; position: relative;
@ -2015,7 +2032,7 @@
} }
.menu-desc { .menu-desc {
margin-top: 2rpx; margin-top: 0;
color: rgba(18, 73, 63, 0.58); color: rgba(18, 73, 63, 0.58);
font-size: 17rpx; font-size: 17rpx;
font-weight: 800; font-weight: 800;
@ -2026,12 +2043,12 @@
} }
.world-light { .world-light {
width: 104rpx; width: 96rpx;
height: 104rpx; height: 96rpx;
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 18rpx; top: 10rpx;
margin-left: -52rpx; margin-left: -48rpx;
border-radius: 50%; border-radius: 50%;
background: radial-gradient(circle, rgba(166, 255, 234, 0.62) 0%, rgba(166, 255, 234, 0) 68%); background: radial-gradient(circle, rgba(166, 255, 234, 0.62) 0%, rgba(166, 255, 234, 0) 68%);
box-shadow: 0 0 24rpx rgba(166, 255, 234, 0.32); box-shadow: 0 0 24rpx rgba(166, 255, 234, 0.32);

Write Preview
Loading…
Cancel
Save