feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
This commit is contained in:
+1
@@ -0,0 +1 @@
|
||||
page{--radius--:8rpx}.floatCard{--radius--:8rpx;--float-card-width:202rpx;--float-card-image-size:198rpx;--float-card-highlight-height:44rpx;box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:visible;font-size:calc(24rpx + .5 * (1rem - 16px));width:var(--float-card-width);flex:0 0 auto;transition:all .5s;height:auto}.floatCardBody{position:relative;border-radius:var(--radius--);overflow:hidden;box-shadow:rgba(0,0,0,.12) 4rpx 4rpx 10rpx 1rpx;background-color:#fff;padding:2rpx}.imgWrapper{position:relative;overflow:hidden;border-top-left-radius:var(--radius--);border-top-right-radius:var(--radius--)}.soldout-mask{position:absolute;top:0;left:0;width:100%;height:var(--float-card-image-size);border-top-left-radius:var(--radius--);border-top-right-radius:var(--radius--);background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500}.explain-status{position:absolute;left:0;top:0;height:calc(36rpx + .5 * (1rem - 16px));padding:0 12rpx;border-top-left-radius:var(--radius--);border-bottom-right-radius:var(--radius--);background:rgba(0,0,0,.55);color:#fff;font-size:calc(20rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:2}.explain-status-dot{flex:0 0 auto;width:8rpx;height:8rpx;margin-right:8rpx;border-radius:50%;background:#fff}.product-reminder-tag{display:flex;align-items:center;box-sizing:border-box;padding:8rpx 12rpx;border-radius:999rpx;background:linear-gradient(90deg,rgba(254,180,0,.96) 0,rgba(254,180,0,.82) 70%,rgba(254,180,0,0) 100%);color:#fff;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(32rpx + .5 * (1rem - 16px));font-weight:600;font-style:italic;white-space:nowrap;text-shadow:1rpx 1rpx 2rpx rgba(0,0,0,.25)}.product-reminder-tag text{flex:0 0 auto}.product-reminder-tag-float{align-self:flex-end;max-width:none;margin-bottom:16rpx;padding-left:16rpx;padding-right:28rpx}.product-reminder-tag-stock{background:linear-gradient(90deg,rgba(255,76,19,.96) 0,rgba(255,76,19,.82) 70%,rgba(255,76,19,0) 100%)}.product-reminder-icon{flex:0 0 auto;width:24rpx;height:24rpx;margin-right:6rpx}.product-reminder-icon-hot{width:18rpx}.shoppingCartImage{display:block;height:var(--float-card-image-size);width:100%;border-top-left-radius:var(--radius--);border-top-right-radius:var(--radius--)}.cardTitle{box-sizing:border-box;font-size:calc(22rpx + .5 * (1rem - 16px));line-height:calc(26rpx + .5 * (1rem - 16px));min-height:calc(52rpx + .5 * (1rem - 16px));margin:7rpx 11rpx;word-break:break-all}.highlightarea{display:flex;align-items:center;justify-content:space-between;background:#fe2c55;border-radius:4rpx;color:#fff;font-weight:500;line-height:var(--float-card-highlight-height);min-height:var(--float-card-highlight-height);margin:6rpx 8rpx 8rpx;padding:0 0 0 4rpx;box-sizing:border-box;overflow:hidden}.highlightarea-disabled{background:#c9cdd4;color:#fff}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.textEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hightlight{flex:1 1;min-width:0;font-size:calc(25rpx + .5 * (1rem - 16px))}.goImg{flex:0 0 auto;height:var(--float-card-highlight-height);width:61rpx}.goImg-disabled{opacity:.5;filter:grayscale(100%)}.char{font-weight:600;letter-spacing:2rpx}.closeIcon{position:absolute;top:0;right:0;background-color:rgba(0,0,0,.4);border-top-right-radius:var(--radius--);border-bottom-left-radius:var(--radius--);z-index:100}.icon-mp{display:flex;align-items:center;justify-content:center}
|
||||
Reference in New Issue
Block a user