在微信小程序中让文本按照原格式显示

参考文档

CSS white-space 属性
微信小程序视图容器view中控制文本显示方式

使用示例

就是添加样式 white-space:pre-line

<scroll-view
      class="ph-50 mt-26 scroll_H fs-28 black"
      scroll-y
    >
      <view style="white-space:pre-line">
        首诊患者:请至“就诊卡”界面“新建就诊卡”,按提示填写个人信息,24小时内将以短信形式告知审核结果。审核通过后请至“就诊卡”界面“绑定就诊卡”,即可使用相关功能。
        复诊患者:请至“就诊卡”界面“绑定就诊卡”,即可使用各项功能
      </view>
    </scroll-view>
    <view class="button-wrap width-full ph-54 mt-60">
      <nhos-button
        bind:click="confirmTap"
        disabled="{{false}}"
        round="{{true}}"
        style="height:80rpx;font-size:28rpx;"
        type="primary"
      >确认提交预约挂号</nhos-button>
    </view>
<!--
//style 
.scroll_H {
  display: inline-block;
  max-height: 400rpx;
  box-sizing: border-box;
}
-->

效果图

在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值