zyedu/application/wap/view/first/article/news_detail.html

<!-- +---------------------------------------------------------------------- -->
<!-- | CRMEB [ CRMEB赋能开发者，助力企业发展 ] -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Copyright (c) 2016～2022 https://www.crmeb.com All rights reserved. -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权 -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Author: CRMEB Team <admin@crmeb.com> -->
<!-- +---------------------------------------------------------------------- -->
{extend name="public/container"}
{block name="title"}经典案例详情{/block}
{block name="content"}
<div v-cloak id="app">
    <div class="news-detail-page">
        <div class="title">{{ articleDetails.title }}</div>
        <div class="wrap">
             <div class="type" v-for="item in articleDetails.label">{{item}}</div>
            <div class="time">
                <span class="iconfont iconshijian11"></span>{{ articleDetails.add_time }}
            </div>
            <div class="browse">
                <span class="iconfont iconliulanliang"></span>{{ articleDetails.visit}}
            </div>
        </div>
        <div class="detail" v-html="articleDetails.content"></div>
    </div>
    <quick-menu></quick-menu>
</div>
<script>
    var id={$id};
    window.overallShare = false;
    require(['vue', 'helper', 'store', 'quick'], function(Vue, $h, api) {
        var isWeChat = '{$isWechat}';
        var uid = "{$uid}" || 0;
        new Vue({
            el: '#app',
            data: {
                articleDetails:{},
                id:id
            },
            filters: {
                format: function (value) {
                    if (value) {
                        return value;
                    } else {
                        return 0;
                    }
                }
            },
            created: function () {
                var vm = this;
                this.getArticleDetails();
                if (isWeChat) {
                    mapleWx($jssdk(), function () {
                        this.onMenuShareAll({
                            title: vm.articleDetails.title,
                            desc: vm.articleDetails.synopsis,
                            imgUrl: vm.articleDetails.image_input,
                            link: window.location.href + (window.location.search ? '&' : '?') + 'spread_uid=' + uid
                        });
                    });
                }
            },
            methods: {
                getArticleDetails: function () {
                    var that = this;
                    if (that.loading || that.finished) {
                        return;
                    }
                    that.loading = true;
                    $h.loadFFF();
                    api.baseGet($h.U({
                        c: 'article',
                        a: 'articleDetails',
                        q: {
                            id: that.id
                        }
                    }), function (res) {
                       that.articleDetails= res.data.data;
                        $h.loadClear();
                    }, function (err) {
                        $h.loadClear();
                    });
                }
            }
        });
    });
</script>
{/block}