Authored by ccbikai

模板整理

<template>
<div class="resources">
<template v-for="floor in resources">
<div class="focus" v-if="floor.focus" v-bind:style="{height: '182px'}">
<focus v-bind:floor="floor.data"></focus>
</div>
<div class="title-image" v-if="floor.titleImage">
<title-image v-bind:floor="floor.data"></title-image>
</div>
<div class="goods" v-if="floor.goods">
<goods v-bind:floor="floor.data"></goods>
</div>
<focus v-if="floor.focus" v-bind:floor="floor.data" v-bind:style="{height: '182px'}"></focus>
<title-image v-if="floor.titleImage" v-bind:floor="floor.data"></title-image>
<goods v-if="floor.goods" v-bind:floor="floor.data"></goods>
</template>
</div>
</template>
... ...
<template>
<swipe class="swipe swipe-{{floor.length}}">
<swipe-item v-for="item in floor" v-bind:style="{backgroundColor: item.bgColor}">
<a href="{{item.url}}" title="{{item.title}}">
<img v-bind:src="item.src | resize 750 365">
</a>
</swipe-item>
</swipe>
<div class="focus">
<swipe class="swipe swipe-{{floor.length}}">
<swipe-item v-for="item in floor" v-bind:style="{backgroundColor: item.bgColor}">
<a href="{{item.url}}" title="{{item.title}}">
<img v-bind:src="item.src | resize 750 365">
</a>
</swipe-item>
</swipe>
</div>
</template>
<script>
... ...
<template>
goods
<div class="goods">
goods
</div>
</template>
<script>
... ...
<template>
<floor-header v-bind:title="floor.title"></floor-header>
<a class="image" v-bind:href="floor.image.url">
<img v-bind:src="floor.image.src | resize 750 364">
</a>
<div class="title-image">
<floor-header v-bind:title="floor.title"></floor-header>
<a class="image" v-bind:href="floor.image.url">
<img v-bind:src="floor.image.src | resize 750 364">
</a>
</div>
</template>
<script>
... ...