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

2971次閱讀

調(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}}"用來(lái)調(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={ }的大括號(hào)內(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)用幻燈片,幻燈片就沒(méi)有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)簽的屬性;

本文由夫唯團(tuán)隊(duì)編輯,如發(fā)現(xiàn)錯(cuò)誤,歡迎通過(guò)客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動(dòng)Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo):讓大家獨(dú)立站出海不再“望洋興嘆”。

国产综合亚洲欧洲区精品无码,欧美一级免费一区二区,精品一级片高清无码,亚洲成片在线无码看 www.sucaiwu.net
Processed in 1.204881 Second , 561 querys.