Page 1 of 1

模拟器UI 远程模式 真机模式差别大

Posted: 2024年 Sep 13日 15:34
by 18559697016

模拟器UI 和 远程模式 代码生效,文字能居中。

sumulate.png

真机模式感觉代码没有生效, 文字没有居中,如下图:

1811726212118_.pic.jpg

代码如下:

daima.png

Re: 模拟器UI 远程模式 真机模式差别大

Posted: 2024年 Sep 13日 17:51
by xiaoqi

你好,针对你的问题是因为模拟环境做了样式隔离导致的
具体原理可以参考微信的 组件样式隔离
https://developers.weixin.qq.com/minipr ... -wxss.html
上面的问题只需要将所有class类前缀 .cell__ 去掉即可


Re: 模拟器UI 远程模式 真机模式差别大

Posted: 2024年 Sep 14日 09:03
by 18559697016

正解!!!
最终正确的设置如下:

Code: Select all

.dropdownMenu {
    .smart-dropdown-menu {
        height: 40px !important;
    }
    .smart-cell__title {
        align-items: center !important;
    }
    .smart-cell__value {
        display: none !important;
    }
}