
weex
gochanTao
good good study, day day up
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
weex 或 nvue 中如何将不同分辨率设计稿的 px 或者 dp 标注单位适配为宽为 750px 的标注
weex 项目中,将一个元素宽设为 750px,就代表宽占满屏幕宽度,不管是用什么分辨率的屏幕,weex 会根据基于 750 像素宽自动调整尺寸适应不同分辨率屏幕,根据这个可以得出不同分辨率设计稿转换成 weex 项目中的实际尺寸就可以这样计算:实际编写尺寸(px)= 设计稿标注尺寸(px)*( 750 / 设计稿宽 )假设设计稿是 1080*1920,标注一张图片宽 160px *100...原创 2019-04-11 18:45:50 · 2909 阅读 · 0 评论 -
在 weex 中定位元素超过容器边界,在 Android 下,超出部分将不可见
原因原因在于 Android 端元素 overflow 默认值为 hidden,但目前 Android 暂不支持设置 overflow: visible。解决办法不影响布局的情况下,将容器的高或宽加长到覆盖定位元素超出部分...原创 2019-05-07 11:36:39 · 1511 阅读 · 0 评论 -
weex 中如何设置 text 宽度自适应文本宽度
weex 中 text 组件目前还不支持自适应宽度,经过自己摸索,有两个方法可以尝试方法一:通过给 text 添加样式 {align-self: flex-start / center / flex-end},三个值看需求选,就可以实现宽度自适应方法二:通过给 text 的父级容器设置相对定位,然后给自己设置绝对定位,就可以实现宽度自适应...原创 2019-05-07 14:56:01 · 4089 阅读 · 0 评论 -
weex 中如何写一个全屏遮罩层
.mask { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color:rgba(0,0,0,0.2);}原创 2019-05-31 09:33:46 · 1220 阅读 · 0 评论 -
.nvue 转换成 vue 页面
将 nvue 的代码 copy 到 vue 页面将 nvue 独有的标签换成相对应的 vue 页面标签,比如 div --> view,slider --> swiper,还要加上 swiper-item,看具体用法css 中,将所有 px 直接换成 upx,测试过基本样式不变因为 weex 默认 div 是 flex 布局,且 flex-derection 值...原创 2019-05-31 19:19:26 · 5749 阅读 · 0 评论 -
uniapp 之 nvue 填坑之路 —— 在 ios 真机运行时在 page.json 下给 nvue 页面配置 pullToRefresh 下拉刷新会导致 app 卡死
在 ios 真机运行下,给 nvue 页面配置 pullToRefresh 会导致 app 卡死退出,其他情况正常,即 android 真机运行环境以及 vue 页面正常解决方法:去掉 nvue 页面的 pullToRefresh 配置即可...原创 2019-06-14 18:41:59 · 2489 阅读 · 0 评论 -
uniapp 之 nvue 填坑之路 —— 如何去掉 nvue 页面 ios 下拉刷新时自带的回弹效果
uniapp 文档有以下这句话,这句话是我向官方提了 bug 后加上去的.nvue 页面仅支持 titleNView 配置,其它配置项暂不支持其实 bounce 配置也起作用,只需要设置 “bounce”: “none”, 再加上 “enablePullDownRefresh”: false 或者不配置该项即可禁止掉 ios 下拉自带的回弹效果...原创 2019-06-14 18:50:39 · 6550 阅读 · 3 评论 -
uniapp 之 uniapp 填坑之路 —— 静态图片在 nvue 页面不显示,vue 页面正常
原因: nvue 页面不支持本地图片绝对路径,vue 都支持解决方法:只需要将绝对路径改为相对路径即可原创 2019-06-14 19:00:47 · 8194 阅读 · 0 评论