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

text 文本

解釋：文本元素。

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

屬性說明

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

space 有效值

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

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 

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

設(shè)計指南

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

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

Bug & Tip

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

常見問題

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

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

代碼示例

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

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

在 WEB IDE 中打開

• SWAN
• CSS

 
 
 

  
  
  
  
  
  
 
  
  
  
 你
  
  
  
 好
  
  
  
 
  
  
  
 
 
 

網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：text文本
網(wǎng)站路徑：http://www.dlmjj.cn/article/ccesojg.html