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

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
18559697016
Posts: 59

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

sumulate.png

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

1811726212118_.pic.jpg

代码如下:

daima.png

Tags:
xiaoqi
Posts: 4

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

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

18559697016
Posts: 59

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

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

Code: Select all

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