uniapp loading 组件

「爱情、让人受尽委屈。」 2021-09-19 16:36 1096阅读 0赞

组件：loading.vue

  1. <template>
  2.     <view>
  3.         <view class="cu-load load-modal" v-if="loadModal">
  4.             <!-- <view class="cuIcon-emojifill text-orange"></view> -->
  5.             <image src="/static/logo.png" mode="aspectFit"></image>
  6.             <view class="gray-text">加载中...</view>
  7.         </view>
  8.     </view>
  9. </template>
  11. <script>
  12. export default {
  13.     props: {
  14.         loadModal: true
  15.     },
  16.     data() {
  17.         return {};
  18.     },
  19.     methods: {
  20.         LoadModal(e) {
  21.             this.loadModal = true;
  22.             setTimeout(() => {
  23.                 this.loadModal = false;
  24.             }, 2000);
  25.         }
  26.     }
  27. };
  28. </script>
  30. <style></style>

引用：

  1. 引入
  2. import Loading from '../../../components/loading/loading.vue';
  4. 注册
  5. components:{
  6.         Loading
  7. },
  9. 加载 传值
  10. <Loading :loadModal="loadModal"></Loading>
  12. loadModal:false,

发表评论

表情：
评论列表 （有 0 条评论，1096人围观）

还没有评论，来说两句吧...

相关阅读