| | |
|---|
| | | .t-float-left { |
|---|
| | | float: left; |
|---|
| | | } |
|---|
| | | .t-float-right { |
|---|
| | | float: right; |
|---|
| | | } |
|---|
| | | @keyframes tdesign-fade-out { |
|---|
| | | from { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | to { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .hotspot-expanded.relative { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .hotspot-expanded::after { |
|---|
| | | content: ''; |
|---|
| | | display: block; |
|---|
| | | position: absolute; |
|---|
| | | left: 0; |
|---|
| | | top: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | transform: scale(1.5); |
|---|
| | | } |
|---|
| | | :host { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .t-image { |
|---|
| | | color: var(--td-image-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)))); |
|---|
| | | vertical-align: top; |
|---|
| | | } |
|---|
| | | .t-image__mask { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | background-color: var(--td-image-loading-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))); |
|---|
| | | color: var(--td-image-loading-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)))); |
|---|
| | | } |
|---|
| | | .t-image--loading-text { |
|---|
| | | width: 0; |
|---|
| | | height: 0; |
|---|
| | | } |
|---|
| | | .t-image__common { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .t-image--lazy { |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | z-index: -1; |
|---|
| | | } |
|---|
| | | .t-image--shape-circle { |
|---|
| | | border-radius: 50%; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .t-image--shape-round { |
|---|
| | | border-radius: var(--td-image-round-radius, var(--td-radius-default, 12rpx)); |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .t-image--shape-square { |
|---|
| | | border-radius: 0; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | @import '../common/style/index.wxss';.t-image{position:relative;display:inline-block;} |
|---|
| | | .t-image__img,.t-image__mask{color:var(--td-image-color,var(--td-text-color-placeholder,var(--td-font-gray-3,rgba(0,0,0,.4))));vertical-align:top;width:inherit;height:inherit;} |
|---|
| | | .t-image__mask{display:flex;align-items:center;justify-content:center;background-color:var(--td-image-loading-bg-color,var(--td-bg-color-secondarycontainer,var(--td-gray-color-1,#f3f3f3)));color:var(--td-image-loading-color,var(--td-text-color-placeholder,var(--td-font-gray-3,rgba(0,0,0,.4))));} |
|---|
| | | .t-image--loading-text{width:0;height:0;} |
|---|
| | | .t-image__common{width:100%;height:100%;} |
|---|
| | | .t-image--lazy{position:absolute;top:0;left:0;z-index:-1;} |
|---|
| | | .t-image--shape-circle{border-radius:50%;overflow:hidden;} |
|---|
| | | .t-image--shape-round{border-radius:var(--td-image-round-radius,var(--td-radius-default,12rpx));overflow:hidden;} |
|---|
| | | .t-image--shape-square{border-radius:0;overflow:hidden;} |
|---|
