ThorUI

轻量、简洁、全面的移动端组件库

介绍

简约而不简单一直是ThorUI的追求。ThorUI目前有微信小程序原生版本 (opens new window)和uni-app版本 (opens new window)，后续会扩展到其他原生版本，扩大生态。 除了组件库ThorUI还会陆续发布一些常用模板，使开发更加高效。

目前组件与模板默认支持App端(IOS和Android)、H5、微信小程序、QQ小程序。

链接

• 更新日志：https://www.thorui.cn/doc/docs/log.html (opens new window)V1.6.2

• 网站介绍：https://www.thorui.cn/(opens new window)

• uni-app插件市场地址： https://ext.dcloud.net.cn/plugin?id=556(opens new window)

• 小程序插件市场地址：https://ext.dcloud.net.cn/plugin?id=569(opens new window)

• uni-app GitHub地址：https://github.com/dingyong0214/ThorUI-uniapp(opens new window)

• 小程序 GitHub地址：https://github.com/dingyong0214/ThorUI(opens new window)

• uni-app gitee地址：https://gitee.com/echo0927/ThorUI-uniapp(opens new window)

• 小程序 gitee地址：https://gitee.com/echo0927/ThorUI(opens new window)

引入组件

操作示例

1. 手动引入

<script>
    import tuiButton from "@/components/thorui/tui-button/tui-button"
    export default {
        components:{
            tuiButton
        },
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>

2. 开启easycom组件模式

 /*
    开启easycom组件模式，不需要再执行第一种引入操作即可使用
    注意组件的位置是否和示例中一致，如果不一致需要自行调整下方地址
 */

"easycom": {
        "autoscan": true,
        "custom": {
            "tui-(.*)": "@/components/thorui/tui-$1/tui-$1.vue"
        }
    }