sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
    .menu .item p {
        font-size: 0.26rem;
    }

    .line1 {
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .article_title {
        display: flex;
        justify-content: center;
        font-size: .5rem;
        margin: .25rem;
        font-weight: 800;
    }

    .article_timedate {
        font-size: .3rem;
        margin: .1rem .2rem;
    }

    .clk_divider {
        border-top: 1px solid #DCDFE6;
        margin: 0 .2rem;
    }

    .article_content {
        padding: .2rem;
        font-size: .4rem
    }

    h1 {
        font-size: .4rem
    }

    h2 {
        font-size: .4rem
    }

    h3 {
        font-size: .4rem
    }

    h4 {
        font-size: .4rem
    }

    h5 {
        font-size: .4rem
    }

    p {
        font-size: .4rem
    }

    .article_content_title {
        font-weight: 800;
    }
    /*隐藏模板语法*/

    [v-cloak] {
        display: none;
    }
    .ql-align-center:nth-child(1) {
      display: none !important;
    }
</style>

<body>
    <div id="app">
        <div id="mescroll" style="position : fixed;height : 100%;overflow-y:scroll">
            <div v-cloak>
                <div class="article_title">
                    {{article.title}}
                </div>
                <!-- <div class="article_timedate">
                    {{article.createTime}}
                </div> -->
                <div class="clk_divider">
                </div>
                <div class="article_content">
                    <!-- <div class="article_content_title">
                        {{article.viceTitle}}
                    </div> -->
                    <div v-html="article.contentDetail">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    apiready = function() {
        new Vue({
            el: '#app',
            data: {
                token: '',
                userId: '',
                article: [],
            },
            methods: {
                init: function() {
                    // this.token = $api.getStorage('token');
                    this.manId = $api.getStorage('mainId');
                    this.getArticleM();
                },
                getArticleM: function() {
                    var data = {
                            // token: this.token,
                            "url": "json",
                            "type": "body",
                            "mainId": this.manId
                        },
                        _this = this;
                        this.$post('getOneDetails', data, function(ret) {
                        _this.article = ret.list;
                    })
                }
            },
            mounted: function() {
                this.init();
            }
        })
    }
</script>