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.
56 lines
1.4 KiB
56 lines
1.4 KiB
5 years ago
|
<% this.adminPage = 'classify'; %>
|
||
|
|
<% include admin_header %>
|
||
|
|
<style>
|
||
|
|
[v-cloak] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.current-classify{
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div id="classify" v-cloak>
|
||
|
|
<div v-if="mockClassify.length === 0">
|
||
|
|
暂无分类
|
||
|
|
</div>
|
||
|
|
<div v-else>
|
||
|
|
<div class="current-classify">
|
||
|
|
<h4>目前分类</h4>
|
||
|
|
<div class="ui cards">
|
||
|
|
<div class="card" v-for="item in mockClassify">
|
||
|
|
<div class="content">
|
||
|
|
<div class="header">{{item.title}}</div>
|
||
|
|
<div class="description">
|
||
|
|
{{item.description}}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ui bottom attached button">
|
||
|
|
<i class="add icon"></i>
|
||
|
|
编辑分类信息
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ui labeled button" tabindex="0">
|
||
|
|
<div class="ui button">
|
||
|
|
<i class="plus icon"></i> 新增分类
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
new window.Vue({
|
||
|
|
el: '#classify',
|
||
|
|
data: {
|
||
|
|
message: 'Hello Vue!',
|
||
|
|
mockClassify: [{
|
||
|
|
title: '测试分类',
|
||
|
|
description: '测试介绍'
|
||
|
|
}, {
|
||
|
|
title: '测试分类1',
|
||
|
|
description: '测试介绍1'
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<% include admin_footer %>
|