在后臺添加新的產(chǎn)品/文章分類,如何在模板中顯示產(chǎn)品列表/文章列表?如何調(diào)用分類?

2965次閱讀

調(diào)用分類需要修改sawn和js文件,下面以監(jiān)控站為例,講解如何調(diào)類。

1、index.swan部分:

0.png

<view class="index-article-content">

? ? ? ? <block s-for="indexarticles">

? ? ? ? ? ? <navigator url="{{item.url}}" class="index-article-navigator">

? ? ? ? ? ? ? ? <view class="index-article-text">

? ? ? ? ? ? ? ? ? ? <view class="index-article-title">{{item.title}}</view>

? ? ? ? ? ? ? ? ? ? <view class="index-article-time">{{item.addtime}}</view>

? ? ? ? ? ? ? ? ? ? <view class="index-article-remark">{{item.remark}}</view>

? ? ? ? ? ? ? ? </view>

? ? ? ? ? ? </navigator>

? ? ? ? </block>

? ? </view>

<block s-for="indexarticle">……</block>小程序的循環(huán)列表用 <block>...</block>閉合標(biāo)簽包裹,s-for="indexarticle"的indexarticle可以自定義,也可以改為articles ;

<navigator url="{{item.url}}">……</navigator>navigator標(biāo)簽是指鏈接,相當(dāng)于網(wǎng)站的a標(biāo)簽。url="{{item.url}}"用來調(diào)用鏈接;

{{item.title}}:調(diào)用文章/產(chǎn)品標(biāo)題

{{item.addtime}}:調(diào)用發(fā)布的時(shí)間

{{item.remark}}:調(diào)用文章/產(chǎn)品的描述

2、index.js部分:

0 (1).png

?let tags = {

indexarticles: {

? ? ? ? tagname: "list_article",

? ? ? ? attrs: {

? ? ? ? ? row: 4,

? ? ? ? ? order: "id desc",

?cat_id: 6

? ? ? ? }

? ? ? },

其中, indexarticles:{}的所有內(nèi)容必須包括在 let tags={ }的大括號內(nèi)。

tagname: 這里調(diào)用標(biāo)簽名,list_article調(diào)用文章列表,list_product調(diào)用產(chǎn)品列表,list_category調(diào)用產(chǎn)品或文章分類;

attrs:{}:{}里的每一項(xiàng)表示表示該標(biāo)簽的屬性,填寫需要的屬性即可。不需要的不用填,比如 list_ad調(diào)用幻燈片,幻燈片就沒有cat_id等屬性;

row:調(diào)用的數(shù)量;

order:文章或產(chǎn)品的排列方式,id desc表示先排列最新的、id asc表示先排列最舊的,id view表示先排列熱門的,瀏覽最多的;

cat_id:分類,有文章分類也有產(chǎn)品分類,用在list_article或list_product;

id:id是list_category或list_ad標(biāo)簽的屬性;

本文由夫唯SEO特訓(xùn)營編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會互聯(lián)網(wǎng)技術(shù)。

  • 搜外會員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會員SEM競價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.116500 Second , 40 querys.