zhangqi
/
knowledge
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Browse Source

引入功能模板

pull/11/head
pengda 2 months ago
parent
f622ddd30b
commit
695a2a22a4
5 changed files with 163 additions and 188 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      view/js/index.js
  2. 4
      view/templates/include/footer.html
  3. 31
      view/templates/include/header.html
  4. 36
      view/templates/index/user_list.html
  5. 267
      view/templates/weibo/home.html

13
view/js/index.js
View File

@ -337,19 +337,6 @@ $(document).ready(function () {
} }
}); });
$('.dropdown-toggle').click(function () {
const dropdownPanel = document.querySelector('.dropdown-panel');
const icon = document.querySelector('.icon');
// 切换面板的显示/隐藏
if (dropdownPanel.style.display === 'block') {
dropdownPanel.style.display = 'none';
icon.classList.remove('rotate'); // 移除旋转效果
} else {
dropdownPanel.style.display = 'block';
icon.classList.add('rotate'); // 添加旋转效果
}
})
// 点击页面其他区域关闭面板 // 点击页面其他区域关闭面板
document.addEventListener('click', (event) => { document.addEventListener('click', (event) => {
const dropdown = document.querySelector('.dropdown'); const dropdown = document.querySelector('.dropdown');

4
view/templates/include/footer.html
View File

@ -0,0 +1,4 @@
<div class="leftSideFooterNew">
<p>Copyright &copy;2012-2025 .</p>
<p><span>All Rights Reserved</span> 底部随便写的</p>
</div>

31
view/templates/include/header.html
View File

@ -0,0 +1,31 @@
<div class="header-wrap">
<a href="/"><img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""></a>
<div class="header-right flex">
<img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
<div class="dropdown">
<button class="dropdown-toggle">
{$_user_info.nickname}
<img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
</button>
<div class="dropdown-panel">
<a href="/loginout">退出</a>
</div>
</div>
</div>
</div>
{literal}
<script>
$('.dropdown-toggle').click(function () {
const dropdownPanel = document.querySelector('.dropdown-panel');
const icon = document.querySelector('.icon');
// 切换面板的显示/隐藏
if (dropdownPanel.style.display === 'block') {
dropdownPanel.style.display = 'none';
icon.classList.remove('rotate'); // 移除旋转效果
} else {
dropdownPanel.style.display = 'block';
icon.classList.add('rotate'); // 添加旋转效果
}
})
</script>
{/literal}

36
view/templates/index/user_list.html
View File

@ -55,21 +55,8 @@
{/literal} {/literal}
<body> <body>
<div class="home-page"> <div class="home-page">
<div class="header-wrap"> {include file="include/header.html"}
<img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt="">
<div class="header-right flex">
<img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
<div class="dropdown">
<button class="dropdown-toggle">
{$_user_info.nickname}
<img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
</button>
<div class="dropdown-panel">
<a href="/loginout">退出</a>
</div>
</div>
</div>
</div>
<div class="home-main-content"> <div class="home-main-content">
<table> <table>
<caption>审核员列表</caption> <caption>审核员列表</caption>
@ -115,27 +102,12 @@
</table> </table>
{/if} {/if}
</div> </div>
<div class="leftSideFooterNew">
<p>Copyright &copy;2012-2025 .</p> {include file="include/footer.html"}
<p><span>All Rights Reserved</span> 底部随便写的</p>
</div>
</div> </div>
</body> </body>
{literal} {literal}
<script> <script>
$('.dropdown-toggle').click(function () {
const dropdownPanel = document.querySelector('.dropdown-panel');
const icon = document.querySelector('.icon');
// 切换面板的显示/隐藏
if (dropdownPanel.style.display === 'block') {
dropdownPanel.style.display = 'none';
icon.classList.remove('rotate'); // 移除旋转效果
} else {
dropdownPanel.style.display = 'block';
icon.classList.add('rotate'); // 添加旋转效果
}
})
$('.change-status').click(function (){ $('.change-status').click(function (){
var id = $(this).data('id'); var id = $(this).data('id');
var status = $(this).hasClass('button-danger') ? 0 : 1; var status = $(this).hasClass('button-danger') ? 0 : 1;

267
view/templates/weibo/home.html
View File

@ -12,173 +12,154 @@
<body> <body>
<div class="home-page"> <div class="home-page">
<div class="header-wrap"> {include file="include/header.html"}
<img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt="">
<div class="header-right flex">
<img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
<div class="dropdown">
<button class="dropdown-toggle">
{$_user_info.nickname}
<img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
</button>
<div class="dropdown-panel">
<a href="/loginout">退出</a>
</div>
</div>
</div>
</div>
<div class="home-main-content"> <div class="home-main-content">
<div class="home-main">
<div class="tab-list index-nav-wrap flex">
<ul class="tab-wrap">
<li class="index-nav-wrap-li" type="1"><span class="active">待审批</span></li>
<li class="index-nav-wrap-li" type="2"><span>已审批</span></li>
<li class="index-nav-wrap-li" type="3"><span>已删除</span></li>
</ul>
<button class="addNewBtn">
<img src="{$smarty.const.CSS_URL}/images/add.svg" alt="">新增自录入
</button>
</div>
<div class="home-main">
<div class="tab-list index-nav-wrap flex">
<ul class="tab-wrap">
<li class="index-nav-wrap-li" type="1"><span class="active">待审批</span></li>
<li class="index-nav-wrap-li" type="2"><span>已审批</span></li>
<li class="index-nav-wrap-li" type="3"><span>已删除</span></li>
</ul>
<button class="addNewBtn">
<img src="{$smarty.const.CSS_URL}/images/add.svg" alt="">新增自录入
</button>
</div>
<div class="list_all" id="data-list">
</div>
<div class="list_all" id="data-list">
</div>
<!-- 数据列表 -->
<!-- <ul id="data-list"></ul> -->
<!-- 数据列表 --> <!-- 分页控件 -->
<!-- <ul id="data-list"></ul> --> <div class="pagination hide">
<img id="prev-page" src="{$smarty.const.CSS_URL}/images/prev.svg" alt="">
<ul id="page-numbers"></ul>
<img id="next-page" src="{$smarty.const.CSS_URL}/images/next.svg" alt="">
<div class="input-page">
<span>前往</span>
<input type="number" id="jump-to-page" min="1" placeholder="页码">
<span>页</span>
</div>
<button id="go-to-page">跳转</button>
</div>
<!-- 分页控件 --> <!-- 放大后的图片容器 -->
<div class="pagination hide"> <div id="large-image-container">
<img id="prev-page" src="{$smarty.const.CSS_URL}/images/prev.svg" alt=""> <h2>预览</h2>
<ul id="page-numbers"></ul> <img id="large-image" src="{$smarty.const.CSS_URL}/images/viewimg1.png" alt="Large Image">
<img id="next-page" src="{$smarty.const.CSS_URL}/images/next.svg" alt=""> <span id="close-btn2">×</span>
<div class="input-page">
<span>前往</span>
<input type="number" id="jump-to-page" min="1" placeholder="页码">
<span>页</span>
</div> </div>
<button id="go-to-page">跳转</button>
</div>
<!-- 放大后的图片容器 --> <!-- 放大后的视频容器 -->
<div id="large-image-container"> <div id="large-video-container">
<h2>预览</h2> <video id="large-video" controls>
<img id="large-image" src="{$smarty.const.CSS_URL}/images/viewimg1.png" alt="Large Image"> <source id="large-viedo-url" src="" type="video/mp4">
<span id="close-btn2">×</span> Your browser does not support the video tag.
</div> </video>
<button id="close-btn">×</button>
</div>
<!-- 放大后的视频容器 --> <!-- 弹框 -->
<div id="large-video-container"> <div class="modal-overlay"></div>
<video id="large-video" controls> <div class="modal">
<source id="large-viedo-url" src="" type="video/mp4"> <div class="modal_top">
Your browser does not support the video tag. <b id="header_title">编辑</b>
</video> <img src="{$smarty.const.CSS_URL}/images/close_modal.svg" id="close_modal" alt="">
<button id="close-btn">×</button> </div>
</div>
<!-- 弹框 --> <div class="add-form">
<div class="modal-overlay"></div> <div class="form-item radio-form">
<div class="modal"> <input type="hidden" id="id" value="">
<div class="modal_top"> <div class="form-left">
<b id="header_title">编辑</b> 录入形式
<img src="{$smarty.const.CSS_URL}/images/close_modal.svg" id="close_modal" alt="">
</div>
<div class="add-form">
<div class="form-item radio-form">
<input type="hidden" id="id" value="">
<div class="form-left">
录入形式
</div>
<div class="form-right radio-wrap flex">
<div class="radio_box radio_box_active">
<input value="1" type="radio"id="edu1">
<div></div>
<label >信息段录入</label>
</div> </div>
<div class="radio_box"> <div class="form-right radio-wrap flex">
<input value="2" type="radio"id="edu2"> <div class="radio_box radio_box_active">
<div></div> <input value="1" type="radio"id="edu1">
<label >问答式录入</label> <div></div>
<label >信息段录入</label>
</div>
<div class="radio_box">
<input value="2" type="radio"id="edu2">
<div></div>
<label >问答式录入</label>
</div>
</div> </div>
</div> </div>
</div> <div class="form-item normal-form" style="display: none;">
<div class="form-item normal-form" style="display: none;"> <div class="form-left">
<div class="form-left"> 提问信息
提问信息 </div>
<div class="form-right">
<div class="text-area-container">
<textarea class="edit-input normal-input" ></textarea>
<div class="char-count wordNum">0/100</div>
</div>
</div>
</div> </div>
<div class="form-right">
<div class="text-area-container"> <div class="form-item">
<textarea class="edit-input normal-input" ></textarea> <div class="form-left common-input">
<div class="char-count wordNum">0/100</div> 回答信息
</div> </div>
<div class="form-right">
<div class="text-area-container">
<textarea class="edit-input answer-input" ></textarea>
<div class="char-count1 wordNum">0/100</div>
</div>
</div>
</div> </div>
</div> </div>
{literal}
<div class="form-item"> <script>
<div class="form-left common-input"> const maxLength = 100; // 设置最大字数限制
回答信息 $('.normal-input').on('input', function () {
</div> var currentLength = $(this).val().length;
<div class="form-right"> $('.char-count').text(currentLength + '/' + maxLength);
<div class="text-area-container"> if (currentLength > maxLength) {
<textarea class="edit-input answer-input" ></textarea> $('.normal-input').val($('.normal-input').val().slice(0, maxLength))
<div class="char-count1 wordNum">0/100</div> $('.char-count').text(maxLength + '/' + maxLength);
</div> }
});
$('.answer-input').on('input', function () {
var currentLength = $(this).val().length;
$('.char-count1').text(currentLength + '/' + maxLength);
if (currentLength > maxLength) {
$('.answer-input').val($('.answer-input').val().slice(0, maxLength))
$('.char-count1').text(maxLength + '/' + maxLength);
}
});
</script>
{/literal}
<div class="img_list2" style="display: none;"></div>
<div class="preview"></div>
<div class="modal_upload_btn flex hide">
<div class="flex modal_btns">
<button id="upload-image-btn" class="button upload_btn">
<img src="{$smarty.const.CSS_URL}/images/img_upload.svg" alt="">上传图片
</button>
<button id="upload-video-btn" class="button upload_btn">
<img src="{$smarty.const.CSS_URL}/images/vedio_upload.svg" alt="">上传视频
</button>
</div> </div>
<p>支持 jpg、png、mp4 格式，单个文件不超过 10MB</p>
</div> </div>
</div> <input type="file" id="upload-image" accept="image/*" style="display: none;" multiple>
{literal} <input type="file" id="upload-video" accept="video/*" style="display: none;" multiple>
<script> <div class="buttons flex">
const maxLength = 100; // 设置最大字数限制 <button id="submit" class="button ">仅保存</button>
$('.normal-input').on('input', function () { <button id="savePass" class="button button-primary">保存并通过审批</button>
var currentLength = $(this).val().length;
$('.char-count').text(currentLength + '/' + maxLength);
if (currentLength > maxLength) {
$('.normal-input').val($('.normal-input').val().slice(0, maxLength))
$('.char-count').text(maxLength + '/' + maxLength);
}
});
$('.answer-input').on('input', function () {
var currentLength = $(this).val().length;
$('.char-count1').text(currentLength + '/' + maxLength);
if (currentLength > maxLength) {
$('.answer-input').val($('.answer-input').val().slice(0, maxLength))
$('.char-count1').text(maxLength + '/' + maxLength);
}
});
</script>
{/literal}
<div class="img_list2" style="display: none;"></div>
<div class="preview"></div>
<div class="modal_upload_btn flex hide">
<div class="flex modal_btns">
<button id="upload-image-btn" class="button upload_btn">
<img src="{$smarty.const.CSS_URL}/images/img_upload.svg" alt="">上传图片
</button>
<button id="upload-video-btn" class="button upload_btn">
<img src="{$smarty.const.CSS_URL}/images/vedio_upload.svg" alt="">上传视频
</button>
</div> </div>
<p>支持 jpg、png、mp4 格式，单个文件不超过 10MB</p>
</div>
<input type="file" id="upload-image" accept="image/*" style="display: none;" multiple>
<input type="file" id="upload-video" accept="video/*" style="display: none;" multiple>
<div class="buttons flex">
<button id="submit" class="button ">仅保存</button>
<button id="savePass" class="button button-primary">保存并通过审批</button>
</div> </div>
</div> </div>
</div> </div>
</div> {include file="include/footer.html"}
<div class="leftSideFooterNew">
<p>Copyright &copy;2012-2025 .</p>
<p><span>All Rights Reserved</span> 底部随便写的</p>
</div>
</div> </div>
</body> </body>
<script src="{$smarty.const.CSS_URL}/js/index.js?v={$smarty.const.CSS_JS_VERSION}"></script> <script src="{$smarty.const.CSS_URL}/js/index.js?v={$smarty.const.CSS_JS_VERSION}"></script>

Write Preview
Loading…
Cancel
Save