template/app/product_info.html

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrom=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>商品详情</title>
    <meta name="keywords" content="华易门店会员卡营销">
    <meta name="description" content="华易门店会员卡营销">
    <link href="__PUBLIC__static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/common.css" rel="stylesheet">
    <link href="__STATIC__swiper/swiper-4.2.2.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/product.css" rel="stylesheet">
    {include file="./template/common/app/wx_jssdk.html" /}
</head>

<body>
    <div class="wrapper">
        <div class="product-info">
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                       {foreach $row['carousel_urls'] as $key=>$item }
                       <div class="swiper-slide lazyload" data-original="__PUBLIC__{$item}"></div>
                       {/foreach}
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="info">
                <div class="title">{$row['name']}</div>
                <div class="price">¥{$row['price']}</div>
                <div class="line-block"></div>
                <div class="desc">
                    <div class="desc-title">商品详情</div>
                    <div class="content" style="padding:10px;">{$row['details']|raw}</div>
                </div>
            </div>
        </div>
        <!-- 返回顶部 -->
        <div id="goTop"><a href="javascript:void(0);" class="fa fa-angle-double-up fa-lg"></a></div>
        <!-- 返回顶部 -->
        {include file='footer' /}
    </div>
    <script src="__STATIC__jquery/jquery-3.2.1.min.js"></script>
    <script src="__STATIC__lazyload/lazyload.min.js"></script>
    <script src="__STATIC__swiper/swiper-4.2.2.min.js"></script>
    <script>
    //懒加载
    $(".lazyload").lazyload({
        threshold : 200, // 设置阀值
        effect : "fadeIn" // 设置图片渐入特效
    });
    //banner图轮播
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            autoplay: true,
后面还有 40 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。