存储前端 Twbs

:nail care: 基金会组件 电子计算机加存储前端数字 :

1. 诱饵 4.6数字 :

   • scss/styles.scss: 多数部分但还不是全部(botstrap CSS的进口,几乎所有组件、一些公用事业类别和自定义额外 CSS vars (中文(简体) )· ;
   • src/bootstrap.js: botstrap 4 脚本用于相应的组件,通常使用jQuery和popper.js;

2. 一些动画从 动画. css 3数字 :

   • scss/_animate.scss: CSS被破译的动画列表;
   • src/animate-css.js与JS一起应用动画的简单功能;

3. 一些网友图标来自 字体帅呆了 5数字 :

   • scss/_icons.scss: 解析图标列表;

我们不进口这些框架 一样 只选择 Storefront 主题的常见和最有用的组件。 通过这种方式,我们正在缩小最终捆绑规模并改进网站 业绩 摇滚:.

我们一般使用(并推荐合作伙伴) Vue.js 用于 Storefront 组件和部件,但请记住 Bootstrap CSS, Font Cousid 和 Animate.css 在任何联署材料框架内都可以重新使用。 。 。 .

安装

您可以使用 Webpack 和浏览器等捆绑器安装软件包,也可以从 jsDelivr 或 UNPKG 等 CND 中装入.

带捆绑器

npm i --save @ecomplus/storefront-twbs

import '@ecomplus/storefront-twbs'

@import "node_modules/@ecomplus/storefront-twbs/scss/styles";

光盘N

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.min.css">

<script src="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.bundle.min.js"></script>

或者没有依附关系的人包括:

<script src="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.min.js"></script>

使用量

• 靴子组件· ;
• 颜色向导· ;
• 字体优美的图标· ;
• CSS 动画· ;
• CSS vars (中文(简体) )· ;
• 包含 Java 脚本· ;
• 他们· ;