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.
55 lines
1.4 KiB
55 lines
1.4 KiB
<% 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 %>
|
|
|