add new key

zhangzengfei

2021-09-16 38430ddb8612fce15a2f1c940f9bd57d4da3e70b

 components/uni-list/uni-list.vue

@@ -1,75 +1,75 @@
<template>

   <!-- #ifndef APP-NVUE -->

   <view class="uni-list">

      <slot />

   </view>

   <!-- #endif -->

   <!-- #ifdef APP-NVUE -->

   <list class="uni-list" :enableBackToTop="enableBackToTop" loadmoreoffset="15" :scroll-y="scrollY" @loadmore="loadMore">

      <slot />

   </list>

   <!-- #endif -->

</template>



<script>

   /**

    * List 列表

    * @description 列表组件

    * @tutorial https://ext.dcloud.net.cn/plugin?id=24

    */

   export default {

      name: 'UniList',

      'mp-weixin': {

         options: {

            multipleSlots: false

         }

      },

      props: {

         enableBackToTop: {

            type: [Boolean, String],

            default: false

         },

         scrollY: {

            type: [Boolean, String],

            default: false

         }

      },

      provide() {

         return {

            list: this

         }

      },

      created() {

         this.firstChildAppend = false

      },

      methods: {

         loadMore(e) {

            this.$emit("scrolltolower");

         }

      }

   }

</script>

<style lang="scss" scoped>

   .uni-list {

      /* #ifndef APP-NVUE */

      display: flex;

      /* #endif */

      background-color: $uni-bg-color;

      position: relative;

      flex-direction: column;

      // border-bottom-color: $uni-border-color;

      // border-bottom-style: solid;

      // border-bottom-width: 1px;

   }



   /* #ifndef APP-NVUE */

   .uni-list:before {

      height: 0;

   }



   .uni-list:after {

      height: 0;

   }



   /* #endif */

<template>
   <!-- #ifndef APP-NVUE -->
   <view class="uni-list">
      <slot />
   </view>
   <!-- #endif -->
   <!-- #ifdef APP-NVUE -->
   <list class="uni-list" :enableBackToTop="enableBackToTop" loadmoreoffset="15" :scroll-y="scrollY" @loadmore="loadMore">
      <slot />
   </list>
   <!-- #endif -->
</template>

<script>
   /**
    * List 列表
    * @description 列表组件
    * @tutorial https://ext.dcloud.net.cn/plugin?id=24
    */
   export default {
      name: 'UniList',
      'mp-weixin': {
         options: {
            multipleSlots: false
         }
      },
      props: {
         enableBackToTop: {
            type: [Boolean, String],
            default: false
         },
         scrollY: {
            type: [Boolean, String],
            default: false
         }
      },
      provide() {
         return {
            list: this
         }
      },
      created() {
         this.firstChildAppend = false
      },
      methods: {
         loadMore(e) {
            this.$emit("scrolltolower");
         }
      }
   }
</script>
<style lang="scss" scoped>
   .uni-list {
      /* #ifndef APP-NVUE */
      display: flex;
      /* #endif */
      background-color: $uni-bg-color;
      position: relative;
      flex-direction: column;
      // border-bottom-color: $uni-border-color;
      // border-bottom-style: solid;
      // border-bottom-width: 1px;
   }

   /* #ifndef APP-NVUE */
   .uni-list:before {
      height: 0;
   }

   .uni-list:after {
      height: 0;
   }

   /* #endif */
</style>