陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
1 line
3.6 KiB
Plaintext
1 line
3.6 KiB
Plaintext
.volc-live-landscape-container{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative;overflow:hidden;box-sizing:border-box;z-index:0}.volc-live-mobile-background-image{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.volc-live-mobile-background-image-blur{top:56.25vw;height:calc(100vh - 56.25vw);filter:blur(36rpx);transform:scale(1.15);transform-origin:center top}.volc-live-landscape-header-image{position:relative;z-index:1;flex:0 0 120rpx;width:100vw;height:120rpx}.volc-live-right-float-area{position:absolute;right:28rpx;bottom:130rpx;bottom:calc(130rpx + constant(safe-area-inset-bottom));bottom:calc(130rpx + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:16rpx}.volc-live-right-float-area-hidden{display:none}.volc-live-floating-container{display:flex;flex-direction:column;align-items:flex-end}.volc-live-floating-item+.volc-live-floating-item{margin-top:16rpx}.volc-live-landscape-player{width:100vw;height:56.25vw;flex:0 0 56.25vw}.volc-live-landscape-description{display:flex;box-sizing:border-box;flex:0 0 64rpx;width:100vw;height:64rpx;z-index:104;border-bottom:1rpx solid rgba(0,0,0,.1)}.volc-live-landscape-description-dark{border-bottom-color:rgba(255,255,255,.16)}.volc-live-landscape-description live-description{display:block;width:100%;padding:0 32rpx;box-sizing:border-box}.volc-live-landscape-countdown{flex:0 0 auto;width:100vw}.volc-live-landscape-tab{display:flex;flex:1;width:100vw;min-height:0;box-sizing:border-box;position:relative;z-index:103}.tab-action{color:#fff!important}.tab-content{width:100%;height:100%;overflow:auto}.tab-chat{width:100%;height:100%}.volc-live-editor-mask{position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:102}.userId{position:fixed;top:0;left:0;width:150px;height:calc(60px + .5 * (1rem - 16px));color:red;font-size:calc(15px + .5 * (1rem - 16px));z-index:10000}.product-card-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.product-card-list{flex:1;min-height:0;overflow:hidden}.product-card-list-component{display:block;height:100%}.product-header{flex:0 0 128rpx;height:128rpx;padding:0 32rpx 24rpx;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.product-header-left{display:flex;flex-direction:column}.product-title{font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:500;color:inherit;line-height:calc(48rpx + .5 * (1rem - 16px));margin-bottom:8rpx}.product-count{font-size:calc(24rpx + .5 * (1rem - 16px));color:currentColor;opacity:.6;line-height:calc(32rpx + .5 * (1rem - 16px))}.count-number{color:#f53f3f;margin:0 4rpx}.header-right{display:flex;align-items:center}.landscape-more-drawer{display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;overflow-x:hidden;overflow-y:auto;max-height:calc(50vh - 56px - .5 * (1rem - 16px));padding:21px 15px 5px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.landscape-more-drawer-item{display:flex;flex:0 0 calc(58px + 0.5 * (1rem - 16px));flex-direction:column;align-items:center;margin-right:18px;margin-bottom:16px}.landscape-more-drawer-icon{display:flex;align-items:center;justify-content:center;background-color:#2c2d30;height:calc(34px + .5 * (1rem - 16px));width:calc(34px + .5 * (1rem - 16px));border-radius:50%;color:#fff}.landscape-more-drawer-image{width:22px;height:22px}.landscape-more-drawer-name{display:block;width:100%;margin-top:8px;font-size:calc(12px + .5 * (1rem - 16px));line-height:calc(18px + .5 * (1rem - 16px));color:#d2d3d3;text-align:center;white-space:normal;word-break:break-all;overflow-wrap:break-word} |