yutent 836d566f55 内置注册方法 2023-03-21 16:45:10 +08:00
src 内置注册方法 2023-03-21 16:45:10 +08:00
.gitignore 调整代码结构 2023-03-06 19:20:23 +08:00
.prettierrc.yaml init 2023-03-06 12:25:54 +08:00
LICENSE init 2023-03-06 12:25:54 +08:00
Readme.md 更新说明 2023-03-14 15:51:21 +08:00
package.json 内置注册方法 2023-03-21 16:45:10 +08:00

Readme.md

9号UI组件库的核心

开发文档

开发文档

示例

import { css, html, Component } from '//jscdn.ink/@bd/core/latest/index.js'

class Hello extends Component {

  static props = {
    count: {
      type: Number,
      default: 0,
      attribute: true // 是否显式表现为html属性
    },
    foo: 0, // 简写
    bar: String // 简写
  }

  // 若需要支持 scss, 则需要使用 @bd/wcui-cli,预处理。
  // 可支持数组
  static styles = css`
    button { color: #09f; }
    span { color: #f30; }
  `

  // 支持多个
  static styles = [
    css`...`,
    css`...`
  ]

  render(){
    return html`
      <div>
        <button @click="${this.increase}">点击我</button>
      </div>
      <div>所有点击数为: <span>${this.count}</span></div>
    `
  }

  increase(){
    this.count++
  }

}

customElements.define('wc-hello', Hello)


/* 

  <!-- 在html中,便可以直接使用 -->
  <wc-hello></wc-hello>

*/

一个简单易用、功能完善的用于开发`web components`的轻量级开发库。模板解析基于`lit-html`二次开发
JavaScript 97%
HTML 3%