You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.5 KiB
71 lines
1.5 KiB
<template> |
|
<view class="more-page"> |
|
<view class="page-title acea-row row-middle row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'"><image src="../../../static/images/back.png" mode="" @tap="toBackHome"></image>详情</view> |
|
<swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815' |
|
indicator-active-color='#FFB93E'> |
|
<swiper-item> |
|
<image src="https://download.cyjyyjy.com/learnMore1.png"></image> |
|
</swiper-item> |
|
<swiper-item> |
|
<image src="https://download.cyjyyjy.com/learnMore2.png"></image> |
|
</swiper-item> |
|
<swiper-item> |
|
<image src="https://download.cyjyyjy.com/learnMore3.png"></image> |
|
</swiper-item> |
|
<swiper-item> |
|
<image src="https://download.cyjyyjy.com/learnMore4.png"></image> |
|
</swiper-item> |
|
</swiper> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
const app = getApp(); |
|
export default { |
|
data() { |
|
return { |
|
menuHeight: app.globalData.menuHeight, |
|
menuTop: app.globalData.menuTop, |
|
}; |
|
}, |
|
methods:{ |
|
toBackHome(e){ |
|
console.log("1") |
|
uni.navigateBack(); |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="less"> |
|
.more-page{ |
|
width: 100%; |
|
height: 100%; |
|
position: relative; |
|
} |
|
.page-title{ |
|
width: 100%; |
|
color: #fff; |
|
position: relative; |
|
z-index: 999; |
|
image{ |
|
width: 30rpx; |
|
height: 35rpx; |
|
position: absolute; |
|
left: 40rpx; |
|
} |
|
} |
|
|
|
.swiper-box { |
|
width: 100%; |
|
height: 100vh; |
|
background-color: #070604; |
|
position: absolute; |
|
top: 0; |
|
} |
|
|
|
.swiper-box image { |
|
width: 100%; |
|
height: 100vh; |
|
} |
|
</style>
|
|
|