Git Product home page Git Product logo

touchui's Introduction

Touch UI

TouchUI部分案例

介绍

TouchUI是一套高质量移动端UI框架。基于vue.js框架,我们精心打造了上百种的移动端UI组件,几乎囊括了开发移动应用的所有细节,真正实现拿来即用,像搭积木一样开发移动应用。

部分组件效果

文档

中文文档

Demo

TouchUI示例

扫码访问

点击这里用浏览器查看

在PC端打开时请开启chrome的手机浏览模式。

讨论组

加下面的小助手微信进交流群。

相关项目

Touch WX

Touch WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。还可以与Touch UI相互转换,实现开发一套代码,发布H5和微信小程序两种应用。

touchui's People

Contributors

da-hh avatar pangxiaodun avatar uileader avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

touchui's Issues

vscode代码提示疑问

安装了插件,在使用的时候对于ui- 和 ui: 均没有代码提示,如何解决?

ui-mini-star

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
请问怎么解决?谢谢

ui-sms-input组件获取输入内容

请问怎么获取sms-input 组件的输入内容,好像没有输入事件,设置的maxlength也无效,看elements之后发现渲染出一个input,maxlength=46,我要怎么处理呢?

flyio替换wx.request

初步使用flyio.js替换了wx.request,在使用async/await的时候必须在每个.wx文件中写入import regeneratorRuntime from 'regenerator-runtime'。有没有办法统一配置?

VS 安装后项目启动报错

请教大家,安装VS与相关插件后 ,启动 TouchUI 项目报错

/C:/Program Files/Microsoft VS Code/resources/app/out/vs/workbench/workbench.main.js:2255
扩展宿主意外终止。
e.onDidNotificationChange @ /C:/Program Files/Microsoft VS Code/resources/app/out/vs/workbench/workbench.main.js:2255

不知道需要如何处理

入坑新手

TouchUI没有熟悉标签前最好不要用来正式开发,会很慢,而且有很多标签不能在同一个view标签下。上手后,框架还是很强大的,基本上项目上用到的都有了。

创建touchui项目,运行报错

1、新建项目
2、右键->编译并启动开发服务
3、报错如下
[log] error in ./src/app.ui

Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
at Object.pitch (/Users/zhuzhe/.vscode/extensions/UILeader.vstouchuifree-1.4.3/node_modules/extract-text-webpack-plugin/dist/loader.js:57:11)

@ ./src/app.ui 2:2-580
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

ui-table 动态数据示例设置固定列后引起的问题

修改文件:touchui/pages/componentDemo/table3.ui 中的第一列为固定列之后:
{ name: 'id', display: '编号', sort: true, width: '64', align: 'center', headerAlign: 'center', fixed : 'left' }
编号这一列会显示两次,并且会无限请求设置的Url。

touchWX ->row&col 设置高度或宽度的bug

touchWX ->row&col 设置 其width 或 height 时,无法设置其单位为rpx,编译后的代码会在原来设定值的后面默认加上‘Px’,这导致在手机上和平板上展示效果出现差异。不知道是我用法有问题,还是上述的该完善,哈哈。由于个人项目代码已经个更改了,无法提供截图了,抱歉。

width [Number, String]
height [Number, String]

How i can add slot in calendar

Can Calendar support slot or format function, that can make some tips in everyDate? Just like "Rain" in 1, "Sunny" in 2.

日历是否支持slot呢,我想通过slot或者foramt函数,使每个日子底下都能添加自定义文字。例如,1号“可预约”,2号“已满”等等。

ui-v-tab使用反馈

<ui-v-tab wx:for="{{ tabItems }}">
    {{ item.name }}
</ui-v-tab>

里面的tabItems 默认为空数组,然后通过setData来设置的话,会报错

thirdScriptError
Cannot read property 'setData' of undefined; [Component] Lifetime Method Error @ packages/touchui-wx-components/ui-v-tabs/dist/index#ready
TypeError: Cannot read property 'setData' of undefined
    at r._initChildActive (http://127.0.0.1:39865/appservice/packages/touchui-wx-components/ui-v-tabs/dist/index.js:87:46)
    at r._init (http://127.0.0.1:39865/appservice/packages/touchui-wx-components/ui-v-tabs/dist/index.js:75:12)
    at ready (http://127.0.0.1:39865/appservice/packages/touchui-wx-components/ui-v-tabs/dist/index.js:68:10)
    at r.safeCallback (http://127.0.0.1:39865/appservice/__dev__/WAService.js:14:1544)
    at r.call (http://127.0.0.1:39865/appservice/__dev__/WAService.js:14:1308)
    at i.p.triggerLifeTime (http://127.0.0.1:39865/appservice/__dev__/WAService.js:15:7042)
    at http://127.0.0.1:39865/appservice/__dev__/WAService.js:16:8418
    at d (http://127.0.0.1:39865/appservice/__dev__/WAService.js:16:10639)
    at a (http://127.0.0.1:39865/appservice/appservice?t=1529139472121:1120:9472)
    at e.registerCallback (http://127.0.0.1:39865/appservice/appservice?t=1529139472121:1120:9659)

通过断点发现是因为没有找到节点,具体怎么解决尚不清楚

文档里面H5转小程序示例

我下载那个示例,根据步骤转成小程序,样式全是乱的,标尺也不能滑动,是不是什么插件、开发工具版本的问题?

Vetur 和 Vetur E

二者是否不能共存?我同时安装了两个,总是提示命令注册失败。

ui-image Invalid prop: type check failed for prop "src,ui-image src属性是不是没封装好

[Vue warn]: Invalid prop: type check failed for prop "src". Expected String, got Array.

found in

--->

at touchui\dist\core\elements\tap-effect\index.vue




at C:\Users\WhatsHack.vscode\extensions\uileader.vstouchui-1.5.2\node_modules\touchui-pack\src\pages\trainers.ui
at C:\Users\WhatsHack.vscode\extensions\uileader.vstouchui-1.5.2\node_modules\touchui-pack\src\tabs\dev\tab-e04fe42.ui

at C:\Users\WhatsHack.vscode\extensions\uileader.vstouchui-1.5.2\node_modules\touchui-pack\src\app.ui

感觉吧

1,创建方式很奇怪,为什么只支持,vscode?不支持 cli init 的方式?
2,ui文件后缀,这个是vue做的,那就vue就行了吧?搞这个有什么意义?
3,npm script 不好用么?非要这么标新立异么?

心得体会,入坑需谨慎,尤其正式项目,任性请随意...

vscode下会让你卸载vetur,然后安装vetur E,然后独自一个霸占你的工作区,不仅如此,开发过程中会导致vscode呈现死机状态,windows下可能死机可能几秒,linux下会死机大概几十秒,框架内各种问题就不一一赘述了,各位有兴趣慢慢体验吧,如果不想用了还存在问题,请卸载vetur E以及touchui,安装vetur,这样就不会影响你原来的vue开发了

如何结合CI进行自动化编译?

是这么操作么?

var touchuiPack = require('touchui-pack')
touchuiPack.build.start(function () {
  // callback
})

如果不是,还是请提供CLI的命令行方式

关于文档

希望文档中的组件 能够直接使用,不是用类似图片的, 这样不太直观。UI很漂亮 点个赞。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.