• page-feed 信息流模板
  • 示例
    • 圖片示例
    • 代碼示例
  • npm 依賴
  • Bug & Tip

page-feed 信息流模板

從開發(fā)者工具 v2.25.1-rc 版本開始支持。

解釋：信息流模板。包含下拉刷新、加載、多種信息流子項（純文本、左文右圖、大圖、多圖及視頻模式）。

示例

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例

• SWAN

 
 
 
  
  
  
  
  
  
 s-if="!showPageStatus"
  
  
  
 class="smt-feed pull-down-refresh"
  
  
  
 pull-to-refresh
  
  
  
 bind:refresh="onRefresh"
  
  
  
 bind:scrolltolower="scrollToLower"
  
  
  
 bind:scroll="scrollHandler"
  
  
  
 text="{{text}}"
  
  
  
>
  
  
  
 
  
  
  
 s-for="item in list"
  
  
  
 theme="{{item.theme}}"
  
  
  
 content="{{item.content}}"
  
  
  
 video="{{item.video}}"
  
  
  
 status="{{item.status}}"
  
  
  
 bindfeeditemtap="feedItemTap"
  
  
  
 >
  
  
  
 
  
  
  
 
  
  
  
  
  
  
 
  
  
  
 s-if="showPageStatus"
  
  
  
 class="content-loading"
  
  
  
 icon="{{loadingIcon}}"
  
  
  
 loading="{{loading}}"
  
  
  
 showBtn="{{loadingBtn}}"
  
  
  
 title="{{loadingTitle}}"
  
  
  
 loadingTitle="正在加載..."
  
  
  
 bind:smtreloading="reloadPage">
  
  
  
 
 

npm 依賴

Bug & Tip

• Tip：模板中使用的是測試數(shù)據(jù)，你需要從接口中獲取真實的數(shù)據(jù)。
• Tip：模板中內(nèi)置了部分?jǐn)?shù)據(jù)記錄，你可以定義自己需要記錄的數(shù)據(jù)。