werun-wxapp/components/diy-area/index.js

// components/diy-area/index.js
Component({
    /**
     * 组件的属性列表
     */
    options: {
        multipleSlots: true, // 在组件定义时的选项中启用多slot支持
        /*  options: null, */
    },
    properties: {
        active: {
            type: Number,
            value: 1,
        },
        txtfontsize: {
            type: Number,
            value: 32,
        },
        txtcolor: {
            type: String,
            value: "#000000",
        },
        width: {
            type: Number,
            value: 690,
        },
        border: {
            type: String,
            value: "5rpx solid #f6f6f6",
        },
        borderradius: {
            type: Number,
            value: 30,
        },


        txtmargin: {
            type: String,
            value: "0rpx 0rpx 20rpx 30rpx",
        },
        margin: {
            type: String,
            value: "0rpx 0rpx 0rpx 30rpx",
        },
        padding: {
            type: String,
            value: "0rpx 0rpx 0rpx 0rpx",
        },

        txt: {
            type: String,
            value: "所在地区:",
        },
        inputcolor: {
            type: String,
            value: "#000000",
        },
        inputfontsize: {
            type: Number,
            value: 32,
        },
        inputmargin: {
            type: String,
            value: "0rpx 0rpx 20rpx 30rpx",
        },
        region: {
            type: Array,
            value: ['江西省', '南昌市', '东湖区'],
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        /*   region: ['江西省', '南昌市', '东湖区'], // 初始值  (data内）  */
    },

    /**
     * 组件的方法列表
     */
    methods: {
        bindRegionChange: function(e) { // picker值发生改变都会触发该方法
            console.log('picker发送选择改变，携带值为', e.detail.value)
            this.triggerEvent('comclick', e.detail.value)
            this.setData({
                region: e.detail.value
            })
        },
    }
})