zhouke

h5ai进阶教程:给h5ai开启二维码、搜索、选择功能
head Image: 「雨上がり」/「Mauve」のイラスト [pixiv] 说明:现在越来越多的人使用h5a...
扫描右侧二维码阅读全文
25
2018/10

h5ai进阶教程:给h5ai开启二维码、搜索、选择功能

head Image: 「雨上がり」/「Mauve」のイラスト [pixiv]
说明:现在越来越多的人使用h5ai了,毕竟精巧,美观等,关键h5ai它免费啊 ,虽然已经有很多的人用上了,但是却不知道里面有很多功能没使用上,这里就说下开启其中几种适用的功能方法。

方法

以下均在配置文件/www.example.com/_h5ai/private/conf/options.json里修改
1、开启选择功能

   "select": {
        "enabled": false,
        "clickndrag": true,
        "checkboxes": true
    },

把上面的false改为true就可以了
开启了可以方便我们批量下载
2、开启搜索功能

    "search": {
        "enabled": true,
        "advanced": true,
        "debounceTime": 300,
        "ignorecase": true
    },

把上面的false改为true就可以了
开启了可以方便我们快速的找到文件
3、开启二维码功能

    "info": {
        "enabled": false,
        "show": false,
        "qrcode": true,
         //二维码前景色
        "qrFill": "#999",
         //二维码背景色
        "qrBack": "#fff"
    },

把上面的false改为true就可以了
开启二维码后,我们可以直接手机扫描二维码下载,非常的方便
4、自定义页头页脚

        "custom": {
        "enabled": true
    },

把上面的false改为true就可以了(好像默认是开启的)
开启之后,可以自定义页头页脚。
在file.example.com里面创建两个文件,分别是_h5ai.header.html(页头)和_h5ai.footer.html(页脚),然后可以自己写代码自定义页头和页脚,最后附上效果图一张
效果

Last modification:February 3rd, 2019 at 11:26 pm
If you think my article is useful to you, please feel free to appreciate

3 comments

  1. 亦雨   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)

    你好骚啊

    1. zhouke   Mac OS X(Mac OS X) / Safari 12.0(Safari 12.0)
      @亦雨

      怎么骚了?∠( ᐛ 」∠)_

      1. 亦雨   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)
        @zhouke

        你懂

Leave a Comment