README

此模块允许您在您的 Magento 前端使用 Tiny Slider 2。

要求

安装

• 运行

composer require 'magenio/magento2-tinyslider'

或将以下行添加到您的 composer.json 中

"require":{
    ...
    "magenio/magento2-tinyslider":"^1.0.0"
 }

然后运行以下命令

composer update
bin/magento cache:flush
bin/magento module:enable Magenio_TinySlider
bin/magento setup upgrade

用法

声明性表示法

• 使用 data-mage-init 属性。示例

data-mage-init='{"tinySliderInit":{ 
        "items": 1,
       "responsive": {
            "640": {
                "edgePadding": 20,
                "items": 2
            },
            "1024": {
                "items": 4
            }
      } 
}}'>

• 使用 <script type="text/x-magento-init"> ... </script> 标签。示例

<script type="text/x-magento-init">
 {
    "<element_selector>": {
        "tinySliderInit": {
            "items": 1,
            "responsive": {
                 "640": {
                     "edgePadding": 20,
                     "items": 2
                 },
                 "1024": {
                     "items": 4
                 }
            } 
        }
    }
 }
</script>

命令性表示法

<script>
     require([
        'tinySlider'
    ], function () {
         return tns({
               "container": "<element_selector>",
               "items": 1,
               "responsive": {
               "640": {
                   "edgePadding": 20,
                       "items": 2
               },
               "1024": {
                   "items": 4
               }
           }
       });
    });
</script>

功能和选项

所有功能和选项均可在 tiny-slider 的 GitHub 页面上找到

Tiny Slider 2

开发

• 要工作/参与 tiny-slider 的开发，或更新库，请运行

npm install

或

npm update --save