調(diào)用分類需要修改sawn和js文件,下面以監(jiān)控站為例,講解如何調(diào)類。
1、index.swan部分:
<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部分:
?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)簽的屬性;