gettingstarted - Maixbxp/salt-ui GitHub Wiki

快速上手

salt-ui

salt-ui是一套基于react的ui组件库，遵循钉钉微应用设计规范。salt-ui组件库包括一个css文件以及一个js文件，有以下几种获取salt-ui的方式：

方式一（推荐）

钉钉提供了 CDN 链接，推荐使用，链接如下：

来源 地址
css //g.alicdn.com/platform/tingle-ui/1.0.23/salt-ui.min.css
js //g.alicdn.com/platform/tingle-ui/1.0.23/salt-ui.min.js

目前 salt-ui 最新的版本是 1.0.23

方式二（npm）

-- 即将提供 --

使用

  • 通过以上方式获取到 salt-ui 后，在页面中引入salt-ui的css文件与js文件。
  • 另外，还需要引入0.14.3版本的react-with-addons.min.js以及0.14.3版本的react-dom.min.js
<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>salt-demo</title>

		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

		<meta http-equiv="cleartype" content="on">


		<!-- 外部样式资源加载 -->

		<link rel="stylesheet" href="//g.alicdn.com/platform/tingle-ui/1.0.13/salt-ui.min.css">


		<!-- 项目样式资源加载 -->

		<link rel="stylesheet" href="./app.css">


		<!-- 外部脚本资源加载 -->

		<script src="//g.alicdn.com/platform/c/??zepto/1.1.6/zepto.min.js,react/0.14.3/react-with-addons.min.js,react/0.14.3/react-dom.min.js,react-router/2.0.0/umd/ReactRouter.min.js,fastclick/1.0.6/lib/fastclick.min.js,lie/3.0.2/dist/lie.polyfill.min.js,natty-db/1.0.2/dist/natty-db.min.js,reflux/0.3.0/dist/reflux.min.js"></script>

	</head>

	<body class="zh-cn">


		<div id="App"></div>

		<script src="https://g.alicdn.com/ilw/ding/0.9.2/scripts/dingtalk.js"></script>

		<script src="//g.alicdn.com/platform/tingle-ui/1.0.13/salt-ui.min.js"></script>


		<!-- 项目脚本资源加载 -->

		<script src="./app-zh-cn.js"></script>

	</body>

</html>

更多的上手示例，请参考 https://github.com/saltjs/salt-ui/blob/master/demo/html/index.html

Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️