NN2019090901/public/themes/default/weixin/goods/detail.html

<include file="weixin@block:header"/>
<!--<title>商品详情</title>-->
<link rel="stylesheet" href="/static/weixin/css/swiper.min.css?v={$version}">
<link rel="stylesheet" href="/static/weixin/css/goods-detail.css?v={$version}">
<div id="app" v-cloak>
    <header class="zyw-header">
        <div class="zyw-container white-color">
            <div class="head-l"><a href="/" target="_self"><img
                    src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
            <h1>商品详情</h1>
        </div>
    </header>
    <section class="zyw-container">
        <div class="swiper-container">
            <div class="swiper-wrapper" style="min-height: 15rem;">
                <div class="swiper-slide" v-for="(item,k) in info.albums">
                    <img :src="item.preview" onerror="javascript:this.src='/static/weixin/img/no-pic.png';" height="240">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" ></div>
        </div>
        <div class="weui-detail" >
            <div class="name" v-text="info.goods_name"></div>
            <div class="attr"><span class="price">{{info.score}}积分</span><span class="stock">剩余{{info.stock}}/份</span></div>
        </div>
        <div class="content">
            <div class="title"><span>详情</span></div>
            <div class="detail" v-html="info.description"></div>
        </div>
        <div class="weui-btn-area op">
            <a class="weui-btn weui-btn_default total">总计：<span v-text="info.score">0</span>积分</a>
            <a class="weui-btn weui-btn_default exchange" :href="'/weixin/order/exchangePay?id='+info.id">立即兑换</a>
        </div>
    </section>
</div>
<script src="/static/weixin/js/swiper.min.js?v={$version}"></script>
<script src="/static/weixin/js/goods-detail.js?v={$version}"></script>
<include file="weixin@block:footer"/>