All files / src/components/u-list-components.vue item.vue

50% Statements 9/18
16.66% Branches 1/6
0% Functions 0/3
50% Lines 9/18

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53      7x     7x             7x                                                                              
<template>
  <div class="u-for-com-item" :style="comStyle" vusion-slot-name="default">
    <slot :item="item" :index="index"></slot>
  </div>
</template>
 
<script>
export default {
    name: 'u-list-components-item',
    components: {
    },
    props: {
        item: {
            type: [Object, String, Number],
        },
        index: {
            type: [Object, String, Number],
        },
        colnum: {
            type: Number,
        },
        equalWidth: {
            type: Boolean,
            default: true,
        },
    },
    data() {
        return {
        };
    },
    computed: {
        comStyle() {
            if (this.colnum && this.equalWidth) {
                const num = this.colnum;
                const width = 100 / num;
                return {
                    width: width + '%',
                };
            }
            return {};
        },
    },
    watch: {
    },
    methods: {
    },
};
</script>
<style>
.u-for-com-item {
}
</style>