1
0
mirror of https://gitee.com/koogua/course-tencent-cloud.git synced 2025-06-30 06:11:38 +08:00

1.优化富文本内容显示样式

2.简化内容图片放大监听
This commit is contained in:
xiaochong0302 2024-06-01 16:27:15 +08:00
parent 8e618b5bc7
commit 17b7f64de7
19 changed files with 26 additions and 17 deletions

View File

@ -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">

View File

@ -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">

View File

@ -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 %}

View File

@ -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 %}

View File

@ -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">

View File

@ -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">

View File

@ -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 %}

View File

@ -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 %}

View File

@ -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 %}

View File

@ -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>

View File

@ -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') }}

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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>

View File

@ -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 %}

View File

@ -78,6 +78,11 @@
height: 100px;
}
.kg-zoom img {
max-width: 100%;
cursor: pointer;
}
.breadcrumb {
position: relative;
margin-bottom: 20px;

View File

@ -37,6 +37,10 @@
line-height: 1.8em;
}
.ke-content p:last-child {
margin-bottom: 0;
}
.ke-content h1 {
font-size: 2em;
}

View File

@ -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');