发表于： 2021-04-04 23:57:21
1 1275
今天完成的事情：
完成任务6
开始任务7
任务6侧边栏页面
<div class="body_left">
<!-- 管理列表 -->
<ul class="body_left_list">
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>信息管理</span>
<i class="icon2"></i>
</label>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>article管理</span>
<i class="icon2"></i>
</label>
<!-- 子列表 -->
<ul>
<li>
<label class="body_left_list_child_label" id="left-btn">
<div>article列表</div>
</label>
</li>
</ul>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>人才管理</span>
<i class="icon2"></i>
</label>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>推荐管理</span>
<i class="icon2"></i>
</label>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>后台管理</span>
<i class="icon2"></i>
</label>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>用户管理</span>
<i class="icon2"></i>
<a href=""></a>
</label>
</li>
<li>
<label class="body_left_list_label">
<p class="icon1"></p>
<span>内容管理</span>
<i class="icon2"></i>
<a href=""></a>
</label>
</li>
</ul>
</div>
下拉菜单页面
<div class="Article_list_page2">
<div class="Article_list_page2_box">
<div>Article列表</div>
<button id="list-btn">+新增</button>
</div>
<table id="tab" class="Article_list_page2_table">
<tr>
<td>id</td>
<td>名称</td>
<td>类型</td>
<td>发布时间</td>
<td>修改时间</td>
<td>发布者</td>
<td>状态</td>
<td>操作</td>
</tr>
下拉菜单的js
// 点击下拉菜单事件
// animate：改变元素高度
$(".body_left_list_label").on('click', function () {
$gao = $(this).parent('li').css('max-height');
if ($gao == '1500px') {
$(this).parent('li').animate({ 'max-height': '40px' });
$(this).children('i').css({
'transform': 'rotate(0)'
})
} else {
$(this).parent('li').animate({ 'max-height': '1500px' });
$(this).children('i').css({
'transform': 'rotate(-90deg)'
})
}
});
问题：
任务7的数据交互怎么完成
返回列表
评论