|
@@ -30,10 +30,11 @@
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
- <ul class="conceal">
|
|
|
|
|
|
+ <ul class="conceal" v-show="xs">
|
|
<li class="conceal_list" v-for="item in xiaoxue">
|
|
<li class="conceal_list" v-for="item in xiaoxue">
|
|
<p class="conceal_list_title">{{item.title}}</p>
|
|
<p class="conceal_list_title">{{item.title}}</p>
|
|
- <p class="conceal_list_subhead"><span>同步资源</span><span>卷库</span></p>
|
|
|
|
|
|
+ <span class="conceal_list_subhead" v-for="items in item.data">{{items.title}}</span>
|
|
|
|
+ <!--<p class="conceal_list_subhead"><span>同步资源</span><span>卷库</span></p>-->
|
|
</li>
|
|
</li>
|
|
<!--<li class="conceal_list">
|
|
<!--<li class="conceal_list">
|
|
<p class="conceal_list_title">语文</p>
|
|
<p class="conceal_list_title">语文</p>
|
|
@@ -54,6 +55,7 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ xs:false,
|
|
xiaoxue: [
|
|
xiaoxue: [
|
|
{ "id": 1, "title": '语文', "data": [{ "id": 2, "pid": 1, "title": '同步资源' }, { "id": 3, "pid": 1, "title": '卷库' },] },
|
|
{ "id": 1, "title": '语文', "data": [{ "id": 2, "pid": 1, "title": '同步资源' }, { "id": 3, "pid": 1, "title": '卷库' },] },
|
|
{ "id": 4, "title": '数学', "data": [{ "id": 5, "pid": 4, "title": '同步资源' }, { "id": 6, "pid": 4, "title": '卷库' },] },
|
|
{ "id": 4, "title": '数学', "data": [{ "id": 5, "pid": 4, "title": '同步资源' }, { "id": 6, "pid": 4, "title": '卷库' },] },
|
|
@@ -68,9 +70,11 @@
|
|
{ "id": 31, "title": '品德与生活', "data": [{ "id": 32, "pid": 31, "title": '同步资源' }, { "id": 33, "pid": 31, "title": '卷库' },] },
|
|
{ "id": 31, "title": '品德与生活', "data": [{ "id": 32, "pid": 31, "title": '同步资源' }, { "id": 33, "pid": 31, "title": '卷库' },] },
|
|
{ "id": 34, "title": '生活与科技', "data": [{ "id": 35, "pid": 34, "title": '同步资源' }, { "id": 36, "pid": 34, "title": '卷库' },] },
|
|
{ "id": 34, "title": '生活与科技', "data": [{ "id": 35, "pid": 34, "title": '同步资源' }, { "id": 36, "pid": 34, "title": '卷库' },] },
|
|
{ "id": 37, "title": '体育与健康', "data": [{ "id": 38, "pid": 37, "title": '同步资源' }, { "id": 39, "pid": 37, "title": '卷库' },] },
|
|
{ "id": 37, "title": '体育与健康', "data": [{ "id": 38, "pid": 37, "title": '同步资源' }, { "id": 39, "pid": 37, "title": '卷库' },] },
|
|
-
|
|
|
|
],
|
|
],
|
|
}
|
|
}
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -158,6 +162,7 @@
|
|
}
|
|
}
|
|
.moreover_data:hover {
|
|
.moreover_data:hover {
|
|
background:#056eaf;
|
|
background:#056eaf;
|
|
|
|
+
|
|
}
|
|
}
|
|
.conceal {
|
|
.conceal {
|
|
width:580px;
|
|
width:580px;
|
|
@@ -166,6 +171,7 @@
|
|
position:absolute;
|
|
position:absolute;
|
|
left:420px;
|
|
left:420px;
|
|
background:rgba(85,85,85,.9);
|
|
background:rgba(85,85,85,.9);
|
|
|
|
+ /*display:none;*/
|
|
}
|
|
}
|
|
.conceal_list {
|
|
.conceal_list {
|
|
float: left;
|
|
float: left;
|
|
@@ -182,7 +188,7 @@
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
color: #5e90b1;
|
|
color: #5e90b1;
|
|
}
|
|
}
|
|
- .conceal_list_subhead span {
|
|
|
|
|
|
+ .conceal_list_subhead{
|
|
font-size:14px;
|
|
font-size:14px;
|
|
color:#fff;
|
|
color:#fff;
|
|
margin-left:5px;
|
|
margin-left:5px;
|