clair-design.github.io/index.html at master · clair-design/clair-design.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html data-vue-meta-server-rendered data-vue-meta="">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
  <title data-vue-meta="true">Clair</title><meta data-vue-meta="true" name="description" content="Clair Design 是一套包含设计规范、Vue 组件和配套资源的设计系统"><meta data-vue-meta="true" name="keywords" content="设计规范, Vue 组件, 设计系统, Vue.js, 前端开发, UI 系统"><meta data-vue-meta="true" name="description" content="Clair Design 是一套包含设计规范、Vue 组件和配套资源的设计系统"><meta data-vue-meta="true" name="keywords" content="设计规范, Vue 组件, 设计系统, Vue.js, 前端开发, UI 系统">
  <link rel="stylesheet" href="https://lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" />

  <link rel="stylesheet" href="/static/styles.24d15d28.css" />

   <script>if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/service-worker.js') }</script>
</head>

<body data-vue-meta="">

  <div id="root"><div id="root" data-server-rendered="true"><div id="app"><div class="c-box toolbar is-align-center" style="margin:;"><div class="c-box__item has-padding-left-md is-12-xs is-4-sm is-3-md is-2-lg"><a href="/" class="is-inline-block has-padding-sm router-link-exact-active router-link-active"><img src="https://s1.ssl.qhres.com/static/9df9c3c715a8b6cb.svg" alt="clair"></a></div><div class="c-box__item is-none-xs-only is-12-xs is-7-sm is-8-md is-9-lg"><div class="c-box navbar" style="margin:;"><div class="c-box__item is-12-xs is-auto-sm"><a href="/" class="navbar__item router-link-exact-active router-link-active is-active">首页</a></div><div class="c-box__item is-12-xs is-auto-sm"><a href="/principle/introduction" class="navbar__item">设计原则</a></div><div class="c-box__item is-12-xs is-auto-sm"><a href="/component/install" class="navbar__item">组件</a></div><div class="c-box__item is-12-xs is-auto-sm"><a href="/resource" class="navbar__item">资源</a></div></div></div><div class="c-box__item has-text-right is-none-xs-only is-12-xs is-1-sm"><a href="https://github.com/clair-design/clair" aria-label="github repository" target="_blank" class="is-inline-block has-margin-right-md"><span class="c-icon is-size-xl"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github" style="vertical-align:middle;"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></span></a></div></div><div class="c-box main" style="margin:;"><div class="hero no-gap"><div class="c-box__item has-offset-0-xs has-offset-3-sm has-offset-2-md"><h1 class="is-text-xxl has-weight-light">Clair Design</h1><p>一套包含设计规范、Vue 组件和配套资源的设计系统。</p><p><button class="c-button c-button--primary"><span class="c-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book" style="vertical-align:middle;"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg></span><span>设计原则</span></button><button class="c-button"><span class="c-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers" style="vertical-align:middle;"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg></span><span>Vue 组件</span></button></p></div></div><div><article class="markdown-body "></article></div><footer>Code licensed under MIT License.<a href="https://github.com/clair-design/clair">Github项目</a>/<a href="https://github.com/clair-design/clair/issues">问题反馈</a></footer></div></div></div></div>
  <script src="https://lib.baomitu.com/babel-polyfill/6.26.0/polyfill.min.js"></script><script src="https://lib.baomitu.com/fetch/2.0.3/fetch.min.js"></script><script src="https://lib.baomitu.com/clipboard.js/1.7.1/clipboard.min.js"></script><script src="https://lib.baomitu.com/yamljs/0.3.0/yaml.min.js"></script>

  <script src="/static/vendor.4f0b4479.js"></script>
  <script src="/static/framework.61385ede.js"></script>
  <script src="/static/manifest.48586692.js"></script>
</body>
</html>