支付寶小程序基礎(chǔ)組件 文本·Text

文本。

掃碼體驗(yàn)

示例代碼

<!-- API-DEMO page/component/text.axml -->
<view class="page">
  <view class="page-description">
    <view class="text-demo-title">
      <text class="text-demo-text">這是一段文本。\n<text>\</text><text>n</text> 可以換行。</text>
    </view>  
  </view>
  <view class="page-section">
    <view class="page-section-demo">
      <text>{{text}}</text>
    </view>
  </view>
</view>
// API-DEMO page/component/text.js
Page({
  data: {
    text: `支付寶是一個(gè)大型生活服務(wù)類的平臺(tái)，用戶群非常廣泛，上至五六十歲，下至十幾歲。
      這里不僅有官方自營應(yīng)用，還有第三方接入應(yīng)用，用戶的選擇很多。
      只有你的產(chǎn)品做得足夠簡單，才能讓更多的用戶使用。而更多人的使用，也意味著你更大的收益。\n\n:)
    `,
  },
});
/* API-DEMO page/component/text.acss */
.page {
  padding: 0;
}


.text-demo-title {
  margin-left: 30rpx;
  margin-top: 30rpx;
}


.text-demo-text {
  font-size: 36rpx;
}

屬性

space 有效值

說明： 各個(gè)操作系統(tǒng)的空格標(biāo)準(zhǔn)并不一致。