Based on svelma project extension and modification.Bulma components for Svelte.
Go to file
dependabot[bot] 231257114c
Bump node-sass and rollup-plugin-scss in /docs
Removes [node-sass](https://github.com/sass/node-sass). It's no longer used after updating ancestor dependency [rollup-plugin-scss](https://github.com/thgh/rollup-plugin-scss). These dependencies need to be updated together.


Removes `node-sass`

Updates `rollup-plugin-scss` from 1.0.2 to 4.0.0
- [Release notes](https://github.com/thgh/rollup-plugin-scss/releases)
- [Changelog](https://github.com/thgh/rollup-plugin-scss/blob/v4/CHANGELOG.md)
- [Commits](https://github.com/thgh/rollup-plugin-scss/commits)

---
updated-dependencies:
- dependency-name: node-sass
  dependency-type: indirect
- dependency-name: rollup-plugin-scss
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
2023-02-14 07:47:03 +00:00
docs Bump node-sass and rollup-plugin-scss in /docs 2023-02-14 07:47:03 +00:00
public update 2.0.0 2021-03-29 13:49:55 +08:00
src 修复显示bug 2023-02-14 15:45:59 +08:00
.gitattributes update 2.0.0 2021-03-29 13:49:55 +08:00
.gitignore update 2.0.0 2021-03-29 13:49:55 +08:00
.npmignore update 2.0.0 2021-03-29 13:49:55 +08:00
.prettierrc.js update 2.0.0 2021-03-29 13:49:55 +08:00
.travis.yml update 2.0.0 2021-03-29 13:49:55 +08:00
LICENSE update 2.0.0 2021-03-29 13:49:55 +08:00
README.md 修复显示bug 2023-02-14 15:45:59 +08:00
deploy.js update 2.0.0 2021-03-29 14:17:04 +08:00
package-lock.json 2.0.1 2023-02-14 15:46:02 +08:00
package.json 2.0.1 2023-02-14 15:46:02 +08:00
rollup.config.js 修复显示bug 2023-02-14 15:45:59 +08:00

README.md

svelma-pro

基于开源项目svelma 扩展和修改.

原项目组件比较少,存在一些小bug,所以在原有的组件库的基础上,扩展了一些常见的组件,并对发现的一些bug进行了修改对原有的组件功能,事件以及用户配置进行更人性化的修改和扩展。

文档

文档及Demo

快速开始

1. 通过template创建svelte应用(或者sapper应用)

https://github.com/sveltejs/template 是一个svelte的初始化模板. degit这个脚手架可以帮你获取它:

$ npx degit sveltejs/template my-svelma-project
$ cd my-svelma-project
$ npm install

2. 引入bulma样式及svelma-pro组件等依赖

bulma and svelma-pro

$ npm install --save bulma svelma-pro

3. scss支持

 因为组件库使用了sass样式扩展所以需要项目可以编译sass语法。如果没有集成可以参考此文档。

svelte-sass-template

4. 引入Bulma的CSS样式和svelma-pro组件


<!-- main.js or client.js(sapper) -->
<script>
  import 'bulma/css/bulma.css'
  import "/svelma-pro/src/svelma-pro.css";
</script>

5. 引入 Font Awesome 图标:

在你的主HTML配置CDN页面:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"></link>

...或者下载fontawesome-free包,引入到静态资产目录通过html引入.