更新记录

0.0.3（2024-11-29） 下载此版本

0.0.2（2024-11-29） 下载此版本

字体文件改成Bas64

0.0.1（2024-11-29） 下载此版本

将插件从插件市场导入需要用到的项目

导入成功后uni_modules文件夹下会有一个yfx-head文件夹

在需要用到的页面中使用 yfx-head 标签引入插件

组件有一下几个可以操作的属性

    showback:{ //是否显示返回箭头按钮
        type:Boolean,
        default:true
    },
    title:{ //标题内容
        type:String,
        default:""
    },
    color:{ //标题局域栏的文字颜色
        type:String,
        default:"#000"
    },
    borderColor:{ //下边框的颜色，默认透明
        type:String,
        default:"rgba(255,255,255,0)"
    },
    bgColor:{ //背景色，默认白色
        type:String,
        default:"rgba(255,255,255,1)"
    }

以下是完整例子

<template>
    <view class="content">
        <yfx-head :showback="showBack" title="标题" color="#000" bg-color="#FFF" border-color="#f0f0f0">
            <!-- 这是左插槽 当showback为false是可以使用-->
            <!-- 
                <template v-slot:rightbtn>
                    <view>left</view>
                </template>
             -->
            <!-- 这是右插槽 -->
            <template v-slot:rightbtn>
                <view>right</view>
            </template>
        </yfx-head>

    </view>
</template>

<script>
    export default {
        data() {
            return {
                //是否显示返回按钮
                showBack: true 
            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>
<style>

</style>

平台兼容性