陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
.chat-list-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.chat-scroll-view{position:relative;color:#282f38;font-size:calc(28rpx + .5 * (1rem - 16px));width:100%;height:0;flex:1;display:flex;flex-direction:column}.chat-more-notice{background-color:rgba(255,255,255,.9);border-radius:32rpx;box-shadow:0 4rpx 24rpx 0 rgba(0,0,0,.3);color:#181038;display:inline-block;font-size:calc(26rpx + .5 * (1rem - 16px));padding:12rpx 20rpx;pointer-events:auto;position:absolute;right:82rpx;text-align:center;word-break:break-word;z-index:102;bottom:0rpx}.chat-more-notice-icon{width:calc(25rpx + .5 * (1rem - 16px));height:calc(25rpx + .5 * (1rem - 16px));margin-right:5rpx;position:relative;top:4rpx}.chat-list-list{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:6rpx;padding-top:6rpx;font-size:calc(26rpx + .5 * (1rem - 16px));flex:1;max-width:100%}.chat-list-item{color:#fff;flex:0 0 auto;width:auto;justify-content:space-between;text-align:left;margin:0 28rpx 12rpx 28rpx;min-height:32rpx}.chat-list-history{display:flex;justify-content:center;height:70rpx;align-items:center}.chat-list-history-content{padding:0 10px;min-height:28rpx;background-color:rgba(0,0,0,.141);border-radius:16rpx}.chat-list-item-content{display:inline-flex;align-items:flex-start;flex-wrap:wrap;background-color:rgba(0,0,0,.141);border-radius:16rpx;max-width:72%;padding:8rpx 16rpx;flex:0 0;box-sizing:border-box;row-gap:4rpx;column-gap:0}.chat-comment-main{min-width:0;flex:1 1 auto;display:flex;align-items:flex-start;max-width:100%}.chat-comment-body{min-width:0;flex:1 1 auto;display:flex;align-items:flex-start;flex-wrap:wrap}.chat-list-user-info{color:#8ce7ff;opacity:.7;word-break:break-word;overflow-wrap:anywhere;display:inline-block;line-height:1.5;margin-right:6rpx}.chat-list-user-info-other{display:inline-flex;align-items:center;opacity:1;justify-content:center;padding:0 10rpx;border-radius:8rpx;margin-right:10rpx;margin-bottom:4rpx;color:#fff;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));min-height:calc(36rpx + .5 * (1rem - 16px));font-weight:500}.chat-presenter-tag-inline{vertical-align:middle}.chat-list-msg-content{word-break:break-all;font-weight:500;display:inline}.chat-comment-rich-text{display:inline;min-width:0;line-height:1.5;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.chat-comment-inline-flow{display:inline}.chat-comment-name-inline{color:inherit}.chat-comment-name-pill{display:inline-flex;align-items:center;padding:0 10rpx;border-radius:8rpx;color:#fff;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));min-height:calc(36rpx + .5 * (1rem - 16px));font-weight:500;margin-right:10rpx;margin-bottom:4rpx}.chat-comment-inline-emoji{display:inline-block;width:40rpx;height:40rpx;margin:0 4rpx;vertical-align:text-bottom}.chat-comment-inline-emoji-dynamic{width:52rpx;height:52rpx;margin:0 2rpx;vertical-align:middle}.chat-list-auto-reply-card{display:block;flex:none;max-width:72%;padding:12rpx 16rpx;width:fit-content}.chat-list-auto-reply-card-avatar{box-sizing:border-box;border-radius:24rpx;display:block;max-width:100%;min-width:0;padding:6rpx 16rpx;width:fit-content}.chat-list-auto-reply-preview{display:block;max-width:100%;overflow:hidden;width:100%}.chat-list-auto-reply-preview-text{display:block;font-size:calc(26rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(36rpx + .5 * (1rem - 16px));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-auto-reply-preview-avatar .chat-list-auto-reply-preview-text{font-size:calc(22rpx + .5 * (1rem - 16px));line-height:calc(28rpx + .5 * (1rem - 16px));text-overflow:clip;white-space:normal;word-break:break-word}.chat-list-auto-reply-divider{background:rgba(255,255,255,.12);height:1rpx;margin:12rpx 0 10rpx;width:100%}.chat-list-auto-reply-divider-avatar{margin:10rpx 0 6rpx}.chat-list-auto-reply-footer{align-items:center;display:flex;gap:8rpx;min-height:calc(40rpx + .5 * (1rem - 16px));width:100%}.chat-list-auto-reply-footer-avatar{min-height:calc(30rpx + .5 * (1rem - 16px));width:fit-content;max-width:100%}.chat-list-auto-reply-icon{align-items:center;background:#fff5fc;border-radius:50%;display:flex;flex:0 0 auto;height:32rpx;justify-content:center;overflow:hidden;width:32rpx}.chat-list-auto-reply-icon-img{border-radius:50%;height:32rpx;width:32rpx}.chat-list-auto-reply-icon-fallback{height:20rpx;position:relative;width:20rpx}.chat-list-auto-reply-icon-fallback::after,.chat-list-auto-reply-icon-fallback::before{background:#fe2c55;border-radius:6rpx;content:'';position:absolute}.chat-list-auto-reply-icon-fallback::before{height:16rpx;left:8rpx;top:2rpx;transform:rotate(45deg);width:6rpx}.chat-list-auto-reply-icon-fallback::after{height:6rpx;left:2rpx;top:8rpx;transform:rotate(45deg);width:16rpx}.chat-list-auto-reply-status{color:#fe2c55;flex:1;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(34rpx + .5 * (1rem - 16px));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-auto-reply-status-avatar{flex:0 1 auto;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(30rpx + .5 * (1rem - 16px))}.chat-list-auto-reply-action{color:#fe2c55;flex:0 0 auto;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(34rpx + .5 * (1rem - 16px));white-space:nowrap}.chat-list-auto-reply-action-avatar{font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(30rpx + .5 * (1rem - 16px))}.chat-auto-reply-notice{align-items:center;background:#fff;border:1rpx solid rgba(22,24,35,.12);border-radius:24rpx;bottom:24rpx;box-shadow:0 30rpx 70rpx -4rpx rgba(0,0,0,.05),0 10rpx 30rpx rgba(0,0,0,.05);box-sizing:border-box;display:flex;gap:12rpx;left:24rpx;min-height:calc(128rpx + .5 * (1rem - 16px));overflow:hidden;padding:20rpx 24rpx 20rpx 28rpx;position:absolute;right:24rpx;z-index:103}.chat-auto-reply-notice-icon{align-items:center;background:#fff5fc;border-radius:50%;display:flex;flex:0 0 auto;height:88rpx;justify-content:center;overflow:hidden;width:88rpx}.chat-auto-reply-notice-icon-img{border-radius:50%;height:88rpx;width:88rpx}.chat-auto-reply-notice-icon-fallback{height:44rpx;position:relative;width:44rpx}.chat-auto-reply-notice-icon-fallback::after,.chat-auto-reply-notice-icon-fallback::before{background:#fe2c55;border-radius:6rpx;content:'';position:absolute}.chat-auto-reply-notice-icon-fallback::before{height:32rpx;left:16rpx;top:4rpx;transform:rotate(45deg);width:12rpx}.chat-auto-reply-notice-icon-fallback::after{height:12rpx;left:4rpx;top:16rpx;transform:rotate(45deg);width:32rpx}.chat-auto-reply-notice-content{flex:1;min-width:0}.chat-auto-reply-notice-title{color:#161823;display:block;font-size:calc(30rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(40rpx + .5 * (1rem - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-auto-reply-notice-desc{color:rgba(22,24,35,.6);display:block;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));margin-top:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-auto-reply-notice-actions{align-items:center;align-self:center;display:flex;flex:0 0 auto;gap:8rpx}.chat-auto-reply-notice-action{color:#fe2c55;font-size:calc(26rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(40rpx + .5 * (1rem - 16px));white-space:nowrap}.chat-auto-reply-notice-close{align-items:center;color:rgba(22,24,35,.34);display:inline-flex;font-size:calc(36rpx + .5 * (1rem - 16px));height:calc(40rpx + .5 * (1rem - 16px));justify-content:center;line-height:1;min-width:calc(40rpx + .5 * (1rem - 16px));width:calc(40rpx + .5 * (1rem - 16px))}.chat-auto-reply-panel-mask{background:rgba(0,0,0,.18);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1200}.chat-auto-reply-panel-sheet{bottom:0;left:0;position:fixed;right:0;z-index:1201}.chat-auto-reply-panel{background:linear-gradient(180deg,#e8f3ff 0,#f3fbff 42%,#f0f4f8 100%);border-radius:48rpx 48rpx 0 0;box-sizing:border-box;color:#1a1c1e;max-height:70vh;overflow:hidden;padding:32rpx 40rpx calc(24rpx + env(safe-area-inset-bottom));position:relative}.chat-auto-reply-panel::before{background:radial-gradient(55% 80% at 50% 50%,rgba(220,233,255,.9) 0,rgba(239,250,255,.7) 45%,rgba(243,251,255,0) 100%);content:'';height:452rpx;left:-130rpx;pointer-events:none;position:absolute;top:-254rpx;width:1136rpx}.chat-auto-reply-panel-card,.chat-auto-reply-panel-confirm,.chat-auto-reply-panel-header{position:relative;z-index:1}.chat-auto-reply-panel-header{align-items:center;column-gap:16rpx;display:grid;grid-template-columns:minmax(0,1fr) calc(60rpx + 0.5 * (1rem - 16px));min-height:calc(60rpx + .5 * (1rem - 16px))}.chat-auto-reply-panel-title{align-self:center;box-sizing:border-box;color:#1d2129;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:600;line-height:calc(44rpx + .5 * (1rem - 16px));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-auto-reply-panel-close{align-items:center;align-self:center;background:#f0f1f5;border-radius:30rpx;display:flex;height:calc(60rpx + .5 * (1rem - 16px));justify-content:center;justify-self:end;overflow:hidden;width:calc(60rpx + .5 * (1rem - 16px))}.chat-auto-reply-panel-card{background:#fff;border-radius:32rpx;box-sizing:border-box;display:flex;flex-direction:column;gap:8rpx;margin-top:32rpx;max-height:50vh;overflow-y:auto;padding:32rpx}.chat-auto-reply-panel-question{color:#8e9aaf;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px))}.chat-auto-reply-panel-answer{color:#1a1c1e;font-size:calc(30rpx + .5 * (1rem - 16px));font-weight:400;line-height:calc(44rpx + .5 * (1rem - 16px));word-break:break-word}.chat-auto-reply-panel-confirm{background:#e5eaf0;border-radius:24rpx;color:#1a1c1e;font-size:calc(30rpx + .5 * (1rem - 16px));font-weight:500;height:calc(96rpx + .5 * (1rem - 16px));line-height:calc(96rpx + .5 * (1rem - 16px));margin-top:32rpx;text-align:center}.chat-comment-big-emoji{width:104rpx;height:104rpx}.chat-avatar-comment{display:flex;align-items:center;max-width:72%;box-sizing:border-box}.chat-avatar-auto-reply{align-items:flex-start;max-width:88%}.chat-avatar-box{width:80rpx;height:80rpx;border-radius:50%;overflow:hidden;flex:0 0 auto;margin-right:18rpx;background:rgba(255,255,255,.2)}.chat-avatar-image{display:block;width:100%;height:100%;border-radius:50%}.chat-avatar-main{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start}.chat-avatar-header{display:flex;align-items:center;max-width:100%;min-height:34rpx;margin-bottom:8rpx}.chat-avatar-auto-reply-main{max-width:calc(100% - 98rpx)}.chat-avatar-auto-reply-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-avatar-name{min-width:0;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(38rpx + .5 * (1rem - 16px));word-break:break-word;overflow-wrap:anywhere}.chat-avatar-bubble{display:inline-flex;align-items:flex-start;border-radius:18rpx;padding:10rpx 18rpx;box-sizing:border-box;max-width:100%;min-height:48rpx;word-break:break-word;overflow-wrap:anywhere}.chat-avatar-main .chat-comment-image-wrapper{width:100rpx!important;height:100rpx!important;min-width:100rpx;min-height:100rpx;border-radius:8rpx}.chat-comment-image-wrapper{position:relative;display:inline-flex;width:240rpx;height:240rpx;border-radius:20rpx;overflow:hidden;background:rgba(255,255,255,.08)}.chat-comment-image{display:block;width:100%;height:100%}.chat-comment-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:rgba(255,255,255,.92);font-size:calc(22rpx + .5 * (1rem - 16px));line-height:calc(30rpx + .5 * (1rem - 16px))}.chat-list-level-badge{display:inline-flex;align-items:center;border-radius:14rpx;min-height:28rpx;max-height:34rpx;padding:2rpx 8rpx;margin-right:6rpx;vertical-align:middle;flex:0 0 auto}.chat-list-level-badge-inline-flow{position:relative;top:-1rpx}.chat-list-level-icon{width:calc(20rpx + .5 * (1rem - 16px));height:calc(20rpx + .5 * (1rem - 16px));margin-right:4rpx;margin-bottom:0!important}.chat-list-level-name{font-size:calc(20rpx + .5 * (1rem - 16px));color:#fff;line-height:1.2;white-space:nowrap}.chat-top-comment{flex:0 0 auto;margin:12rpx 28rpx 12rpx 28rpx;position:relative}.chat-top-comment-content{display:inline-flex;align-items:flex-start;width:100%;min-width:360rpx;max-width:72%;padding:0;border-radius:18rpx;box-sizing:border-box;line-height:1.5;overflow:hidden;background:rgba(255,249,227,.6)}.chat-top-comment-main{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;padding:12rpx 16rpx;box-sizing:border-box}.chat-top-comment-header{display:flex;align-items:center;min-width:0}.chat-top-comment-accent{width:4rpx;height:22rpx;border-radius:999rpx;background:#ff3158;margin-right:10rpx;flex:0 0 auto}.chat-top-comment-name{min-width:0;flex:1 1 auto;line-height:calc(32rpx + .5 * (1rem - 16px));font-size:calc(22rpx + .5 * (1rem - 16px));word-break:break-word;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4e5969}.chat-top-comment-rich-text{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(40rpx + .5 * (1rem - 16px));color:#1d2129}.chat-top-comment-rich-text-expandable{cursor:pointer;min-width:0}.chat-top-comment-media{min-width:0}.chat-top-comment-media .chat-comment-image-wrapper{max-height:100rpx}.chat-top-comment-media .chat-comment-image{max-height:100rpx}.chat-top-comment-drawer{background:#fff;border-top-left-radius:36rpx;border-top-right-radius:36rpx;padding:36rpx 32rpx 32rpx;padding-bottom:calc(32rpx + env(safe-area-inset-bottom));box-sizing:border-box;color:#1d2129}.chat-top-comment-drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1200}.chat-top-comment-drawer-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1201}.chat-top-comment-drawer-header{align-items:center;column-gap:16rpx;display:grid;grid-template-columns:minmax(0,1fr) 60rpx;height:60rpx;margin-bottom:28rpx}.chat-top-comment-drawer-title{font-size:calc(40rpx + .5 * (1rem - 16px));line-height:calc(56rpx + .5 * (1rem - 16px));font-weight:600;color:#1d2129;font-size:40rpx;font-weight:600;line-height:56rpx;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-top-comment-drawer-close{align-items:center;align-self:center;background:#f0f1f5;border-radius:30rpx;display:flex;height:60rpx;justify-content:center;justify-self:end;overflow:hidden;width:60rpx}.chat-top-comment-drawer-body{max-height:70vh;overflow:auto}.chat-top-comment-drawer-name{margin-bottom:12rpx;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));color:#86909c}.chat-top-comment-drawer-content{font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(52rpx + .5 * (1rem - 16px));color:#1d2129;word-break:break-word;overflow-wrap:anywhere}.chat-top-comment-drawer-emoji{display:inline-block;width:44rpx;height:44rpx;margin:0 4rpx;vertical-align:text-bottom}.chat-top-comment-drawer-emoji-dynamic{width:56rpx;height:56rpx;vertical-align:middle} |