点击list view中一行内容可以在combox中显示_在后台添加新的产品/文章分类,如何在模板中显示产品列表/文章列表?如何调用分类?...

调用分类需要修改sawn和js文件,下面以监控站为例,讲解如何调类。

1、index.swan部分:

67aad662c8f25cfb3ab107fd86043cdc.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>:小程序的循环列表用 <block>...</block>闭合标签包裹,s-for="indexarticle"的indexarticle可以自定义,也可以改为articles ;
<navigator url="{{item.url}}">……</navigator>:navigator标签是指链接,相当于网站的a标签。url="{{item.url}}"用来调用链接;
{{item.title}}:调用文章/产品标题
{{item.addtime}}:调用发布的时间
{{item.remark}}:调用文章/产品的描述

2、index.js部分:

d1696aa0953280a2937d5082468a906b.png


let tags = {
indexarticles: {
tagname: "list_article",
attrs: {
row: 4,
order: "id desc",
cat_id: 6
}
},

其中, indexarticles:{}的所有内容必须包括在 let tags={ }的大括号内。
tagname: 这里调用标签名,list_article调用文章列表,list_product调用产品列表,list_category调用产品或文章分类;

attrs:{}:{}里的每一项表示表示该标签的属性,填写需要的属性即可。不需要的不用填,比如 list_ad调用幻灯片,幻灯片就没有cat_id等属性;

row:调用的数量;

order:文章或产品的排列方式,id desc表示先排列最新的、id asc表示先排列最旧的,id view表示先排列热门的,浏览最多的;

cat_id:分类,有文章分类也有产品分类,用在list_article或list_product;

id:id是list_category或list_ad标签的属性;

以上就是《在后台添加新的产品/文章分类,如何在模板中显示产品列表/文章列表?如何调用分类?》的全部内容,感谢阅读,希望对你有帮助!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值