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

text 文本

解釋：文本元素。

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

屬性說(shuō)明

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

space 有效值

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

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開(kāi)

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 

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

設(shè)計(jì)指南

字號(hào)：?jiǎn)蝹€(gè)模塊字號(hào)選擇不建議超過(guò) 3 種。常用場(chǎng)景字號(hào)建議請(qǐng)參考閱讀排版。

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

Bug & Tip

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

常見(jiàn)問(wèn)題

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

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

代碼示例

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

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

在 WEB IDE 中打開(kāi)

• SWAN
• CSS

 
 
 

  
  
  
  
  
  
 
  
  
  
 你
  
  
  
 好
  
  
  
 
  
  
  
 
 
 

標(biāo)題名稱(chēng)：創(chuàng)新互聯(lián)百度小程序教程：text文本
分享URL：http://www.fisionsoft.com.cn/article/ccesojg.html