zhengchiliu
f169777f4a
引入 cached-image 组件与 image-cache 工具，实现签名 URL 稳定 key 剥离、downloadFile 落盘及 TTL/LRU 清理，替换 11 个页面与 clothes-card 共 22 处网络图片渲染点，减少 CDN 重复流量。
27 lines
735 B
Plaintext
27 lines
735 B
Plaintext
/* 宿主节点：对齐 image 组件默认 inline-block 布局，尺寸与圆角由调用方 class 控制 */
|
|
:host {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 内层图片：填满宿主并继承圆角，保证既有版式零回归 */
|
|
.ci-img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
/* 骨架占位：与全局 .sk 同款视觉，组件内独立定义避免依赖外部样式加载顺序 */
|
|
.ci-ph {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(90deg, #F2F2F0 25%, #E9E9E6 37%, #F2F2F0 63%);
|
|
background-size: 400% 100%;
|
|
animation: ciSkLoad 1.5s ease infinite;
|
|
}
|
|
@keyframes ciSkLoad {
|
|
0% { background-position: 100% 50%; }
|
|
100% { background-position: 0 50%; }
|
|
}
|