150 lines
5.6 KiB
Plaintext
150 lines
5.6 KiB
Plaintext
@model WX.CRM.WEB.Controllers.StockPools.ArticleModel
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport"
|
||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<title>Document</title>
|
||
<!-- 框架样式 -->
|
||
<link rel="stylesheet" href="~/Scripts/stockpool/css/reset.css" />
|
||
<link rel="stylesheet" href="~/Scripts/stockpool/css/index.css" />
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css" />
|
||
<!-- <link rel="stylesheet" href="//cdn.staticfile.org/element-ui/2.15.6/theme-chalk/index.min.css" /> -->
|
||
<!-- 私有 -->
|
||
<link rel="stylesheet" href="~/Scripts/stockpool/css/index.css" />
|
||
<!-- 引入js框架 -->
|
||
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/vant@2.9/lib/vant.min.js"></script>
|
||
|
||
<script src="//img.cdn.dn8188.com/code/vue.js"></script>
|
||
|
||
<!-- 通用js方法 -->
|
||
<script src="~/Scripts/stockpool/js/axios.min.js"></script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app">
|
||
<div class="main-content">
|
||
<div class="title">
|
||
<img class="avatar" :src='res.lecturer.avatar' />
|
||
<div class="introduce">
|
||
<div class="name"><span> {{res.lecturer.name}}</span></div>
|
||
<div>
|
||
<span class="time"> {{createdAt}}</span>
|
||
<span class="position">{{res.lecturer.title}}：{{res.lecturer.realName}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<span class="pointTitle" v-if="res.contentType == 2">
|
||
{{res.title}}
|
||
</span>
|
||
<div class="articleContent">
|
||
<template>
|
||
|
||
<p v-if="res.isPicture == 1">
|
||
<img style="width:100%" :src='res.content' />
|
||
</p>
|
||
<p v-else ="res.charge != 1" v-html="res.content"></p>
|
||
<!-- vip展示 -->
|
||
<p v-else="res.charge == 1 && res.contentType == 1" v-html="res.pointContent"></p>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div>
|
||
以上内容有投资顾问 {{ res.lecturer.realName }}（执业编号:{{ res.lecturer.practiceNo}}）编辑、审核、发布、仅供学习交流、不作为投资依据、据此操作风险自担。过往业绩不代表未来表现，模拟业绩不代表实际表现。故事有风险，投资需谨慎
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|
||
<script>
|
||
window.onload = function () {
|
||
var app = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
res: {
|
||
"contentType": 2,
|
||
"title": "",
|
||
"content": "",
|
||
"pointContent": null,
|
||
"blocked": true,
|
||
"publishedAt": 1660805573000,
|
||
"createdAt": 1660805573000,
|
||
"charge": false,
|
||
"isPicture":false,
|
||
"lecturer": {
|
||
"lecturerId": 948,
|
||
"name": "",
|
||
"realName": "",
|
||
"title": "普通讲师",
|
||
"practiceNo": "",
|
||
"avatar": ""
|
||
}
|
||
}
|
||
},
|
||
mounted() {
|
||
this.getData()
|
||
},
|
||
computed: {
|
||
createdAt() {
|
||
|
||
var date = new Date(this.res.createdAt);
|
||
|
||
|
||
|
||
Y = date.getFullYear() + '-';
|
||
M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
||
D = date.getDate() + ' ';
|
||
h = date.getHours() + ':';
|
||
m = date.getMinutes()
|
||
return M + D + h + m;
|
||
}
|
||
},
|
||
methods: {
|
||
// 获取jsonData
|
||
getData() {
|
||
var _that = this;
|
||
// 接口地址
|
||
let url = `/StockPools/getData`
|
||
axios.get(url, {
|
||
params: {
|
||
ID: @Model.Id || ''
|
||
}
|
||
})
|
||
.then(function (res) {
|
||
debugger
|
||
_that.res = res.data
|
||
})
|
||
.catch(function (error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
<script type="text/javascript">
|
||
var fontSize = 100
|
||
; (function (doc, win) {
|
||
var docEl = doc.documentElement,
|
||
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
|
||
recalc = function () {
|
||
var clientWidth = docEl.clientWidth
|
||
if (!clientWidth) return
|
||
if (clientWidth > 750) clientWidth = 750
|
||
docEl.style.fontSize = 50 * (clientWidth / 375) + 'px'
|
||
fontSize = 50 * (clientWidth / 375)
|
||
}
|
||
if (!doc.addEventListener) return
|
||
win.addEventListener(resizeEvt, recalc, false)
|
||
doc.addEventListener('DOMContentLoaded', recalc, false)
|
||
})(document, window)
|
||
</script> |