Authored by 郭成尧

Merge branch 'feature/brand' into develop

2.66 KB | W: | H:

600 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -6,8 +6,8 @@
<hr>
<div v-show="showMore" transition="brand-intro" v-bind:class="{ 'brand-short': !showMore }">{{ brandIntro.brandIntro }}</div>
</div>
<div class="expand" @click="introTrans()"></div>
<div class="collapse"></div>
<div v-if="!showMore" class="showmore expand" @click="introTrans()"></div>
<div v-else class="showmore collapse" @click="introTrans()"></div>
</div>
</template>
<style>
... ... @@ -64,26 +64,23 @@
}
}
.expand {
.showmore {
width: 60px;
height: 60px;
background: url("/channel/expand.png") no-repeat;
position: absolute;
bottom: 20px;
right: 5%;
}
.expand {
background: url("/channel/expand.png") no-repeat;
}
.collapse {
width: 60px;
height: 60px;
background: url("/channel/collapse.png") no-repeat;
position: absolute;
bottom: 20px;
right: 5%;
display: none;
}
}
</style>
<script>
const $ = require('yoho-jquery');
... ...