TouchUI是一套高质量移动端UI框架。基于vue.js框架,我们精心打造了上百种的移动端UI组件,几乎囊括了开发移动应用的所有细节,真正实现拿来即用,像搭积木一样开发移动应用。
扫码访问
或点击这里用浏览器查看
在PC端打开时请开启chrome的手机浏览模式。
加下面的小助手微信进交流群。
Touch WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。还可以与Touch UI相互转换,实现开发一套代码,发布H5和微信小程序两种应用。
高质量移动端UI框架。官网:https://www.wetouch.net
TouchUI是一套高质量移动端UI框架。基于vue.js框架,我们精心打造了上百种的移动端UI组件,几乎囊括了开发移动应用的所有细节,真正实现拿来即用,像搭积木一样开发移动应用。
扫码访问
或点击这里用浏览器查看
在PC端打开时请开启chrome的手机浏览模式。
加下面的小助手微信进交流群。
Touch WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。还可以与Touch UI相互转换,实现开发一套代码,发布H5和微信小程序两种应用。
没有源码?没有开源?
安装了插件,在使用的时候对于ui- 和 ui: 均没有代码提示,如何解决?
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
请问怎么解决?谢谢
请问怎么获取sms-input 组件的输入内容,好像没有输入事件,设置的maxlength也无效,看elements之后发现渲染出一个input,maxlength=46,我要怎么处理呢?
初步使用flyio.js替换了wx.request,在使用async/await的时候必须在每个.wx文件中写入import regeneratorRuntime from 'regenerator-runtime'。有没有办法统一配置?
官方网站开发文档访问404
请教大家,安装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标签下。上手后,框架还是很强大的,基本上项目上用到的都有了。
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
有办法直接安装到wepy的项目中吗
修改文件:touchui/pages/componentDemo/table3.ui 中的第一列为固定列之后:
{ name: 'id', display: '编号', sort: true, width: '64', align: 'center', headerAlign: 'center', fixed : 'left' }
编号这一列会显示两次,并且会无限请求设置的Url。
想要mpvue结合,可以么
touchWX ->row&col 设置 其width 或 height 时,无法设置其单位为rpx,编译后的代码会在原来设定值的后面默认加上‘Px’,这导致在手机上和平板上展示效果出现差异。不知道是我用法有问题,还是上述的该完善,哈哈。由于个人项目代码已经个更改了,无法提供截图了,抱歉。
width | [Number, String] |
---|---|
height | [Number, String] |
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 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)
通过断点发现是因为没有找到节点,具体怎么解决尚不清楚
我下载那个示例,根据步骤转成小程序,样式全是乱的,标尺也不能滑动,是不是什么插件、开发工具版本的问题?
vscode安装插件后创建工程失败
每次报错时都要找半天,都没提示在哪个文件那一行,简直蛋疼
如题。感觉是一条可走的道路。组件齐全增加app开发能力,变成**版ionic
js 或模板中动态的 images 如何识别路径编译到小程序目录中,现在都报 404,有什么好的解决办法。
如何阻止 ui-popup 滚动
已经介绍给做外包的朋友!
可以在vue-cli脚手架中使用吗,要做服务端渲染应该怎么办呢?
二者是否不能共存?我同时安装了两个,总是提示命令注册失败。
想问两个问题
希望能够尽快收到回复,谢谢开发者。
please !
thanks!
[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 不好用么?非要这么标新立异么?
先创建vue项目在引入ui吗?
最屌的是开源了出来-。-
有一个问题就是,网站访问着好慢0.0
看文档说登录需要对密码做rsa加密,那么正常都是在https下传输,为什么要做二次加密呢,意义在哪里
如题,希望能在强大的组件库中加入可以用于图片裁剪的库,以便可以方便的进行头像剪裁等业务场景!
vscode下会让你卸载vetur,然后安装vetur E,然后独自一个霸占你的工作区,不仅如此,开发过程中会导致vscode呈现死机状态,windows下可能死机可能几秒,linux下会死机大概几十秒,框架内各种问题就不一一赘述了,各位有兴趣慢慢体验吧,如果不想用了还存在问题,请卸载vetur E以及touchui,安装vetur,这样就不会影响你原来的vue开发了
是这么操作么?
var touchuiPack = require('touchui-pack')
touchuiPack.build.start(function () {
// callback
})
如果不是,还是请提供CLI的命令行方式
这个ui组件库可以用在wepy框架么
希望文档中的组件 能够直接使用,不是用类似图片的, 这样不太直观。UI很漂亮 点个赞。
右键新建页面时,生成的app.json会把新建的页面放在第一个,影响了入口展示及tabbar的功能
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.