陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
1 line
13 KiB
Plaintext
1 line
13 KiB
Plaintext
.live-bonus-drawer-shell .frame{overflow:hidden;padding:0!important}.live-bonus-drawer-shell{z-index:900!important}.live-bonus-drawer{box-sizing:border-box;width:100%;min-height:300rpx;max-height:90vh;padding:24rpx 32rpx 32rpx;background:linear-gradient(120.52deg,#fff5df 9.18%,#ffeffa 83.21%),linear-gradient(255.93deg,rgba(255,222,241,.81) -10.6%,rgba(255,234,229,.1377) 52.26%);color:#1f2329;border-radius:14px 14px 0 0}.live-bonus-header{position:relative;margin-bottom:24rpx;min-height:72rpx}.live-bonus-header-main{min-width:0;padding-right:72rpx;text-align:left}.live-bonus-header-main-detail{padding:0 72rpx;text-align:center}.live-bonus-header-btn{position:absolute;top:0;width:60rpx;height:60rpx;border-radius:50%;background:0 0;display:flex;align-items:center;justify-content:center}.live-bonus-header-btn-left{left:0}.live-bonus-header-btn-right{right:0}.live-bonus-back-icon{width:20rpx;height:20rpx;margin-left:6rpx;border-left:4rpx solid #161823;border-bottom:4rpx solid #161823;transform:rotate(45deg)}.live-bonus-close-icon{flex-shrink:0}.live-bonus-title{display:inline-block;color:#f54a62;font-size:calc(44rpx + .5 * (1rem - 16px));font-weight:800;line-height:calc(56rpx + .5 * (1rem - 16px))}.live-bonus-title-detail{color:#1d2129;font-size:calc(36rpx + .5 * (1rem - 16px));font-weight:600}.live-bonus-header-sub{display:flex;align-items:center;justify-content:space-between;gap:12rpx;margin-top:8rpx}.live-bonus-date-range{flex:1;min-width:0;color:#eb526f;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-bonus-check-reward{display:inline-flex;align-items:center;justify-content:center;gap:6rpx;flex-shrink:0;margin-top:0;color:#eb526f;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(34rpx + .5 * (1rem - 16px))}.live-bonus-check-reward-text{line-height:calc(34rpx + .5 * (1rem - 16px))}.live-bonus-check-reward-arrow{width:10rpx;height:10rpx;border-top:2rpx solid #eb526f;border-right:2rpx solid #eb526f;transform:rotate(45deg)}.live-bonus-list{box-sizing:border-box;width:100%;max-height:calc(90vh - 150rpx);overflow-x:hidden}.live-bonus-item{display:flex;align-items:center;justify-content:space-between;gap:24rpx;box-sizing:border-box;width:100%;margin-bottom:24rpx;padding:32rpx;min-height:168rpx;border-radius:8px;background:#fff;box-shadow:0 4rpx 16rpx rgba(0,0,0,.04)}.live-bonus-item-main{flex:1;min-width:0;overflow:hidden}.live-bonus-item-title{color:#161823;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(40rpx + .5 * (1rem - 16px))}.live-bonus-reward{display:flex;align-items:center;min-width:0;margin-top:12rpx;color:#fe2c55;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(40rpx + .5 * (1rem - 16px))}.live-bonus-reward-icon,.live-bonus-reward-icon-img{flex-shrink:0;width:32rpx;height:32rpx;margin-right:8rpx;border-radius:8rpx}.live-bonus-reward-icon{position:relative;background:linear-gradient(135deg,#ffeaa6,#ffb23f)}.live-bonus-reward-icon::after{content:'';position:absolute;left:9rpx;top:7rpx;width:12rpx;height:14rpx;border-radius:50%;border:2rpx solid rgba(255,255,255,.85)}.live-bonus-reward-icon-2{background:linear-gradient(135deg,#ff88a8,#ff2e65)}.live-bonus-reward-icon-3{background:linear-gradient(135deg,#9ed4ff,#3370ff)}.live-bonus-reward-icon-4{background:linear-gradient(135deg,#c8cdd8,#4e5969)}.live-bonus-reward-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-bonus-stock{flex-shrink:0;margin-left:8rpx;padding:0 8rpx;border-radius:8rpx;background:rgba(254,44,85,.1);color:#fe2c55;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(32rpx + .5 * (1rem - 16px))}.live-bonus-progress{margin-top:4rpx;color:#363636;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:400;line-height:calc(36rpx + .5 * (1rem - 16px))}.live-bonus-actions{flex-shrink:0;width:176rpx;display:flex;align-items:center;justify-content:flex-end;overflow:visible}.live-bonus-action,.live-bonus-auto-btn,.live-bonus-winner{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:176rpx;min-width:0;height:calc(72rpx + .5 * (1rem - 16px));line-height:calc(72rpx + .5 * (1rem - 16px));border-radius:40rpx;background:linear-gradient(90deg,#ff6175 0,#ff244e 100%);color:#fff;font-size:calc(30rpx + .5 * (1rem - 16px));font-weight:500;font-family:'PingFang SC',sans-serif;white-space:nowrap}.live-bonus-detail-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:92rpx;height:calc(52rpx + .5 * (1rem - 16px));margin:0;padding:0;border-radius:26rpx;background:rgba(254,44,85,.1);color:#f54a62;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(52rpx + .5 * (1rem - 16px))}.live-bonus-action::after,.live-bonus-auto-btn::after,.live-bonus-winner::after{border:0}.live-bonus-action-weak{background:#f2f3f5;color:#4e5969}.live-bonus-action-finished{background:linear-gradient(90deg,#ff6175 0,#ff244e 100%);color:#fff;font-weight:500;opacity:.5}.live-bonus-action-finished[disabled]{background:linear-gradient(90deg,#ff6175 0,#ff244e 100%);color:#fff!important;font-weight:500;opacity:.5}.drawer-close-shadow{background:0 0;box-shadow:none}.live-bonus-winner{background:#3370ff}.live-bonus-empty{padding:32px 0;text-align:center;color:#646a73}.live-bonus-empty-desc{margin-top:6px;color:#86909c;font-size:calc(12px + .5 * (1rem - 16px));line-height:calc(18px + .5 * (1rem - 16px))}.live-bonus-reward-list{padding-bottom:16rpx}.live-bonus-detail-card{padding:0 24rpx 8rpx;border-radius:8px;background:#fff;box-shadow:0 4rpx 16rpx rgba(0,0,0,.04)}.live-bonus-reward-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16rpx;box-sizing:border-box;width:100%;margin-bottom:0;padding:28rpx 0}.live-bonus-detail-icon,.live-bonus-detail-icon-img{flex-shrink:0;width:64rpx;height:64rpx;border-radius:16rpx}.live-bonus-detail-main{flex:1;min-width:0;padding-right:8rpx}.live-bonus-detail-reward{overflow:hidden;color:#1d2129;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(44rpx + .5 * (1rem - 16px));text-overflow:ellipsis;white-space:nowrap}.live-bonus-detail-desc{overflow:hidden;margin-top:4rpx;color:#8a8a8a;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));text-overflow:ellipsis;white-space:nowrap}.live-bonus-detail-divider{position:absolute;left:0;right:0;bottom:0;height:2rpx;background:#eceded}.live-bonus-retry{display:inline-flex;align-items:center;justify-content:center;width:330rpx;height:calc(88rpx + .5 * (1rem - 16px));margin:24rpx auto 0;padding:0;border-radius:200rpx;border:0;background:rgba(235,82,111,.16);color:#eb526f;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:500;font-family:'PingFang SC',sans-serif;line-height:calc(88rpx + .5 * (1rem - 16px))}.live-bonus-retry::after{border:0}.live-bonus-result-overlay{position:fixed;z-index:901;inset:0}.live-bonus-result-overlay-auto{z-index:20002}.live-bonus-result-mask{position:absolute;inset:0;background:rgba(0,0,0,.5)}.live-bonus-result-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72rpx 0 56rpx;box-sizing:border-box;z-index:2}.live-bonus-result-confetti{pointer-events:none;position:absolute;inset:0;z-index:1;overflow:hidden}.live-bonus-result-confetti-canvas{width:100%;height:100%}.live-bonus-result-card{position:relative;box-sizing:border-box;width:560rpx;min-height:520rpx;max-height:calc(100vh - 180rpx);padding:108rpx 40rpx 52rpx;border:4rpx solid rgba(255,151,173,.9);border-radius:44rpx;background:linear-gradient(135deg,#fff1e7 0,#ffd9e8 100%);color:#161823;overflow:visible;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.live-bonus-result-card .live-bonus-result-award-block,.live-bonus-result-card .live-bonus-result-form-section{width:100%}.live-bonus-result-award-block{box-sizing:border-box;width:100%;margin-top:24rpx}.live-bonus-result-award-card{box-sizing:border-box;width:100%;padding:28rpx 24rpx;border-radius:20rpx;display:flex;flex-direction:column;align-items:center}.live-bonus-result-award-img{width:120rpx;height:120rpx;border-radius:24rpx}.live-bonus-result-award-name{max-width:100%;margin-top:18rpx;color:#1d2129;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(44rpx + .5 * (1rem - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-bonus-result-tip{min-height:calc(88rpx + .5 * (1rem - 16px));font-weight:500;display:flex;align-items:center;justify-content:center}.live-bonus-result-form-section{box-sizing:border-box;margin-top:24rpx;max-height:420rpx;overflow-y:auto;text-align:left}.live-bonus-result-loading{padding:28rpx 0;color:#86909c;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));text-align:center}.live-bonus-result-info{box-sizing:border-box;padding:20rpx 24rpx;border-radius:16rpx;background:rgba(255,255,255,.8)}.live-bonus-result-info-header{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:calc(26rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(36rpx + .5 * (1rem - 16px))}.live-bonus-result-edit{color:#737a87;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:400}.live-bonus-result-info-row{margin-top:10rpx;color:#4e5969;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));word-break:break-all}.live-bonus-result-form-item{margin-top:18rpx}.live-bonus-result-form-item:first-child{margin-top:0}.live-bonus-winner-load-error{margin-bottom:16rpx;color:#f53f3f;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));text-align:left}.live-bonus-result-form-label{margin-bottom:8rpx;color:#1d2129;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px))}.live-bonus-result-form-label text{margin-left:4rpx;color:#f53f3f}.live-bonus-result-input,.live-bonus-result-textarea{box-sizing:border-box;width:100%;border:2rpx solid #e5e6eb;border-radius:12rpx;background:#fff;color:#1d2129;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));text-align:left}.live-bonus-result-input{height:calc(72rpx + .5 * (1rem - 16px));padding:0 20rpx}.live-bonus-result-textarea{min-height:calc(120rpx + .5 * (1rem - 16px));padding:18rpx 20rpx}.live-bonus-result-fail{background:linear-gradient(135deg,#fff7ec 0,#ffe4e4 100%)}.live-bonus-result-status-img{position:absolute;left:50%;top:0;width:360rpx;transform:translate(-50%,-50%)}.live-bonus-result-task{color:#7b8494;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px))}.live-bonus-result-title{margin-top:10rpx;color:#161823;font-size:calc(34rpx + .5 * (1rem - 16px));font-weight:800;line-height:calc(46rpx + .5 * (1rem - 16px))}.live-bonus-result-reward-block{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:32rpx 24rpx;margin-top:24rpx}.live-bonus-result-fail-block{display:flex;justify-content:center;width:100%;margin-top:80rpx}.live-bonus-result-fail-img{width:180rpx}.live-bonus-result-icon-img{width:128rpx;height:128rpx;border-radius:28rpx}.live-bonus-result-reward{margin-top:22rpx;color:#1d2129;font-size:calc(40rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(52rpx + .5 * (1rem - 16px))}.live-bonus-result-reward-special{display:inline-flex;align-items:flex-end;justify-content:center}.live-bonus-result-reward-amount{color:#eb526f;font-size:calc(54rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(60rpx + .5 * (1rem - 16px))}.live-bonus-result-reward-unit{margin-left:8rpx;color:#1d2129;font-size:calc(36rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(48rpx + .5 * (1rem - 16px))}.live-bonus-result-sub{margin-top:10rpx;color:#86909c;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px))}.live-bonus-result-sub.live-bonus-result-tip{color:#ff4663}.live-bonus-result-primary{width:100%;height:calc(88rpx + .5 * (1rem - 16px));margin:48rpx 0 0;padding:0;border-radius:999rpx;border:0;background:linear-gradient(180deg,#ff6275 0,#ff1c49 113%);color:#fff;font-size:calc(30rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(88rpx + .5 * (1rem - 16px));text-align:center}.live-bonus-result-primary::after{border:0}.live-bonus-result-withdraw{box-sizing:border-box;border:2rpx solid #ef5271;background:rgba(255,255,255,.18);color:#eb526f;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:600}.live-bonus-result-primary-disabled,.live-bonus-result-primary-disabled[disabled]{background:linear-gradient(180deg,#ff6275 0,#ff1c49 113%);color:#fff;opacity:.7}.live-bonus-result-close{position:relative;width:64rpx;height:64rpx;margin-top:44rpx;border:3rpx solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.28)}.live-bonus-result-close-icon::after,.live-bonus-result-close-icon::before{content:'';position:absolute;left:50%;top:50%;width:34rpx;height:4rpx;border-radius:999rpx;background:#fff}.live-bonus-result-close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}.live-bonus-result-close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}@media (max-height:640px){.live-bonus-result-wrap{padding-top:56rpx}.live-bonus-result-card{width:536rpx;min-height:496rpx;padding-top:102rpx}}.live-bonus-input-error{border-color:#f53f3f}.live-bonus-error-text{margin-top:4px;color:#f53f3f;font-size:calc(12px + .5 * (1rem - 16px));line-height:calc(18px + .5 * (1rem - 16px));text-align:left} |