...
|
...
|
@@ -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');
|
...
|
...
|
|