www.lightcourse.com/app/home/view/default/mall/article/article_show.html

{include file='default/base/mall_top'/}

{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/blog.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/share.min.css">
<style>
    .social-share .icon-wechat .wechat-qrcode{
        height:195px;
        top:-215px;

    }
    .social-share .icon-wechat .wechat-qrcode .help p{
        font-size: 0.6rem!important;
        line-height: 0.9rem!important;
        margin:auto;
        width: 70%;
        font-family: 'robotoLight'!important;
    }
    .social-share .icon-wechat .wechat-qrcode{
        box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
    }
    .social-share .icon-wechat .wechat-qrcode>h4{
        display: none;
    }
    .social-share .icon-wechat .wechat-qrcode img{
        margin-top:1rem;
        margin-bottom: 0.1rem;
        width: 114px;
    }
    .social-share .icon-wechat .wechat-qrcode:after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -12px;
        bottom: -23px;
        width: 0;
        height: 0;
        border-width:16px 12px 12px 12px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
    }
    .article-info p span{
        font-size: 0.9rem;
        color: #000;
        font-family: 'robotoLight'!important;
    }
    .blog .main-1 .sec-left .link p{
        font-size: 0.9rem;
        color: #000;
        font-family: 'robotoLight'!important;
    }
</style>
<div class="list-banner">
  <div class="main-center container">
    <div class="position">Position：Home > Blog> {$article.article_title}</div>
    <div class="content con1">
      <div class="left">
        <h2>LightCourse Blog</h2>
        <!-- <h3>博客</h3> -->
      </div>
    </div>
  </div>
</div>
<main class="blog-details">
  <section class="main-1">
    <div class="sec-container main-center">
      <div class="sec-left">
        <div class="article">
          <div class="article-tit">
            <h1>{$article.article_title}</h1>
            <div class="field">
              <span>Time: {:date('m/d/Y H:i',$article.article_time)}</span>
              <span>Author: LightCourse</span>
              <div class="share">
                <span><svg class="iconf" aria-hidden="true">
                    <use xlink:href="#icon-iconfontfenxiang"></use>
                  </svg>
                  <!-- {$article.article_show} -->
                </span>
                <div id="share-2" class="share-2"></div>
              </div>

            </div>
          </div>
          <div class="article-info">
            {:htmlspecialchars_decode($article.article_content)}

            <div class="share">
              <span><svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-iconfontfenxiang"></use>
                </svg>
                <!-- {$article.article_show} -->
              </span>
              <div id="share-2" class="share-2"></div>
            </div>
          </div>
        </div>
       <!-- <div class="comment">-->
        <!--  <form action="javascript:return false" class="form">
            <textarea name="comment" id="comment" required placeholder="Please Leave A Comment"></textarea>
            <div class="code-img">
               <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
              <div class="img">
                <img title="点击刷新" class="codeimg" src="" />
              </div>
            </div>
            <input type="submit" value="SUBMIT" />
          </form>-->

         <!-- <div class="comment-list">
            <h5>List (0)</h5>
            <div class="content">-->


              <!-- <div class="item">
                <div class="i"><img src="[comment:headpic]" alt="" /></div>
                <div>
                  <h6>王同学</h6>
                  <div class="des">
                    这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容
                  </div>
                  <div class="time">
                    <span>
                      <i class="iconfont icon-shijian"></i>
                      2021-12-15 15:17:51
                    </span>
                    <span>
                      <i class="iconfont icon-eye"></i>
                      回复
                    </span>
                  </div>
                </div>
              </div>-->


         <!--   </div>
          </div>-->
       <!-- </div>-->
      </div>
     <!-- <div class="sec-right">
        <aside class="side-search">
          <form action="" class="form">
            <i class="iconfont icon-search"></i>
            <input type="text" placeholder="Please enter keywords">
          </form>
        </aside>
        <aside class="side-blog">
          <div class="keywords">
            <a href="">Modern Art</a>
            <a href="">Design</a>
            <a href="">Two Dimensional Design</a>
            <a href="">Three Dimensional Design</a>
            <a href="">Intruductory Drawing</a>
          </div>
          <div class="list">


            {notempty name="new_article_list"}
            {foreach name="new_article_list" item="a"}
            <a href="" class="link">
              <div>
                <h6>{$a.article_title}</h6>
                  <span>{:date('Y-m-d H:i',$a.article_time)}</span>
              </div>
              <p>{:date('m/d/Y H:i',$a.article_time)}</p>
            </a>
            {/foreach}
            {/notempty}


          </div>
        </aside>
      </div>-->
    </div>
  </section>
</main>


{/block}

{include file='default/base/mall_footer'/}
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.share.min.js"></script>
<script>
  $('.share-2').share({ sites: ['wechat', 'linkedin', 'facebook', 'twitter', 'google'] });

</script>