在后台添加新的产品/文章分类,如何在模板中显示产品列表/文章列表?如何调用分类?

2958次阅读

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

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>小程序的循环列表用 <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部分:

0 (1).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标签的属性;

本文由夫唯SEO特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

192期A班报名时间7月1日-7月15日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.179498 Second , 72 querys.