cover-view中文字体显示不全?
发布于 6 年前 作者 ming36 412 次浏览 来自 官方Issues

使用了

position: fixed;

中文字体显示不全,最后会被裁剪

2 回复
<cover-view class="popupPage">
 <cover-view class="pop-ups">
   <cover-view class="pop-title pop-red">免费领取VIP试用资格</cover-view>
   <cover-view class="pop-title">解决使用中遇到的所有问题</cover-view>
   <cover-view>
     <cover-image class="pop-icon" src="https://cdn.topjoytec.com/ribbonIcon.png"></cover-image>
   </cover-view>
   <cover-view style="font-size:28rpx;font-family:PingFang SC;font-weight:400;color:rgba(102,102,102,1);margin-top: 11rpx">活动策划师</cover-view>
   <button class="pop-btn" open-type="contact" [@contact](/user/contact)="handleContact">点击回复‘2’添加</button>
   <cover-view class="pop-btn" style="border:2rpx solid rgba(255,51,51,1);background-color: #FFFFFF;color:rgba(255,51,51,1);" [@click](/user/click)="telePhoneConnection">电话联系</cover-view>
 </cover-view>
 <cover-image class="close" src="https://cdn.topjoytec.com/csClose.png" [@click](/user/click).stop="closeToast"></cover-image>
</cover-view>
.popupPage{
width: 100%;
 height: 100%;
 position: fixed;
 background: rgba(0,0,0,0.5);
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 99999;
}
.pop-ups{
position: absolute;
 left: 50%;
 top: 45%;
 transform: translate(-50%,-45%);
 width:530rpx;
 /*height:570rpx;*/
 background:rgba(255,255,255,1);
 border-radius:20rpx;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 40rpx 0 47rpx;
 box-sizing: border-box;
}
.pop-title{
font-size:32rpx;
 font-family:PingFang SC;
 font-weight:500;
 color:rgba(51,51,51,1);
 line-height:50rpx;
}
.pop-red{
font-size: 38rpx;
 color: #FF3333;
 font-weight:bold;
}

写个可复现问题的代码片段。

你提供的代码复制后是这样的。。。

回到顶部