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.
80 lines
1.7 KiB
80 lines
1.7 KiB
<template> |
|
<view class="more-page"> |
|
<view class="head_box"> |
|
<cu-custom :isBack="true" :bgColor="'transparent'"> |
|
<block slot="backText"> |
|
<image src="../../../static/images/back.png" @click="backClick" class="back-icon"></image> |
|
<text class="nav-title shopro-selector-rect">详情</text> |
|
</block> |
|
</cu-custom> |
|
</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 { |
|
|
|
}; |
|
}, |
|
methods: { |
|
toBackHome(e) { |
|
console.log("1") |
|
uni.navigateBack(); |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="less"> |
|
.more-page { |
|
width: 100%; |
|
height: 100%; |
|
position: relative; |
|
} |
|
|
|
.nav-title { |
|
width: calc(100% - 36rpx); |
|
text-align: center; |
|
font-size: 32rpx; |
|
color: #fff; |
|
line-height: 40px; |
|
display: inline-block; |
|
} |
|
.back-icon{ |
|
width: 36rpx; |
|
height: 36rpx; |
|
position: absolute; |
|
top: 50%; |
|
left: 36rpx; |
|
} |
|
|
|
.swiper-box { |
|
width: 100%; |
|
height: 100vh; |
|
background-color: #070604; |
|
position: absolute; |
|
top: 0; |
|
} |
|
|
|
.swiper-box image { |
|
width: 100%; |
|
height: 100vh; |
|
} |
|
</style>
|
|
|