This action will force synchronization from JaylenTech/图鸟UI-uniapp, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
图鸟UI,是基于uni-app进行开发的UI框架,提供丰富的组件进行快速开发,已经支持H5
和微信小程序
,包含常用表单组件、信息展示组件等,并提供丰富的酷炫页面模板
。
下载地址 ------> 图鸟UI - DCloud 插件市场
在项目根目录中的main.js
中,引入并使用TuniaoUI的JS库,注意这两行配置代码要放在import Vue之后。
// 引入全局TuniaoUI
import TuniaoUI from 'tuniao-ui'
Vue.use(TuniaoUI)
在项目根目录的main.js
中引入store
// 引入store
import store from './store'
...
const app = new Vue({
store,
...App
})
在项目根目录中的main.js
中,引入并使用TuniaoUI的vuex,注意这两行配置代码要放在import Vue之后。
// 引入TuniaoUI提供的vuex简写方法
let vuexStore = require('@/store/$t.mixin.js')
Vue.mixin(vuexStore)
在项目根目录的uni.scss
中引入此文件。
@import 'tuniao-ui/theme.scss';
::: danger 注意
在App.vue
中style标签
首行的位置引入,注意给style标签加入lang="scss"属性
:::
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import './tuniao-ui/index.scss';
@import './tuniao-ui/iconfont.css';
</style>
此配置需要在根目录的page.json
中进行。
::: tip 温馨提示
easycom
规则不会实时生效,配置完后,您需要重启HBuilderX或者重新编译项目才能正常使用TuniaoUI的功能。pages.json
中只有一个easycom
字段,否则请自行合并多个引入规则。
:::// pages.json
{
"easycom": {
"^tn-(.*)": "@/tuniao-ui/components/tn-$1/tn-$1.vue"
},
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
// ......
}
]
// ......
}
TuniaoUI开源版
遵循Apache
协议,意味着您无需支付任何费用,也无需授权,即可将TuniaoUI开源版应用到您的产品中,但是需要保留TuniaoUI的信息。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。