16 Star 69 Fork 0

plain-pot/plain-ui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Plain Ui

一、主题相关开发规范

1. 组件全局注册前缀

  • 在安装PlainUI的时候,调用以下代码:
setComponentPrefix("pl")

2. css变量名前缀

  • css变量名前缀是基于scss变量控制的,需要配置全局引入scss变量;
  • $prefix 就是所需要的变量前缀字符串, 这个前缀得于组件注册前缀一致;
export default {
  css: {
    sourceMap: false,
      loaderOptions:
    {
      sass: {
        prependData: `$prefix:'${globalComponentPrefix}'; @import "src/packages/styles/global.import.scss";`
      }
    },
  },
}

3. 在scss代码中,获取变量:

plv
(
plain-1

)

4. 组件样式前缀

  • 组件的根节点,得加上具体的class,比如scroll组件得加上这个class
getComponentCls('scroll')
  • 组件的样式,得通过这个特定的class选择器来控制内部节点的样式

比如对grid-row组件的样式

@include prefix(grid-row) {

}

二、组件服务

  • 论Service实例与Application实例的关系;

Log

  • 迁移完毕 plain design 组件

Other

  • 中文正则:[\u4e00-\u9fa5]+

空文件

简介

基于plain-ui-composition的Vue3组件库 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/plain-pot/plain-ui.git
git@gitee.com:plain-pot/plain-ui.git
plain-pot
plain-ui
plain-ui
master

搜索帮助