You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
201 lines
11 KiB
201 lines
11 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./style/css/common.css">
|
|
<link rel="stylesheet" href="./style/css/index.css">
|
|
<script src="./style/js/jquery-3.6.0.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="home-page">
|
|
<div class="header-wrap">
|
|
<img class="home-logo" src="./style/img/home-logo.png" alt="">
|
|
<div class="header-right flex">
|
|
<img src="./style/img/home-more.png" alt="">
|
|
<div class="dropdown">
|
|
<button class="dropdown-toggle" onclick="toggleDropdown()">
|
|
学术论文出版
|
|
<img class="icon" src="./style/img/drop-icon.svg" alt="">
|
|
</button>
|
|
<div class="dropdown-panel">
|
|
<a href="#">Item 1</a>
|
|
<a href="#">Item 2</a>
|
|
<a href="#">Item 3</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</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>
|
|
<img src="" alt="">新增自录入
|
|
</button>
|
|
</div>
|
|
|
|
<div class="list_all">
|
|
<div class="list_item ">
|
|
<div class="list_item_top flex">
|
|
<div class="list_item_top_l">
|
|
<span class="green">微博</span>
|
|
<span>麻辣烫一号选手</span>
|
|
<span>录入：2025.01.13 23:00</span>
|
|
</div>
|
|
<div class="list_item_top_r">
|
|
<img src="./style/img/edit.svg" alt="">
|
|
编辑
|
|
</div>
|
|
</div>
|
|
<p class="desc_text">
|
|
华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。
|
|
</p>
|
|
<!-- 图片合集 -->
|
|
<div class="img_list">
|
|
<img class="small-image" src="./style/img/viewimg1.png" alt="Small Image">
|
|
<img class="small-image" src="./style/img/viewimg2.png" alt="Small Image">
|
|
<img class="small-image" src="./style/img/viewimg3.png" alt="Small Image">
|
|
</div>
|
|
<!-- 视频 -->
|
|
|
|
<div class="flex btngroups">
|
|
<button class="button button-normal">删除</button>
|
|
<button class="button button-primary">通过</button>
|
|
<button class="button button-normal">恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
<button>恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
</div>
|
|
</div>
|
|
<div class="list_item ">
|
|
<div class="list_item_top flex">
|
|
<div class="list_item_top_l">
|
|
<span class="green">微博</span>
|
|
<span>麻辣烫一号选手</span>
|
|
<span>录入：2025.01.13 23:00</span>
|
|
</div>
|
|
<div class="list_item_top_r">
|
|
<img src="./style/img/edit.svg" alt="">
|
|
编辑
|
|
</div>
|
|
</div>
|
|
<p class="desc_text">
|
|
华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。
|
|
</p>
|
|
<div class="img_list">
|
|
<div class="small-image">
|
|
<span class="small-image-desc">视频</span>
|
|
<img class="small-video-cover small-image" src="./style/img/vedio_img.png" href="https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4" alt="Video Cover">
|
|
<img src="./style/img/play.png" class="play-video" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="flex btngroups">
|
|
<button class="button button-normal">删除</button>
|
|
<button class="button button-primary">通过</button>
|
|
<button class="button button-normal">恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
<button>恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
</div>
|
|
</div>
|
|
<div class="list_item ">
|
|
<div class="list_item_top flex">
|
|
<div class="list_item_top_l">
|
|
<span class="blue">自录入</span>
|
|
<!-- 是自录入问答的时候 -->
|
|
<b>有没有什么技巧或者辅助工具可以帮助我们更准确地找到穴位呢？</b>
|
|
<span>麻辣烫一号选手</span>
|
|
<span>录入：2025.01.13 23:00</span>
|
|
</div>
|
|
<div class="list_item_top_r">
|
|
<img src="./style/img/edit.svg" alt="">
|
|
编辑
|
|
</div>
|
|
</div>
|
|
<p class="desc_text">
|
|
对于中医按摩时穴位定位的问题，确实有不少初学者会遇到找不准穴位的情况。以下是一些技巧和建议，以及辅助工具，可以帮助您更准确地找到穴位
|
|
</p>
|
|
<div class="img_list">
|
|
<div class="small-image">
|
|
<span class="small-image-desc">图片</span>
|
|
<img src="./style/img/viewimg1.png" alt="Small Image">
|
|
</div>
|
|
<div class="small-image">
|
|
<span class="small-image-desc">图片</span>
|
|
<img src="./style/img/viewimg2.png" alt="Small Image">
|
|
</div>
|
|
<div class="small-image">
|
|
<span class="small-image-desc">图片</span>
|
|
<img src="./style/img/viewimg3.png" alt="Small Image">
|
|
</div>
|
|
</div>
|
|
<div class="flex btngroups">
|
|
<button class="button button-normal">删除</button>
|
|
<button class="button button-primary">通过</button>
|
|
<button class="button button-normal">恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
<button>恢复待审批</button>
|
|
</div>
|
|
<div class="flex hide">
|
|
<button>删除</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 数据列表 -->
|
|
<ul id="data-list"></ul>
|
|
|
|
<!-- 分页控件 -->
|
|
<div class="pagination">
|
|
<img id="prev-page" src="./style/img/prev.svg" alt="">
|
|
<ul id="page-numbers"></ul>
|
|
<img id="next-page" src="./style/img/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 id="large-image-container">
|
|
<h2>预览</h2>
|
|
<img id="large-image" src="./style/img/viewimg1.png" alt="Large Image">
|
|
<span id="close-btn2">×</span>
|
|
</div>
|
|
|
|
<!-- 放大后的视频容器 -->
|
|
<div id="large-video-container">
|
|
<video id="large-video" controls>
|
|
<source id="large-viedo-url" src="https://cloud.video.taobao.com/vod/QveMufgzEwjhHPj1wo_KI_KF7vbZwUJhbOpGtVCXN3Y.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
<button id="close-btn">×</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="./style/js/index.js"></script>
|
|
|
|
</html>
|