如上代码
2***@qq.com
- 发布：2023-10-10 10:09
- 更新：2023-10-10 10:09
- 阅读：301
产品分类： uniapp/小程序/阿里
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
第三方开发者工具版本号： 3.8.1
基础库版本号： 1.x
项目创建方式： HBuilderX
操作步骤：
预期结果：
正常响应宽高
正常响应宽高
实际结果：
宽高不生效
宽高不生效
bug描述：
其他3个平台（微信小程序，h5，安卓和iOS）都没问题，在支付宝中出现这个问题。
xml里给u-popup的slot设置内容：
<u-popup class="loading" v-model="showloading" mode="center" :mask="false" >
<view class="content">
<loadingbounce class="loadingbunce"></loadingbounce>
</view>
</u-popup>
设置样式：
.loading {
z-index: 99;
width: 100%;
height: 100%;
.content {
width: 100%;
height: 100%;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
.loadingbunce {
background-color: yellowgreen;
width: 100px;
height: 100px;
}
}
}上面在slot中的内容设置宽高都不生效，比如设置content和loadingbunce 的宽高没用。
u-popup源码里，u-drawer__scroll-view的宽高是没问题的，只有slot内容设置不生效。
<view class="u-mode-center-box" @tap.stop.prevent @touchmove.stop.prevent v-if="mode == 'center'" >
<u-icon
@click="close"
v-if="closeable"
class="u-close"
:class="['u-close--' + closeIconPos]"
:name="closeIcon"
:color="closeIconColor"
:size="closeIconSize"
></u-icon>
<scroll-view class="u-drawer__scroll-view" scroll-y="true">
<slot />
</scroll-view>
</view>
0 个回复