更新记录

1.0.2（2023-12-25） 下载此版本

细节优化

1.0.1（2023-11-27） 下载此版本

修改说明文档

1.0.0（2023-11-26） 下载此版本

初始版本

平台兼容性

uni-app

其他

piaoyi-status-bar 自定义头部

使用示例如下：

复制代码<view class="piaoyi-status-bar">
    <piaoyi-status-bar>
        <view class="header" :barHeight="barHeight">
            <text>标题</text>
            <text>标题</text>
            <text>标题</text>
        </view>
    </piaoyi-status-bar>
</view>
<script>
    import PiaoyiStatusBar from '@/uni_modules/piaoyi-status-bar/components/piaoyi-status-bar/piaoyi-status-bar.vue'
    export default {
        data() {
            return {
                barHeight: '80rpx'
            }
        },
        components: {
            PiaoyiStatusBar
        },
        mounted() {
        }
    }
</script>

<style lang="scss" scoped>
    .piaoyi-status-bar {
        background: #eee;
        height: 100vh;
    }
    .header {
        font-size: 28rpx;
        line-height: 28rpx;
        font-weight: 700;
        padding: 0 30rpx;
        text {
            margin-right: 100rpx;
        }
    }
</style>

Prop

可接定制化组件开发

右侧有本人代表作小程序二维码，可以扫码体验

如使用过程中有问题或有一些好的建议，欢迎加QQ群互相学习交流：120594820