1234567891011121314151617181920212223242526272829303132333435 |
- <wxs src="../wxs/utils.wxs" module="utils" />
- <wxs src="./index.wxs" module="computed" />
-
- <view
- style="{{ computed.rootStyle({ width, height, radius }) }}"
- class="custom-class {{ utils.bem('image', { round })}}"
- bind:tap="onClick"
- >
- <image
- wx:if="{{ !error }}"
- src="{{ src }}"
- mode="{{ computed.mode(fit) }}"
- lazy-load="{{ lazyLoad }}"
- class="image-class van-image__img"
- show-menu-by-longpress="{{ showMenuByLongpress }}"
- bind:load="onLoad"
- bind:error="onError"
- />
-
- <view
- wx:if="{{ loading && showLoading }}"
- class="loading-class van-image__loading"
- >
- <slot wx:if="{{ useLoadingSlot }}" name="loading" />
- <van-icon wx:else name="photo" custom-class="van-image__loading-icon" />
- </view>
- <view
- wx:if="{{ error && showError }}"
- class="error-class van-image__error"
- >
- <slot wx:if="{{ useErrorSlot }}" name="error" />
- <van-icon wx:else name="photo-fail" custom-class="van-image__error-icon" />
- </view>
- </view>
|