Popup 弹出的内容区域只有设置 width 的一半 about incubator-weex-ui HOT 9 CLOSED

you can add this in your webpack.config.js weexteam/pack-create-for-Apache-Weex@ee820f3#diff-79e419d0157b98ec6be582b1b394d819

or you can update the weexpack to latest and again create it

Try it. If there is no problem, you can close this issue

from incubator-weex-ui.

i already add those code:

{
        test: /\.vue(\?[^?]+)?$/,
        use: [{
          loader: 'vue-loader',
          options: {
            /**
             * important! should use postTransformNode to add $processStyle for
             * inline style normalization.
             */
            compilerModules: [
              {
                postTransformNode: el => {
                  el.staticStyle = `$processStyle(${el.staticStyle})`
                  el.styleBinding = `$processStyle(${el.styleBinding})`
                }
              }
            ]
          }
        }]
      },

from incubator-weex-ui.

@caiyongmin Is that all right?

from incubator-weex-ui.

@tw93 nope, still have the problem.

from incubator-weex-ui.

我觉得问题不是出在这儿，扫仓库首页的二维码查看，也是有这样的问题。
左边弹出来的 popup 的宽度只有设置宽度(500)的一半(250)。

from incubator-weex-ui.

That should be correct , Because it's based on 750，The number you set should be in this ratio

from incubator-weex-ui.

确实是由于 设备像素比 的问题，transform: translateX(250px) 里面的值是 250px
但是 width: 500px 里面的值是 500px，感觉就有点奇怪，应该是 250px 才对。如果是 500px 的话，左边就有一大片空白需要用 padding-left 填充，不然就看不到设置的内容。

from incubator-weex-ui.

weex update weexpack

Recreate a project and replace it. do not forget

npm i

npm i babel-preset-stage-0 -D

and you can see it here https://github.com/tw93/weex-ui-with-toolkit

from incubator-weex-ui.

OK, thx! I'll check the webpack configuration to see what went wrong.

from incubator-weex-ui.