123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { VantComponent } from '../common/component';
- import { button } from '../mixins/button';
- VantComponent({
- mixins: [button],
- classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
- props: {
- src: {
- type: String,
- observer() {
- this.setData({
- error: false,
- loading: true,
- });
- },
- },
- round: Boolean,
- width: null,
- height: null,
- radius: null,
- lazyLoad: Boolean,
- useErrorSlot: Boolean,
- useLoadingSlot: Boolean,
- showMenuByLongpress: Boolean,
- fit: {
- type: String,
- value: 'fill',
- },
- showError: {
- type: Boolean,
- value: true,
- },
- showLoading: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- error: false,
- loading: true,
- viewStyle: '',
- },
- methods: {
- onLoad(event) {
- this.setData({
- loading: false,
- });
- this.$emit('load', event.detail);
- },
- onError(event) {
- this.setData({
- loading: false,
- error: true,
- });
- this.$emit('error', event.detail);
- },
- onClick(event) {
- this.$emit('click', event.detail);
- },
- },
- });
|