newEdition/components/loadmore/index.vue

<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>