更新记录

1.0.2（2024-03-02）

1.增加css样式 2.优化k-icon组件

1.0.1（2024-03-01）

1.引入全局css样式 2.添加k-icon组件

1.0.0（2024-02-29）

1.0.0

平台兼容性

fk-uts

uts开发文档

UTS 语法 UTS API插件 UTS 组件插件 Hello UTS

使用方法如下

使用组件之前先引用全局样式 App.uvue文件追加如下代码

<style>
    @import url("@/uni_modules/fk-ui/base.scss");
</style>

1-全局引用组件

1.配置项目根目录 pages.json文件 追加如下代码

"easycom": {
  "autoscan": true,
  "custom": {
    "k-(.*)": "@/uni_modules/fk-ui/plugins/$1/$1.uvue" // 匹配plugins目录内的uvue文件
  }
}

2.组件使用示例

<k-xxx></k-xxx>

2-页面引用组件

1.组件'k-icon' 默认使用uni官方提供的图标文件

<template>
    <k-icon class="icon" :size="30" color="#00aaff" ttf="myxxx">{{'\ue666'}}</k-icon>
</template>

<style>
    @font-face {
        font-family: "myxxx";
        src: url('my.ttf');
    }
    .icon{
        font-style: normal;
        font-weight: normal;
    }
</style>