feat(P4): precompute移植+app.js sources双向回填+回归1003/1003+验收体积/文件/data.json
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div class="aa-cardlist" :style="{ gridTemplateColumns: 'repeat(' + cols + ', 1fr)' }">
|
||||
<div class="aa-cardlist-item" v-for="(it, i) in items" :key="i">
|
||||
<div class="aa-card-cover">{{ it.emoji || '📄' }}</div>
|
||||
<div class="aa-card-body">
|
||||
<div class="aa-card-title">{{ it.title }}</div>
|
||||
<div class="aa-card-desc">{{ it.desc }}</div>
|
||||
<div class="aa-card-tags" v-if="it.tags && it.tags.length">
|
||||
<span class="aa-card-tag" v-for="(t, ti) in it.tags" :key="ti">{{ t }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="aa-card-actions" v-if="it.actions && it.actions.length">
|
||||
<button v-for="(a, ai) in it.actions" :key="ai" @click="$emit('action', { item: it, action: a })">{{ a }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AaCardList',
|
||||
props: {
|
||||
items: { type: Array, default: function () { return []; } },
|
||||
cols: { type: Number, default: 3 }
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style src="./CardList.css"></style>
|
||||
Reference in New Issue
Block a user