lp-weapp/packages/core/white-space/index.js

一套组件化、可复用、易扩展的微信小程序 UI 组件库

// components/white-space/index.js
Component({
    /**
   * 组件的属性列表
   */
    properties: {
        size: {
            type: String,
            value: 'default',
        },
        bodyStyle: {
            type: Array,
            value: [],
            observer(newVal) {
                let extStyle = 'margin: '
                if (Array.isArray(newVal) && newVal.length) {
                    let len = newVal.length > 4 ? 4 : newVal.length
                    for (let i = 0; i < len; i++) {
                        extStyle += newVal[i] + 'rpx '
                    }
                    extStyle += ';'
                }
                this.setData({
                    extStyle,
                })
            },
        },
    },

    /**
   * 组件的初始数据
   */
    data: {
        extStyle: '',
    },

    /**
   * 组件的方法列表
   */
    methods: {

    },
})