wm
70ff806042
- miniprogram/config.js: BASE_URL 指向 http://192.227.237.8:3001 - 动作标题中文化(nameZh)，搜索匹配 name/nameZh/nameEn - 新增计划/收藏/我的 等页面与组件 - 后端 Docker 化(Dockerfile/.dockerignore)与翻译脚本 - .gitignore 补充 .DS_Store
51 lines
2.4 KiB
Plaintext
51 lines
2.4 KiB
Plaintext
.page { min-height: 100vh; background: var(--bg-grad); padding-bottom: 160rpx; }
|
|
.header { padding: 32rpx; border-bottom: 1rpx solid var(--line); }
|
|
.header__emoji {
|
|
width: 120rpx; height: 120rpx; border-radius: 28rpx;
|
|
display: flex; align-items: center; justify-content: center; font-size: 64rpx;
|
|
}
|
|
.header__name { font-size: 44rpx; font-weight: 700; margin-top: 20rpx; }
|
|
.header__desc { font-size: 26rpx; color: var(--text-2); margin-top: 12rpx; line-height: 1.5; }
|
|
.header__meta { font-size: 24rpx; color: var(--text-2); margin-top: 16rpx; }
|
|
|
|
.list { display: flex; flex-direction: column; gap: 16rpx; }
|
|
.list__item { position: relative; }
|
|
.list__card { width: 100%; }
|
|
.list__remove {
|
|
position: absolute; right: 12rpx; top: 12rpx; z-index: 5;
|
|
background: rgba(229,84,75,0.92); color: #fff;
|
|
font-size: 22rpx; padding: 8rpx 18rpx; border-radius: 999rpx;
|
|
}
|
|
|
|
.empty { color: var(--text-3); font-size: 26rpx; text-align: center; padding: 120rpx 0; }
|
|
.empty-page { min-height: 100vh; background: var(--bg-grad); }
|
|
|
|
.empty-box { display: flex; flex-direction: column; align-items: center; padding: 100rpx 40rpx; }
|
|
.empty-box__emoji {
|
|
width: 150rpx; height: 150rpx; border-radius: 36rpx;
|
|
background: var(--surface-2); display: flex; align-items: center; justify-content: center;
|
|
font-size: 80rpx;
|
|
}
|
|
.empty-box__t { font-size: 28rpx; color: var(--text-2); margin-top: 32rpx; text-align: center; }
|
|
.empty-box__btn {
|
|
margin-top: 40rpx; padding: 22rpx 64rpx; border-radius: 999rpx;
|
|
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);
|
|
color: #0E1110; font-weight: 700; font-size: 30rpx;
|
|
}
|
|
|
|
.actionbar {
|
|
position: fixed; left: 0; right: 0; bottom: 0;
|
|
display: flex; gap: 16rpx; padding: 20rpx 24rpx;
|
|
background: rgba(14,17,16,0.92);
|
|
backdrop-filter: blur(12px);
|
|
border-top: 1rpx solid var(--line);
|
|
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
|
}
|
|
.btn {
|
|
flex: 1; display: flex; align-items: center; justify-content: center;
|
|
border-radius: 999rpx; padding: 24rpx 10rpx; font-size: 28rpx; font-weight: 700;
|
|
}
|
|
.btn--gold { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%); color: #0E1110; }
|
|
.btn--ghost { background: var(--surface-2); color: var(--text); border: 1rpx solid var(--line); flex: 0 0 auto; width: 180rpx; }
|
|
.btn--del { background: rgba(229,84,75,0.16); color: #E5544B; border: 1rpx solid rgba(229,84,75,0.4); flex: 0 0 auto; width: 180rpx; }
|