微信小程序半屏弹窗组件中的滚动区margin问题

Question

在slot="desc"滚动区域，想设置两边的margin为20，即：margin: 0 20px。如果在scrollInfo-2层上设置，：此时会的情况是，左边有20px的边距，右边会向右移动至屏幕内，也就是看不见了，如图所示。

另：在scrollDesc-1 ， scrollDesc-1上无效，但如果在浏览器开发者工具区，找到scrollDesc-1编译后的代码设置是有效的。

如何解决？

   <mp-halfScreenDialog>
     <view slot="title">
        标题
     </view>
   <view slot="desc" class="scrollDesc-1">
      <scroll-view class="scrollInfo-2">
        <view class="scrollInfo-3">
        滚动内容
        </view>
      </scroll-view>
    </view>
    
    </mp-halfScreenDialog>

Answer 1

盲猜一波；
你内容scroll-view 没有设置宽度的原因，导致内容宽度默认为100%，你在设置margin由于内容宽度超出了外层的宽度，所以你只能看见左边的间距；
验证是不是这个原因引起的很简单，你可以先随便给scroll-view 设置宽度 比如 80 %； 设置margin： 0 auto; 看看能否居中显示就可以了。 （为了防止意外，scrollDesc-1 设置宽度 100vw）