EEUI.APP EEUI.APP 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub - 模块 - adDialog广告弹窗 - ajax异步请求 - alert对话框 - caches缓存管理 - captcha验证弹窗 - keyboard键盘功能 - loading等待动画 - navigationBar标题栏 - navigator路由功能 - newPage页面功能 - openOtherApp打开其他APP - plate复制粘贴 - saveImage保存图片 - getImageSize图片尺寸 - scaner二维码扫描 - share文字图片分享 - storage数据储存 - system系统信息 - toast提示功能 - version版本相关 - weex模块 - animation - clipboard - dom - globalEvent - meta - setViewport - modal - picker - storage - stream - webview
    # # meta meta 模块可用于声明单个页面的元信息,通常是一些页面级别的配置,如容器的显示宽度 (viewport) 等。默认情况下,应用无需修改此配置。 # # API ## # setViewport Weex 容器默认的宽度 (viewport) 是 750px,通过 setViewport 方法可以改变页面的显示宽度,仅对当前页面生效。 #### # setViewport(options) - @options - width,number,具体数值或 "device-width""device-height" 宏。 - height,number,具体数据或 "device-width""device-height" 宏。 - roundOffDeviation 0.20.0+ & Android Only,表示layout引擎在布局时会忽略小数点导致的误差;若发现组件拼接处有缝隙,可以将 roundOffDeviation 设置为false,此时layout引擎将自动填补小数点误差,默认值为 true。 注意 - 需要注意的是:只有在页面渲染开始之前设置 viewport 才会生效。 也就是说,setViewport 方法只能在入口文件中使用,而且要在 new Vue(…) 之前调用;如果是在组件中使用,就只有在渲染到该组件的时候才会执行相应的代码,此时页面已经处于渲染过程中,设置 viewport 将不会再生效。 - 宽度和高度的单位默认是 px,暂不支持其他单位。 #### # 示例 入口文件:
    1. // entry.js
    2. import App from './app.vue';
    3. const meta = app.requireModule('meta');
    4. // 配置 viewport 的宽度为 640px
    5. meta.setViewport({
    6. width: 640,
    7. roundOffDeviation: false
    8. });
    9. App.el = '#root';
    10. new Vue(App);
    在入口文件中配置了 viewport 的宽度为 640 之后,当前页面中的所有组件都会以 640px 作为满屏宽度。 组件文件:
    1. <!— app.vue —>
    2. <template>
    3. <div>
    4. <div class="box750">
    5. <text class="text">750</text>
    6. <div class="box640">
    7. <text class="text">640</text>
    8. <div class="box480">
    9. <text class="text">480</text>
    10. </div>
    11. </div>
    12. </div>
    13. </div>
    14. </template>
    15. <style scoped>
    16. .box750 {
    17. width: 750px;
    18. height: 750px;
    19. background-color: #eeeeee;
    20. }
    21. .box640 {
    22. width: 640px;
    23. height: 640px;
    24. background-color: #cccccc;
    25. }
    26. .box480 {
    27. width: 480px;
    28. height: 480px;
    29. background-color: #aaaaaa;
    30. }
    31. .text {
    32. font-size: 50px;
    33. }
    34. </style>
    示例。(由于 http://dotwe.org 目前还不支持配置入口文件,例子中的效果暂时无法在线查看。) 本地开发环境的搭建可以参考:《搭建开发环境》在 GitHub 上编辑此页

    最后一次更新: 6/7/2019, 8:03:58 AM

    globalEvent modal