创意电子 发表于 2022-8-5 17:33:12

知头条xlmmapp





模板详细使用说明
1 模板安装时会合并下载xlmmapp触屏版管理插件 请在后台-应用-插件列表找到它安装并启用 (必须先启用) 2 模板安装后请在后台-界面-风格管理将xlmmapp手机触屏版勾选为默认3 后台-全局-手机版访问设置如下图设置4 后台-论坛-首页四格开启选择是,其他按自己需要来设置(这个并不是必须开启)经过以上设置后,模板可以投入使用,也不需要去修改任何文件,非常简单。特别说明一下管理插件里首页推荐页diy模块部分,这个是单独为首页预留的diy内部调用功能,您可以在此填入后台添加的内部调用模块至此详细的使用说明结束 DIY内部调用模块特别说明门户推荐幻灯片的调用后台-门户-模块管理 数据调用 模块分类选择帖子模块,然后添加调用弹出的编辑模块设置项按照下图设置、将里面代码替换为<section class=" home-slider-box" style="margin-top:5px">

<div class="slider-lists">

    <div class="swiper-wrapper">

   

       <a href="{url}"{target} class="swiper-slide"><img src="{pic}" width="{picwidth}" height="{picheight}" /> <span class="xlmmhmtit">{title}</span></a>

   

                        </div>

<div class="slider-nums flex swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>

</div>

</section>

<script type="text/javascript">

   var xlmmsw2num = $(".slider-lists .swiper-slide").size()

var xlmmsw2 = new Swiper('.slider-lists',{

       loop: true,

      autoplay: {

      delay: 4000,DisableOnInteraction : false,

   },

slidesPerView : 'auto',

loopedSlides :xlmmsw2num,

   pagination: {

      el: '.home-slider-box .swiper-pagination',

clickable: true,

type: 'fraction',

      },

    });

    </script>门户推荐图标导航的调用如下图添加HTML代码为<div class="kind white cl">

                              <a href="./">

                            <img src="template/xlmmapp/m-img/ficon/01.jpg" style="display: block;">

                <span>生活</span>

            </a>

                              <a href="./">

                            <img src="template/xlmmapp/m-img/ficon/02.jpg" style="display: block;">

                <span>互联网</span>

            </a>

                              <a href="./">

                            <img src="template/xlmmapp/m-img/ficon/03.png" style="display: block;">

                <span>职场</span>

            </a>

                              <a href="./">

                            <img src="template/xlmmapp/m-img/ficon/04.png" style="display: block;">

                <span>教育</span>

            </a>

                              <a href="./">

                            <img src="template/xlmmapp/m-img/ficon/05.png" style="display: block;">

                <span>楼市</span>

            </a>

            </div>门户资讯滚动的调用如下设置代码替换为<div class="xlmmhd1tit cl">

<span class="xlmmtithd1">知资讯</span>

<div class="xlmmggbs">

<ul class="swiper-wrapper">

   

    <li class="swiper-slide"> <a href="{url}"{target} class="xlmmhd1tita">{title}<em class="xlmmhd1titr">   {dateline}</em></a></li>

   

<ul>

</div>

</div>

<script type="text/javascript">

var xlmmggbs = new Swiper('.xlmmggbs',{

   direction: 'vertical',

       loop: true,

      autoplay: {

      delay: 6000,DisableOnInteraction : false,

   },

    });

    </script>门户资讯大标题+小标题的调用进入后台如下设置 代码替换为<div class="white cl" style=" padding:0 20px;margin-top:12px">

   <div class="xlmmmgdtit cl"> <a href="{url}"{target}>

      <h1>{title}</h1>

      <p>{summary}...</p>

      </a></div>

    <div class="xlmmmgdstit cl">

      <ul><li><i>{dateline}</i><a href="{url}"><span>[{forumname}]</span>{title}</a></li></ul>

    </div>

</div>模板添加好了,怎么在前台显示呢,我们可以看到每个模块都有内部调用选项我们以门户推荐幻灯片为例可以看到它的内部调用内容为<!--{block/4}-->,然后把它填在插件里就行
页: [1]
查看完整版本: 知头条xlmmapp