• text 文本
  • 屬性說明
    • space 有效值
  • 示例
    • 代碼示例
  • Bug & Tip
  • 常見問題
    • Q：使用兩個 text 組件，組件之間有間隙，在不同手機端偶現(xiàn)，影響部分用戶體驗的問題該如何解決？

text 文本

解釋：文本元素。

創(chuàng)新互聯(lián)公司是專業(yè)的千山網(wǎng)站建設公司，千山接單;提供網(wǎng)站制作、成都做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行千山網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

屬性說明

屬性名	類型	默認值	必填	說明	最低版本
space	String	false	否	顯示連續(xù)空格	-
selectable	Boolean	false（基礎庫 3.150.1 以前版本） true（基礎庫 3.150.1 及以后版本）	否	文本是否可選。true：可用于文本復制，粘貼，長按搜索等場景。3.150.1 以后版本只能通過字面量的方式設置，不支持變量	3.10.4 低版本請做兼容性處理

space 有效值

值	說明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根據(jù)字體設置的空格大小

示例

跳轉編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 默認
  
  
  
 selectable
  
  
  
 
  
  
  
 
  
  
  
 百度智能小程序(文本支持長按選擇)
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 設置顯示4個連續(xù)空格
  
  
  
 space
  
  
  
 
  
  
  
 
  
  
  
 {{text1}}
  
  
  
 {{text2}}
  
  
  
 {{text3}}
  
  
  
 
  
  
  
 
  
  
  
 
 
 

設計指南

字號：單個模塊字號選擇不建議超過 3 種。常用場景字號建議請參考閱讀排版。

顏色：常用場景文本顏色建議，主要信息 #000000 ，次要信息 #333333 ，輔助信息使用 #999999 ，附屬信息使用 #CCCCCC 。

Bug & Tip

• Tip：除了文本節(jié)點以外的其他節(jié)點都無法長按選中，支持復制，但不支持剪切。
• Tip：各個操作系統(tǒng)的空格標準并不一致。
• Tip：組件內只支持嵌套，注意被嵌套的 text 綁定事件無法觸發(fā)。
• Tip：基礎庫大于 3.160.6 時，space 和 selectable 屬性暫不支持通過space = "{{value}}"或selectable = "{{value}}"這種值綁定的方式賦值，建議通過字面量方式賦值，例如space = "nbsp"和selectable= "false"。

常見問題

Q：使用兩個 text 組件，組件之間有間隙，在不同手機端偶現(xiàn)，影響部分用戶體驗的問題該如何解決？

A：如果設置 inline-block 會出現(xiàn)間隙，建議父級元素使用font-size: 0，然后子元素再設置 font-size ，可以去除 inline-block 元素間間距。

代碼示例

在開發(fā)者工具中打開

在開發(fā)者工具中打開

在 WEB IDE 中打開

• SWAN
• CSS

 
 
 

  
  
  
  
  
  
 
  
  
  
 你
  
  
  
 好
  
  
  
 
  
  
  
 
 
 

網(wǎng)頁題目：創(chuàng)新互聯(lián)百度小程序教程：text文本
鏈接地址：http://uogjgqi.cn/article/ccesojg.html