@10yun/cv-mobile-ui 0.5.20 → 0.5.22

package/uni-ui/lib/uni-list/uni-list.vue

@@ -1 +1,81 @@
-<template>
  <!-- #ifndef APP-NVUE -->
  <view class="uni-list uni-border-top-bottom">
    <view v-if="border" class="uni-list--border-top"></view>
    <slot />
    <view v-if="border" class="uni-list--border-bottom"></view>
  </view>
  <!-- #endif -->
  <!-- #ifdef APP-NVUE -->
  <list
    :bounce="false"
    :scrollable="true"
    show-scrollbar
    :render-reverse="renderReverse"
    @scroll="scroll"
    class="uni-list"
    :class="{ 'uni-list--border': border }"
    :enableBackToTop="enableBackToTop"
    loadmoreoffset="15"
  >
    <slot />
  </list>
  <!-- #endif -->
 * List 列表
 * @description 列表组件
 * @tutorial https://ext.dcloud.net.cn/plugin?id=24
 * @property {String} 	border = [true|false] 		标题
 */
  name: 'uniList',
  'mp-weixin': {
    options: {
      multipleSlots: false
    }
  },
  props: {
    stackFromEnd: {
      type: Boolean,
      default: false
    },
    enableBackToTop: {
      type: [Boolean, String],
      default: false
    },
    scrollY: {
      type: [Boolean, String],
      default: false
    },
    border: {
      type: Boolean,
      default: true
    },
    renderReverse: {
      type: Boolean,
      default: false
    }
  },
  // provide() {
  // 	return {
  // 		list: this
  // 	};
  // },
  created() {
    this.firstChildAppend = false;
  },
  methods: {
    loadMore(e) {
      this.$emit('scrolltolower');
    },
    scroll(e) {
      this.$emit('scroll', e);
    }
  }
+<template>
+  <!-- #ifndef APP-NVUE -->
+  <view class="uni-list uni-border-top-bottom">
+    <view v-if="border" class="uni-list--border-top"></view>
+    <slot />
+    <view v-if="border" class="uni-list--border-bottom"></view>
+  </view>
+  <!-- #endif -->
+  <!-- #ifdef APP-NVUE -->
+  <list
+    :bounce="false"
+    :scrollable="true"
+    show-scrollbar
+    :render-reverse="renderReverse"
+    @scroll="scroll"
+    class="uni-list"
+    :class="{ 'uni-list--border': border }"
+    :enableBackToTop="enableBackToTop"
+    loadmoreoffset="15"
+  >
+    <slot />
+  </list>
+  <!-- #endif -->
+</template>
+<script>
+/**
+ * List 列表
+ * @description 列表组件
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=24
+ * @property {String} 	border = [true|false] 		标题
+ */
+export default {
+  name: 'uniList',
+  'mp-weixin': {
+    options: {
+      multipleSlots: false
+    }
+  },
+  props: {
+    stackFromEnd: {
+      type: Boolean,
+      default: false
+    },
+    enableBackToTop: {
+      type: [Boolean, String],
+      default: false
+    },
+    scrollY: {
+      type: [Boolean, String],
+      default: false
+    },
+    border: {
+      type: Boolean,
+      default: true
+    },
+    renderReverse: {
+      type: Boolean,
+      default: false
+    }
+  },
+  // provide() {
+  // 	return {
+  // 		list: this
+  // 	};
+  // },
+  created() {
+    this.firstChildAppend = false;
+  },
+  methods: {
+    loadMore(e) {
+      this.$emit('scrolltolower');
+    },
+    scroll(e) {
+      this.$emit('scroll', e);
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-list-ad/uni-list-ad.vue

@@ -1 +1,77 @@
-<template>
  <!-- #ifdef APP-NVUE -->
  <cell>
    <!-- #endif -->
    <view class="uni-list-ad">
      <view v-if="borderShow" :class="{ 'uni-list--border': border, 'uni-list-item--first': isFirstChild }"></view>
      <ad
        style="width: 200px; height: 300px; border-width: 1px; border-color: red; border-style: solid"
        adpid="1111111111"
        unit-id=""
        appid=""
        apid=""
        type="feed"
        @error="aderror"
        @close="closeAd"
      ></ad>
    </view>
    <!-- #ifdef APP-NVUE -->
  </cell>
  <!-- #endif -->
  name: 'UniListAd',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  // inject: ['list'],
  data() {
    return {
      isFirstChild: false,
      border: false,
      borderShow: true
    };
  },
  mounted() {
    this.list = this.getForm();
    if (this.list) {
      if (!this.list.firstChildAppend) {
        this.list.firstChildAppend = true;
        this.isFirstChild = true;
      }
      this.border = this.list.border;
    }
  },
  methods: {
    /**
     * 获取父元素实例
     */
    getForm(name = 'uniList') {
      let parent = this.$parent;
      let parentName = parent.$options.name;
      while (parentName !== name) {
        parent = parent.$parent;
        if (!parent) return false;
        parentName = parent.$options.name;
      }
      return parent;
    },
    aderror(e) {
      console.log('aderror: ' + JSON.stringify(e.detail));
    },
    closeAd(e) {
      this.borderShow = false;
    }
  }
+<template>
+  <!-- #ifdef APP-NVUE -->
+  <cell>
+    <!-- #endif -->
+    <view class="uni-list-ad">
+      <view v-if="borderShow" :class="{ 'uni-list--border': border, 'uni-list-item--first': isFirstChild }"></view>
+      <ad
+        style="width: 200px; height: 300px; border-width: 1px; border-color: red; border-style: solid"
+        adpid="1111111111"
+        unit-id=""
+        appid=""
+        apid=""
+        type="feed"
+        @error="aderror"
+        @close="closeAd"
+      ></ad>
+    </view>
+    <!-- #ifdef APP-NVUE -->
+  </cell>
+  <!-- #endif -->
+</template>
+<script>
+// #ifdef APP-NVUE
+const dom = uni.requireNativePlugin('dom');
+// #endif
+export default {
+  name: 'UniListAd',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  // inject: ['list'],
+  data() {
+    return {
+      isFirstChild: false,
+      border: false,
+      borderShow: true
+    };
+  },
+  mounted() {
+    this.list = this.getForm();
+    if (this.list) {
+      if (!this.list.firstChildAppend) {
+        this.list.firstChildAppend = true;
+        this.isFirstChild = true;
+      }
+      this.border = this.list.border;
+    }
+  },
+  methods: {
+    /**
+     * 获取父元素实例
+     */
+    getForm(name = 'uniList') {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== name) {
+        parent = parent.$parent;
+        if (!parent) return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    },
+    aderror(e) {
+      console.log('aderror: ' + JSON.stringify(e.detail));
+    },
+    closeAd(e) {
+      this.borderShow = false;
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>