wxappb2b/GuangZuan/miniprogram/components/statusbar/index.ts

import { getStatusBarHeight } from '../../store/index'

Component({
    externalClasses: ['custom-class'],
    properties: {
        // 状态栏背景颜色
        backgroundColor: {
            type: String,
            value: '#ffffff',
        },
        dark: {
            type: Boolean,
            value: false,
        },
    },
    data: {
        styles: ''
    },
    attached() {
        const styles = []
        styles.push('padding-top:' + getStatusBarHeight() + 'px')
        styles.push('background-color:' + this.data.backgroundColor)

        this.setData({
            styles: styles.join(';')
        })

        if (this.data.dark) {
            wx.setNavigationBarColor({
                frontColor: '#000000',
                backgroundColor: '#ffffff',
            })
        }
    }
})