收藏
回答

cover-view中文字体显示不全?

使用了

position: fixed;

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

最后一次编辑于  11-19
回答关注问题邀请回答
收藏

2 个回答

  • 稀饭你的笑
    稀饭你的笑
    11-19
    <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="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="telePhoneConnection">电话联系</cover-view>
     </cover-view>
     <cover-image class="close" src="https://cdn.topjoytec.com/csClose.png" @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;
    }


    11-19
    赞同
    回复 7
    查看更多(2)
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    11-19

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

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



    11-19
    赞同
    回复
问题标签