mirror of
https://gitee.com/koogua/course-tencent-cloud.git
synced 2025-06-30 14:14:55 +08:00
1.优化富文本内容显示样式
2.简化内容图片放大监听
This commit is contained in:
parent
8e618b5bc7
commit
17b7f64de7
@ -14,7 +14,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ answer.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',answer.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ answer.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ answer.content }}</div>
|
||||
</div>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
|
@ -25,7 +25,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ answer.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',answer.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ answer.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ answer.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
|
@ -17,7 +17,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ article.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',article.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ article.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ article.content }}</div>
|
||||
{% if article.tags %}
|
||||
<div class="tags">
|
||||
{% for item in article.tags %}
|
||||
|
@ -26,7 +26,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ article.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',article.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ article.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ article.content }}</div>
|
||||
{% if article.tags %}
|
||||
<div class="tags">
|
||||
{% for item in article.tags %}
|
||||
|
@ -15,7 +15,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ comment.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',comment.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ comment.content }}</div>
|
||||
<div class="content">{{ comment.content }}</div>
|
||||
</div>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
|
@ -24,7 +24,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ comment.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',comment.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ comment.content }}</div>
|
||||
<div class="content">{{ comment.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
|
@ -14,7 +14,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ question.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',question.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ question.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ question.content }}</div>
|
||||
{% if question.tags %}
|
||||
<div class="tags">
|
||||
{% for item in question.tags %}
|
||||
|
@ -25,7 +25,7 @@
|
||||
<span><a href="{{ owner_url }}" target="_blank">{{ question.owner.name }}</a></span>
|
||||
<span>{{ date('Y-m-d H:i:s',question.create_time) }}</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ question.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ question.content }}</div>
|
||||
{% if question.tags %}
|
||||
<div class="tags">
|
||||
{% for item in question.tags %}
|
||||
|
@ -55,7 +55,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="content ke-content">{{ article.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ article.content }}</div>
|
||||
{% if article.tags %}
|
||||
<div class="tags">
|
||||
{% for item in article.tags %}
|
||||
|
@ -23,7 +23,7 @@
|
||||
<div class="layout-content">
|
||||
<div class="article-info wrap">
|
||||
<div class="title">{{ chapter.title }}</div>
|
||||
<div class="content ke-content">
|
||||
<div class="content ke-content kg-zoom">
|
||||
{{ chapter.content }}
|
||||
</div>
|
||||
</div>
|
||||
|
@ -52,7 +52,7 @@
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div class="course-details ke-content">{{ course.details }}</div>
|
||||
<div class="course-details ke-content kg-zoom">{{ course.details }}</div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
{{ partial('course/show_catalog') }}
|
||||
|
@ -15,7 +15,7 @@
|
||||
<div class="layout-main">
|
||||
<div class="layout-content">
|
||||
<div class="page-info wrap">
|
||||
<div class="content ke-content">{{ help.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ help.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout-sidebar">
|
||||
|
@ -30,7 +30,7 @@
|
||||
<a href="{{ owner_url }}" target="_blank">{{ item.owner.name }}</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="content ke-content">{{ item.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ item.content }}</div>
|
||||
<div class="footer">
|
||||
<div class="left">
|
||||
<div class="column">
|
||||
|
@ -14,7 +14,7 @@
|
||||
<div class="layout-main">
|
||||
<div class="layout-content">
|
||||
<div class="page-info wrap">
|
||||
<div class="content ke-content">{{ page.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ page.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout-sidebar">
|
||||
|
@ -55,7 +55,7 @@
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">物品详情</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="gift-details ke-content">{{ gift.details }}</div>
|
||||
<div class="gift-details ke-content kg-zoom">{{ gift.details }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -53,7 +53,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="content ke-content">{{ question.content }}</div>
|
||||
<div class="content ke-content kg-zoom">{{ question.content }}</div>
|
||||
{% if question.tags %}
|
||||
<div class="tags">
|
||||
{% for item in question.tags %}
|
||||
|
@ -78,6 +78,11 @@
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.kg-zoom img {
|
||||
max-width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
|
@ -37,6 +37,10 @@
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.ke-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ke-content h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
@ -128,7 +128,7 @@ layui.use(['jquery', 'form', 'element', 'layer', 'helper'], function () {
|
||||
/**
|
||||
* 内容图片放大
|
||||
*/
|
||||
$('body').on('click', '.ke-content img,.kg-thumbs img', function () {
|
||||
$('body').on('click', '.kg-zoom img', function () {
|
||||
var width = $(window).width() * 0.8 + 'px';
|
||||
var height = $(window).height() * 0.8 + 'px';
|
||||
var src = $(this).attr('src');
|
||||
|
Loading…
x
Reference in New Issue
Block a user