228 lines
6.2 KiB
HTML
228 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
<title>知识详情</title>
|
||
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
|
||
<!-- vue -->
|
||
<!-- 引入样式 -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.1/lib/index.css">
|
||
<!-- 引入组件 -->
|
||
<script src="../apps/com.actionsoft.apps.kms/js/vue/vue2.6.10.min.js"></script>
|
||
<script src="../apps/com.actionsoft.apps.kms/js/vue/vant2.0.9.min.js"></script>
|
||
<script src="../commons/js/aws.mobile.api.js"></script>
|
||
|
||
<!--自定义-->
|
||
<link rel="stylesheet" href="../apps/com.actionsoft.apps.kms/css/mobile/com.actionsoft.apps.kms.mobile.file.details.css">
|
||
<script src="../apps/com.actionsoft.apps.kms/js/mobile/com.actionsoft.apps.kms.mobile.file.details.js"></script>
|
||
|
||
<script>
|
||
var sid = "<#sid>";
|
||
</script>
|
||
|
||
</head>
|
||
<body>
|
||
<div id="app">
|
||
<div>
|
||
<!--顶部nav-->
|
||
<div>
|
||
<van-nav-bar
|
||
title="知识详情"
|
||
left-arrow
|
||
@click-left="onClickLeft"
|
||
@click-right="onClickRight"
|
||
>
|
||
<van-icon id="top_detail_nav" name="wap-nav" slot="right" @click="showPopup"/>
|
||
</van-nav-bar>
|
||
|
||
<van-popup
|
||
v-model="show"
|
||
position="top"
|
||
:style="{ height: '24%',top: '33px',width: '50%',left: '45%' }"
|
||
>
|
||
<div><van-cell title="邀请阅读" icon="smile-o"/></div>
|
||
<div><van-cell title="收藏" icon="like-o"/></div>
|
||
<div><van-cell title="反馈" icon="volume-o"/></div>
|
||
</van-popup>
|
||
|
||
</div>
|
||
|
||
|
||
<!--文件概述-->
|
||
<div>
|
||
<van-cell-group>
|
||
<van-cell title="这里是文件名称.docx" label="这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息这里是文件描述信息" />
|
||
</van-cell-group>
|
||
</div>
|
||
|
||
|
||
<!--知识附件start-->
|
||
<div class="fileListPanel">
|
||
<div class="title_">知识附件</div>
|
||
<!--附件列表s-->
|
||
<div style="width:100%;">
|
||
<van-row>
|
||
<van-col span="2" offset="1">
|
||
<van-image style="padding-top: 10px;"
|
||
width="40"
|
||
height="45"
|
||
src="../apps/com.actionsoft.apps.kms/img/kms-card.png"
|
||
/>
|
||
</van-col>
|
||
<van-col span="20" offset="1">
|
||
<div class="fileInfo">
|
||
<div class="fileName">这里是文件名称.doc</div>
|
||
<div class="creater">管理员</div>
|
||
<div class="downNum">下载次数：21次 | 9.12k</div>
|
||
<div class="createTime">2019-11-18 17:20</div>
|
||
</div>
|
||
</van-col>
|
||
</van-row>
|
||
<van-divider class="nofulldivider"/>
|
||
</div>
|
||
<!--附件列表e-->
|
||
<!--附件列表s-->
|
||
<div style="width:100%;">
|
||
<van-row>
|
||
<van-col span="2" offset="1">
|
||
<van-image style="padding-top: 10px;"
|
||
width="40"
|
||
height="45"
|
||
src="../apps/com.actionsoft.apps.kms/img/kms-card.png"
|
||
/>
|
||
</van-col>
|
||
<van-col span="20" offset="1">
|
||
<div class="fileInfo">
|
||
<div class="fileName">这里是文件名称.doc</div>
|
||
<div class="creater">管理员</div>
|
||
<div class="downNum">下载次数：21次 | 9.12k</div>
|
||
<div class="createTime">2019-11-18 17:20</div>
|
||
</div>
|
||
</van-col>
|
||
</van-row>
|
||
<van-divider class="nofulldivider" />
|
||
</div>
|
||
<!--附件列表e-->
|
||
</div>
|
||
<!--知识附件end-->
|
||
|
||
<!--评论人s-->
|
||
<div class="appraiserPanel">
|
||
<van-row>
|
||
<van-col span="2" offset="1">
|
||
<van-image style="padding-top: 12px;"
|
||
width="40"
|
||
height="38"
|
||
src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||
/>
|
||
</van-col>
|
||
<van-col span="20" offset="1">
|
||
<div class="appraiserInfo">
|
||
<div class="appraiserName">管理员</div>
|
||
<div class="appraiseCount">1128人评价</div>
|
||
<div class="appraiserDept">研发中心</div>
|
||
<div class="readNum">1128人浏览</div>
|
||
</div>
|
||
</van-col>
|
||
</van-row>
|
||
|
||
<div>
|
||
<van-row>
|
||
<van-col span="8"><div class="vantRowTitle">您的评价：</div></van-col>
|
||
<van-col span="16"> <van-rate v-model="value"/></van-col>
|
||
</van-row>
|
||
</div>
|
||
<van-divider />
|
||
</div>
|
||
<!--评论人e-->
|
||
|
||
|
||
<!--评论内容列表s-->
|
||
<div class="appraisePanel">
|
||
<van-row>
|
||
<van-col span="2" offset="1">
|
||
<div class="icon_right">
|
||
<van-image width="45"
|
||
height="45"
|
||
round="true"
|
||
fit="cover"
|
||
src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||
/>
|
||
</div>
|
||
</van-col>
|
||
<van-col span="20" offset="1">
|
||
<div class="appraise_info">
|
||
<div class="appraise_username">管理员</div>
|
||
<div class="appraise_creatime">2019-11-18 18:30:00</div>
|
||
<div class="appraise_content">
|
||
这里是评论信息这里是评论信息这里是评论信息这里是评论信息这里是评论信息
|
||
</div>
|
||
</div>
|
||
</van-col>
|
||
</van-row>
|
||
<van-divider class="nofulldivider" />
|
||
</div>
|
||
<div class="appraisePanel">
|
||
<van-row>
|
||
<van-col span="2" offset="1">
|
||
<div class="icon_right">
|
||
<van-image width="45"
|
||
height="45"
|
||
round="true"
|
||
fit="cover"
|
||
src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||
/>
|
||
</div>
|
||
</van-col>
|
||
<van-col span="20" offset="1">
|
||
<div class="appraise_info">
|
||
<div class="appraise_username">管理员</div>
|
||
<div class="appraise_creatime">2019-11-18 18:30:00</div>
|
||
<div class="appraise_content">
|
||
这里是评论信息这里是评论信息这里是评论信息这里是评论信息这里是评论信息
|
||
</div>
|
||
</div>
|
||
</van-col>
|
||
</van-row>
|
||
<van-divider class="nofulldivider" />
|
||
</div>
|
||
<!--评论内容列表e-->
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<script>
|
||
new Vue({
|
||
el: '#app',
|
||
data() {
|
||
return {
|
||
value: 3,
|
||
show: false
|
||
};
|
||
},
|
||
methods: {
|
||
onClickLeft() {
|
||
|
||
},
|
||
onClickRight() {
|
||
|
||
},
|
||
showPopup() {
|
||
this.show = true;
|
||
}
|
||
}
|
||
})
|
||
</script>
|
||
<style>
|
||
.noactive{
|
||
display: none;
|
||
}
|
||
</style>
|
||
</body>
|
||
</html>
|