移动端
一拳小和尚LXY
学而不思则罔
展开
-
Flutter for Web开发环境
搭建此开发环境前确保已经完成了Flutter的基础开发环境的搭建。 flutter channel master flutter upgrade flutter config --enable-web在项目目录下执行如下命令,重新初始化各端项目flutter create .Android studio上述命令执行完成后,在Android studio的运行选项就...原创 2019-10-29 20:25:01 · 730 阅读 · 0 评论 -
vue移动端ui框架收集
一、vonic(vue+ionic)https://github.com/wangdahoo/vonic组件精美丰富,但文档不是很全面。二、vuex(个人维护)基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。https://doc.vux.li/zh-CN/三、muse-ui基...原创 2019-04-22 17:04:48 · 185 阅读 · 0 评论 -
Weex实现炫酷的侧滑菜单效果
最近在在bindingX,使用bindingX结合weex手势可以比较轻松实现很炫酷的富交互效果,且性能很好,这里实现一个侧滑菜单的效果。weex中集成并使用bindingX看篇BindingX在weex中使用。老规矩,先上效果图侧滑菜单效果图侧滑组件源码:<!--侧滑菜单实现--><template> <div class="conta...原创 2019-05-14 19:14:17 · 1203 阅读 · 0 评论 -
weex实现带有跟手动画的tab栏
在weex开发的群中看到有人提到这个问题,就想着去实现以下,还不是很完美,只支持一屏的tab栏内容,后续会进行优化。2019-6-20 更新:已支持滚动跟手,可以超出屏幕。2019-6-23 更新:解决子元素包含滚动标签时无法滑动切换的问题。2019-6-25 更新:修复底部和指示器会超出屏幕的bug。效果图如下:组件源码:<template> &...原创 2019-05-20 18:51:26 · 1079 阅读 · 0 评论 -
H5移动端适配总结
近段时间以来在做微信公众号的H5开发,然而安装UI设计人员给出的尺寸在不同的移动端设备上的表现并不一致,并且在界面适配方面本以为只要在开发过程中尽量使用百分比和flex布局等就可以实现,然而在不同分辨率的手机上看到的效果并不让人满意,布局虽然没有很大的变化,但是字体和图片都出现了失真或者变形的情况。因此通过查阅资料,了解到两种屏幕适配的方案:1.通过对界面进行等比例缩放;2.使用rem单位进行...原创 2019-06-17 16:28:07 · 3865 阅读 · 0 评论 -
weex开发之动画实现方式的比较
1.css动画简单的动画,比如改变宽高,位置等,可以使用css动画实现,但是需要注意css动画的兼容性比较差,会出现在ios和android上奇怪的表现不一致。详细使用方法见weex官网的相关文档。使用方法:<style scoped> .panel { margin: 10px; top:10px; align-items: center;...原创 2019-06-23 18:25:23 · 2955 阅读 · 0 评论