ZLPMS/PMS.WebUI/Views/MobileProblem/NoticesDetail.cshtml


@{
    ViewBag.Title = "NoticesDetail";
    Layout = "~/Views/MobileProblem/_APPMain.cshtml";
}
<link href="~/Content/Style/MobileProductRegist/ProblemDeatail.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/mui/css/mui.imageviewer.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/mui/js/mui.zoom.js"></script>
<script src="~/Content/Scripts/plugins/mui/js/mui.previewimage.js"></script>
<style>
    .message-title {
        font-size: 16px;
        font-weight: 500;
        padding: 1rem 1rem;
    }

    .message-detail {
        font-size: 14px;
        padding: 1rem 1rem;
        display:inline-block
    }

    .message-person {
        font-size: 12px;
        padding: 0 1rem;
        color: #adadb5;
    }
    .mui-content{
        background-color:white
    }
    div{
        word-wrap: break-word; word-break: break-all;
    }
    p{
        word-wrap: break-word; word-break: break-all;
    }
</style>

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#ffffff"></a>
    <h1 class="mui-title" style="color:white">公告详细</h1>
</header>
<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
    <div class="mui-scroll">
        <div style="margin-top:10px">
            <div class="message-title" id="title">

            </div>
            <div class="message-person" id="Person">

            </div>
            <div class="message-detail" id="Detail">

            </div>
        </div>
    </div>
</div>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能

    });
    mui.previewImage();
    mui('.mui-scroll-wrapper').scroll();
    $.post('/Home/GetMessageDeatilById/@ViewBag.ID', function (data) {
        $("#title").html(data[0].标题);
        $("#Person").html(data[0].添加人 + "-" + data[0].发布时间);
        $("#Detail").html(data[0].内容);
        var s = $("#Detail").find("img");
        if (s) {
            s.attr('data-preview-src', '');
            s.attr('data-preview-group', '9');
            s.css('height', 'auto');
            s.css('width', '90%');
        }
    })
</script>