Files
陈誉午 994b267f5c feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡
- 药品百科: 搜索 + 分类筛选 + 20种药品静态数据
- 惠教中心: 4条药品使用指南课程
- 我的: 家庭成员信息管理
- 自定义TabBar + navigation-bar组件
- SVG药品分类插图
2026-07-29 11:20:52 +08:00

1 line
5.8 KiB
Plaintext

.luckymoney-modal-container{width:600rpx;min-height:840rpx;max-height:984rpx;position:relative;background-color:transparent;white-space:nowrap}.luckymoney-close-btn{position:absolute;z-index:2;right:0;top:-80rpx;width:60rpx;height:60rpx;line-height:60rpx;border-radius:50%;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:#fff}.luckymoney-content{position:relative;overflow:hidden;min-height:840rpx;max-height:984rpx;width:600rpx;background-image:url('https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/890988e7f9d14530ab32f47b096eea03~tplv-gjr78lqtd0-image.image');background-repeat:round;background-size:contain;text-align:center}.title-bg-text{background:linear-gradient(147.79deg,#fff0b8 34.2%,#ffd48c 66.62%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.content-top{background-image:url('https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/dac6303904244b45a0e6cf7ed3ce584e~tplv-gjr78lqtd0-image.image');background-repeat:round;background-size:contain;height:458rpx;text-align:center}.content-top.big{background-image:url('https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/9f58feac157441d9a4cda9b32ea55433~tplv-gjr78lqtd0-image.image');height:518rpx}.top-title{padding-top:60rpx;font-weight:600;font-size:calc(36rpx + .5 * (1rem - 16px));line-height:calc(52rpx + .5 * (1rem - 16px));background:linear-gradient(147.79deg,#fff0b8 34.2%,#ffd48c 66.62%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.content-top.big .top-title{padding-top:100rpx}.top-amount{padding-top:8rpx;font-weight:700;font-size:calc(48rpx + .5 * (1rem - 16px));height:calc(108rpx + .5 * (1rem - 16px));font-family:'DIN Alternate',sans-serif}.top-amount .value{font-family:'DIN Alternate',sans-serif;line-height:108rpx;font-weight:400}.top-amount .name-wrap{display:flex;align-items:center;justify-content:center;height:128rpx}.top-amount .name{line-height:1.1;display:inline-block;width:80%;word-break:break-all;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffd48c}.top-amount .unit{font-weight:600;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(52rpx + .5 * (1rem - 16px));display:inline-block;position:relative;top:-4rpx;background:linear-gradient(147.79deg,#fff0b8 34.2%,#ffd48c 66.62%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.top-amount .unit.block{display:block;margin-top:-24rpx;height:52rpx;padding-top:4rpx}.top-amount.unit-block{margin-top:-12rpx}.btn-manual{font-weight:500;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(48rpx + .5 * (1rem - 16px));color:#fff;margin-top:88rpx}.content-top.big .btn-manual{margin-top:110rpx}.btn-manual.unit-block{margin-top:74rpx}.content-top.big .btn-manual.unit-block{margin-top:94rpx}.btn-countdown{font-weight:500;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(44rpx + .5 * (1rem - 16px));color:#fff;margin-top:60rpx}.content-top.big .btn-countdown{margin-top:88rpx}.btn-countdown .count{margin-top:8rpx;font-family:'DIN Alternate',sans-serif;font-weight:700;font-size:calc(40rpx + .5 * (1rem - 16px));line-height:calc(44rpx + .5 * (1rem - 16px))}.btn-countdown.unit-block{margin-top:56rpx}.content-top.big .btn-countdown.unit-block{margin-top:72rpx}.attend-button-wrap{height:184rpx;text-align:center}.attend-button{margin:0 auto;color:#cc5214;font-weight:600;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(88rpx + .5 * (1rem - 16px));position:absolute;bottom:76rpx;left:0;right:0}.attend-button.big{bottom:96rpx}.attend-button.attended{color:#fff;width:100%}.attend-button.unattended{width:470rpx;height:88rpx;background-image:url('https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/54c95a84cce4437e92b77806630fb28a~tplv-gjr78lqtd0-image.image');background-repeat:round;background-size:contain}.attend-button.attended-bottom{bottom:40rpx}.condition-box{margin-top:24rpx;margin-left:64rpx;margin-bottom:20rpx;text-align:left}.condition-title{font-weight:500;font-size:calc(32rpx + .5 * (1rem - 16px));text-shadow:2rpx 2rpx 0 #e10f73,-2rpx 2rpx 0 #e10f73,2rpx -2rpx 0 #e10f73,-2rpx -2rpx 0 #e10f73;color:#fff;font-style:italic;display:flex}.condition-title .part1{text-shadow:2rpx 2rpx 0 #db2038,-2rpx 2rpx 0 #db2038,2rpx -2rpx 0 #db2038,-2rpx -2rpx 0 #db2038}.condition-title .pro{margin-left:20rpx}.condition-title .pro-cen{font-size:calc(24rpx + .5 * (1rem - 16px));margin:0 8rpx;position:relative;top:-2rpx}.condition-wrap{max-height:232rpx;overflow-y:auto}.condition-item{display:flex;font-weight:400;font-size:calc(26rpx + .5 * (1rem - 16px));color:#fff;margin:6rpx 0;line-height:calc(44rpx + .5 * (1rem - 16px));align-items:center}.condition-item.completed{opacity:.5}.condition-item .icon{margin-right:8rpx;align-self:flex-start;margin-top:6rpx;opacity:.7;width:28rpx;height:28rpx;border:2rpx solid #fff;border-radius:50%;box-sizing:border-box}.condition-item .icon-dot{margin-right:8rpx;align-self:flex-start;margin-top:6rpx;opacity:.7;width:32rpx;height:32rpx}.condition-item .icon.checked{background:#fff;position:relative}.condition-item .icon.checked::after{content:'';position:absolute;left:6rpx;top:2rpx;width:10rpx;height:16rpx;border:solid #e64545;border-width:0 4rpx 4rpx 0;transform:rotate(45deg)}.condition-item .text-two{width:340rpx;margin-right:20rpx}.condition-item .contain{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.condition-item .tip{font-size:calc(24rpx + .5 * (1rem - 16px));transform:scale(.85);transform-origin:center;opacity:.7;margin-left:-28rpx;margin-top:-16rpx}.condition-item .status{font-size:calc(24rpx + .5 * (1rem - 16px));transform:scale(.85);transform-origin:center;flex:1;white-space:nowrap}.condition-item .icon-completed{opacity:1}