在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:图鸟UI-uniapp开源软件地址:https://gitee.com/TSpecific/tuniao-ui开源软件介绍:
Tuniao UI提供丰富组件和炫酷页面的UI框架说明图鸟UI,是基于uni-app进行开发的UI框架,提供丰富的组件进行快速开发,已经支持 开源版本中所使用到的图片均做了防盗链,只能在调试中使用,不保证在生产环境中可以使用。图片资源以上传到图鸟社区。特点
链接安装下载地址 ------> 图鸟UI - DCloud 插件市场 快速上手1.复制文件到项目的根目录2.引入TuniaoUI主JS库在项目根目录中的 // 引入全局TuniaoUIimport TuniaoUI from 'tuniao-ui'Vue.use(TuniaoUI) 3.引入TuniaoUI提供的vuex在项目根目录的 // 引入storeimport store from './store'...const app = new Vue({ store, ...App}) 在项目根目录中的 // 引入TuniaoUI提供的vuex简写方法let vuexStore = require('@/store/$t.mixin.js')Vue.mixin(vuexStore) 4.引入TuniaoUI的全局SCSS主题文件在项目根目录的 @import 'tuniao-ui/theme.scss' 5.引入TuniaoUI基础样式和图标文件::: danger 注意在 <style lang="scss"> /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ @import './tuniao-ui/index.scss'; @import './tuniao-ui/iconfont.css';</style> 6.配置easycom组件模式此配置需要在根目录的 ::: tip 温馨提示
// pages.json{ "easycom": { "^tn-(.*)": "@/tuniao-ui/components/tn-$1/tn-$1.vue" }, "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { // ...... } ] // ......} UI截图
联系作者
微信群聊二维码
版权信息
|
请发表评论