vum-team / vum Goto Github PK
View Code? Open in Web Editor NEWAn UI Framework build with Vue.js for mobile webapp
Home Page: http://getvum.com/
License: MIT License
An UI Framework build with Vue.js for mobile webapp
Home Page: http://getvum.com/
License: MIT License
还是要等vue2的版本出来才能用?
touchend时,inner如果也有.3s感觉会不错。
vue.esm.js?101b:476 [Vue warn]: "style" is a reserved attribute and cannot be used as component prop.
found in
vum/src/components/tab/Tab.vue
<page-content>
<list v-for="(item, index) in items" :key="item.id">
<list-item>
<div class="item-media"><img src="../assets/images/icon-list.png" width="30"></div>
<div class="item-content">
<div class="item-title-row">
<div class="item-title">{{item.name}}</div>
<div class="item-after">After</div>
</div>
</div>
</list-item>
</list>
</page-content>
side-panel组件测试,生成了多个overlay dom
有没有类似light7的Swipeout?
都是Vue + Weui
不知道和vux有什么区别和发展侧重点呢?
在demos中, babel 6版本下, Header 为 undefined? 不能用了吧
前提:
在component中
export default {
Header,
SecondHeader,
HeaderLink: Link,
HeaderTitle: Title,
SimpleHeader,
// for old version
Link,
Title
}
从主页->list页面正常,然后从list->detail页面以及返回都会记住list页面滚动的位置,但是从list页面回退到主页之后,继续从主页进list页面就会出现滚动条会出现在detail页面回退到list页面的位置(除非在返回的时候清空相应的session) @lihongxun945
ERROR Failed to compile with 1 errors 08:51:05
Module build failed: Error: No ESLint configuration found.
at getLocalConfig (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/config.js:162:35)
at Config.getConfig (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/config.js:260:26)
at processText (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/cli-engine.js:224:33)
at CLIEngine.executeOnText (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/cli-engine.js:754:26)
at lint (/www/vum/node_modules/_eslint-loader@1.9.0@eslint-loader/index.js:218:17)
at Object.module.exports (/www/vum/node_modules/_eslint-loader@1.9.0@eslint-loader/index.js:213:21)
You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
Listening at http://localhost:8080
报错呀。 这个怎么处理呀。
缺少picker组件,可惜,picker在您的JQ那框架里面很有用,vue的加个进去就完美了
何时发布呢?现在有文档地址么
我只想专心学一款好的,结果发现了f7,然后又发现了sui,.......最后到这了....
试试看能不能在项目里用的上,主要是混合开发内嵌页面用
原代码在chrome及chrome模拟器中均对鼠标无效,鼠标支持可以改用以下代码,e = e.changedTouches ? e.changedTouches[0] : e,直接使用e.pageX/e.pageY,另外鼠标还需要做mouseleave处理, 与mouseup相同
如果作者需要源码,我可以发给你。
1)页面同时有searchbar和scroll的时候,searchbar会挡住第一条数据,必须加个div的高度是1rem的时候,才会把数据顶下来;希望有searchbar的时候,整个searchbar是block的,scroll只会从searchbar的下边框开始显示,而不是从页面的顶部开始显示。
2)页面同时有searchbar和menu的时候,searchbar会挡住弹出menu的内容;我现在是弹出menu的时候,先隐藏searchbar,客户表示可以接受。
3)页面有searchbar和popup的时候,searchbar会干扰popup的显示,特别是全屏的时候;
searchbar不会影响slidepanel的弹出。
scroll组件,首次进入,内容区无内容, 底部loading依然显示
demo还原:
你的demo/scroll 把#list元素中所有的p删除,可复现bug
底部home等变成竖的了,list里面图片跟文字也是歪的
当scroll组件的scrollTop>0时,下拉至scrollTop=0的位置时会有个跳动,diff需要扣除初始scrollTop的偏移值才行。
我在android UC 和自带的浏览器中,按下inco没有任何反应
vue2.0出来了,vum当前版本是否支持,或有开发vum2.0版本不?
Slide控件初始化必须有至少一个slide节点, 同时, 如果希望动态变更(包括增加slide个数)的情况下, 只能显示初始化时的数目.
Android设备: 小米3
iOS设备: iphone6s
当页面滑动到最底部或者最上方,会有页面回弹效果,但是当回弹结束,急速滑动页面或者拉动页面使得浏览器的底部出现(如QQ浏览器出现已启用x5浏览服务),会使得整个浏览器的主体跟着滑动,而不是页面滑动,等待一会儿然后再轻轻的滑动页面,就可以正常了。
(使用的是iPhone测试的,手机上的浏览器都会有这个情况,特别是qq浏览器和微信)
把router路由页面 抽出来一个文件router.js 总是出现符号 空格等报错问题 请问大神在哪里改
在assets/images文件夹下新建图片文件夹 服务器报错 说不能处理 .//vue-loader/lib/template-compiler?{"id":"data-v-57330856"}!.//vue-loader/lib/selector.js?type=template&index=0!./src/views/flight/flight_cities.vue
Module not found: Error: Can't resolve '../../assets/images/tul/search.png' in 'E:\demo\VUE\vum-master\src\views\flight'
@ .//vue-loader/lib/template-compiler?{"id":"data-v-57330856"}!.//vue-loader/lib/selector.js?type=template&index=0!./src/views/flight/flight_cities.vue 40:13-58
@ ./src/views/flight/flight_cities.vue
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js
请问大神 这怎么解决?
可以和jquery weui 混用吗
如题,不更新的话就只能自己git checkout,另外,对应的分支里面的package.json里面缺main入口属性
用到每个组件都需要单独引入一次,很不方便
如何在main.js引入一次,各个组件都可以使用?
如题,jquery-weui的日历是可多选的,但是vum中貌似只能单选.
more info in branch upgrade-vue2
日历弹出的选择上点击星期会触发上边年的切换,周一触发年减少,周三触发增加,周四会触发年月,周五周日触发的是月份。看了下应该是设置了height:100%导致的,去掉这个高度100%就ok了应该
Hi All,
感谢大家对此项目的支持。
L7 的主要目标是用来做SPA,一般会是一个稍微大型一些的项目,而不是一个简单的类似活动页面之类的小项目。所以除了提供UI控件外,如何解决大型应用开发中遇到的问题其实也是L7应该关注的地方,但是基于 jQuery
这样轻量的库来实现的版本确实比较难完美解决如下的几个问题:
经过最近的调研,对比 Vue, Angular2, React
三个目前最火的前端框架,决定选用 Vue
来重写 L7 的JS部分,再借鉴 jQuery WeUI
, VUX
等UI库中的部分组件,完成一套新的UI框架,暂时命名为 VUI
。
以后会主要会维护这两个项目:
VUI
,基于Vue
, 重量级的UI框架,针对SPA大型项目,样式主要来源于 L7
(F7),以及一些优秀的其他开源项目。jQuery WeUI
, 基于 jQuery
开发,轻量的UI库,主要针对微信公众账号,样式大部分来自官方 WeUI
以及 L7
,有不少其他库没有的新组件。因为精力所限,L7
会逐步减少更新的次数,望大家谅解,但是此项目并不会关闭,所以已经用的童鞋也不必有太大担心。
肯定会有很多人问会jQuery用的好好的为什么要这么折腾?
jQuery 可能未来十年内都不会落伍,但是前端技术日新月异,无论 Vue, Angular, React
是不是未来的趋势,至少本阶段他们可以解决很多以前很难解决的问题,也很大程度上推进了前端的技术发展&开发效率。一个好的程序员应该能紧跟技术的发展,不能在一棵树上吊一辈子。我也在不断的摸索中,Vue 也许不是最佳选择,但至少是一个对大多数项目来说都非常棒的选择。
至少现在来看, Vue
能明显提升开发效率,在开发大型应用的时候也能很好地通过模块化组织来保证代码的可维护性。现在的前端开发重点已经不是样式和兼容性,而是如何构建大型的、高效的、可维护的应用。传统后端开发已经在这方面做得非常好了,前端还处在探索阶段,而 Vue
这一类的框架目前是做得最好的。
可能这类框架再过五年就会销声匿迹,被更新更好的框架取代,但是并不妨碍我们去研究和使用它。
为什么要重复造轮子?
可能还会有人问,已经有 Vux
这样的库了,为什么还要再造轮子呢?大概有以下几个原因:
Vue
的爱VUI 地址: https://github.com/lihongxun945/vui
更新:
因为已经有一个项目叫 VUI了,为了避免重名的麻烦,所以这个项目改名叫 vue-mobile
使用微信扫一扫二维码,进入示例网址后,点击Form,点击Textarea弹出输入法后,快速上下拖动界面,可以看到switch控件有滞后的bug。请了解
我平时都是这样用的
<link href="http://cdn.bootcss.com/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/jquery-weui/0.8.2/css/jquery-weui.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery-weui/0.8.2/js/jquery-weui.min.js"></script>
Vum能这样直接使用么?
light7项目,从首页进入到子页面没问题,如果直接通过url进入到子页面,就会显示不正常。希望VUI能考虑到这方面的处理。
当按手机的返回键时 页面返回后 又切换返回动画
Form示例页中邮箱的验证按钮文字显示不全, 只显示一个验
整体高度固定为窗口高度的话,在移动浏览器端不是很友好 ,像iphone safari浏览器 往下滚的时候不会隐藏浏览器的操作栏,顶部也不会变小~
import './demos/result'
其中 result
应该大写 Result
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.