陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
1 line
1.4 KiB
Plaintext
1 line
1.4 KiB
Plaintext
:host{display:flex}.thumb-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(72rpx + .5 * (1rem - 16px));height:calc(72rpx + .5 * (1rem - 16px));flex-shrink:0}.thumb-container.portrait{margin-left:16rpx}.thumb-container.landscape{margin-left:12rpx}.thumb-icon-wrapper{width:calc(72rpx + .5 * (1rem - 16px));height:calc(72rpx + .5 * (1rem - 16px));border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.14)}.thumb-icon{width:70%;height:70%}.thumb-count{font-size:calc(18rpx + .5 * (1rem - 16px));color:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.3);padding:0 8rpx;border-radius:12rpx;line-height:calc(24rpx + .5 * (1rem - 16px));min-width:24rpx;text-align:center}.thumb-canvas{position:absolute;bottom:60rpx;right:-20rpx;width:128rpx;height:300rpx;pointer-events:none;z-index:999}.thumb-combo-number{position:absolute;top:-320rpx;left:36rpx;transform:translateX(-50%);display:flex;align-items:flex-end;pointer-events:none;z-index:1000;color:#fcc75c;font-weight:700;font-style:italic;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.number-x{font-size:calc(24rpx + .5 * (1rem - 16px));margin-right:2rpx;margin-bottom:4rpx}.number-val{font-size:calc(36rpx + .5 * (1rem - 16px))}@keyframes popIn{from{transform:translateX(-50%) scale(.5);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}} |