@@ -0,0 +1,33 @@
+<template>
+ <div class="assets-inspector">
+ {{ asset.name }}
+ </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-property-decorator';
+import { MeshMaterial } from '../webgl/materials/marmoset'
+@Component
+export default class AssetInspector extends Vue {
+ @Prop()
+ asset!: any
+ mounted() {
+ }
+}
+</script>
+<style lang="less" scoped>
+ .assets-item {
+ width: 100px;
+ height: 100px;
+ border: 1px solid red;
+</style>
+ <div class="assets-item">
+export default class AssetItem extends Vue {
@@ -0,0 +1,38 @@
+ <div class="assets-list">
+ <assets-item v-for="item in assets" :key="item.id" :asset="item"> {{item.name}} </assets-item>
+import AssetItem from '../components/AssetsItem.vue'
+@Component({
+ components: {
+ 'assets-item': AssetItem
+})
+export default class AssetList extends Vue {
+ @Prop({ default: []})
+ assets!: []
+ .assets-list {
+ display: flex;
+ flex-wrap: wrap;
@@ -11,3 +11,4 @@ new Vue({
router,
render: h => h(App)
}).$mount('#app')
@@ -20,7 +20,10 @@ interface Mesh {
subMeshes: SubMesh[]
- transform: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number]
+ transform: [number, number, number, number,
+ number, number, number, number,
+ number, number, number, number]
file: string
}