codex-bot
36aee09dfa
Verify mini program and deploy preview / verify-deploy (push) Successful in 50s
19 lines
1.5 KiB
CSS
19 lines
1.5 KiB
CSS
.discover { padding: 28rpx 18rpx 180rpx; background: #fff; }
|
|
.heading { font-size: 46rpx; font-weight: 950; }
|
|
.subheading { margin: 10rpx 0 34rpx; color: #777; font-size: 24rpx; }
|
|
.result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12rpx; }
|
|
.result-card { overflow: hidden; border: 1rpx solid #eee; background: #fff; }
|
|
.result-card image { display: block; width: 100%; height: 290rpx; }
|
|
.result-copy { padding: 16rpx; }
|
|
.result-copy text { color: #777; font-size: 21rpx; }
|
|
.result-copy view { margin-top: 6rpx; font-size: 31rpx; font-weight: 900; }
|
|
.bottom-nav { position: fixed; z-index: 20; left: 28rpx; right: 28rpx; bottom: calc(24rpx + env(safe-area-inset-bottom)); display: flex; height: 104rpx; padding: 0 18rpx; border-radius: 20rpx; background: #080808; box-shadow: 0 18rpx 50rpx rgba(0,0,0,.22); }
|
|
.nav-item { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #888; font-size: 18rpx; }
|
|
.nav-item.active { color: #fff; }
|
|
.nav-item.active:before { content: ''; position: absolute; top: -25rpx; width: 94rpx; height: 94rpx; border: 14rpx solid #fff; border-radius: 50%; background: #080808; }
|
|
.nav-icon { z-index: 1; width: 26rpx; height: 26rpx; margin-bottom: 7rpx; border: 5rpx solid currentColor; }
|
|
.home-icon { transform: rotate(45deg); border-radius: 5rpx; }
|
|
.discover-icon { border-radius: 50%; border-width: 6rpx 2rpx; }
|
|
.me-icon { border-radius: 50%; }
|
|
.nav-item text { z-index: 1; }
|