<template> <view> <block v-if="mtype==2"> <view class="zan-loadmore zan-loadmore--nomore" :hidden="hidden"> <view class="zan-loadmore__tips" :style="'background-color:' + tipcolor"> <view class="zan-loadmore__dot"></view> </view> </view> </block> <block v-else-if="mtype==3"> <view class="zan-loadmore zan-loadmore--nodata" :hidden="hidden"> <view class="zan-loadmore__tips" :style="'background-color:' + tipcolor">{{ nodata_str}}</view> </view> </block> <block v-else-if="mtype==1"> <view class="zan-loadmore" :hidden="hidden"> <image class="zan-loading" src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/loadmore.png"></image> <view class="zan-loadmore__tips" :style="'background-color:' + tipcolor">加载中...</view> </view> </block> </view> </template> <script> export default { data() { return {}; }, components: {}, props: { mtype: { type: Number, default: 1 }, nodata_str: { type: String, default: '暂无数据' }, hidden: { type: Boolean, default: true }, tipcolor: { type: String, default: "#F5F5F5" } }, watch: { mtype: function (newVal, oldVal) { this.setData({ mtype: newVal }); }, nodata_str: function (newVal, oldVal) { this.setData({ nodata_str: newVal }); }, hidden: function (newVal, oldVal) { this.setData({ hidden: newVal }); } }, methods: {} }; </script> <style> @import "./index.css"; </style>