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.5 KiB

<template>
<view class="more-page">
<view class="head_box">
<cu-custom :isBack="true" :bgColor="'transparent'">
<block slot="content">详情</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>
export default {
data() {
return {
};
},
methods:{
toBackHome(e){
console.log("1")
uni.navigateBack();
}
}
}
</script>
<style lang="less">
.more-page{
width: 100%;
height: 100%;
position: relative;
}
.action,.content{
color: #fff;
}
.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>