|
|
@@ -34,13 +34,9 @@
|
|
|
<view style="height: 200rpx;line-height: 200rpx;" v-if="indexLoading">
|
|
|
<zs-loading></zs-loading>
|
|
|
</view>
|
|
|
- <swiper class="header-swiper" :autoplay="true" :current="currentIndex" :circular="true"
|
|
|
- previous-margin="80rpx" next-margin="80rpx" :interval="4000" :duration="500" @change="swierChange"
|
|
|
- v-else>
|
|
|
- <swiper-item v-for="(item, i) in bannerList" :key="i">
|
|
|
- <image :src="item.imageUrl" class="slide-image" :class="currentIndex === i ? 'active' : ''"></image>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
+ <view style="height: 34rpx;"></view>
|
|
|
+ <liu-slide-img :list="bannerList" :type="2" :interval="3000" @change="change"
|
|
|
+ @click="click"></liu-slide-img>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="content">
|
|
|
@@ -198,7 +194,7 @@
|
|
|
<script setup lang="ts">
|
|
|
import zsLoading from '@/components/zzx-loading/zzx-loading.vue'
|
|
|
import { ref, onMounted, computed } from 'vue'
|
|
|
-import { onLoad, onPageScroll, onPullDownRefresh, onShareAppMessage } from '@dcloudio/uni-app';
|
|
|
+import { onShow, onLoad, onPageScroll, onPullDownRefresh, onShareAppMessage } from '@dcloudio/uni-app';
|
|
|
import zsEmpty from '@/components/zs-empty/index.vue'
|
|
|
import { TipsUtils, RouterUtils } from '@/utils/util';
|
|
|
import { http } from '@/utils/http'
|
|
|
@@ -215,6 +211,21 @@ const instructorList = ref();
|
|
|
const indexLoading = ref(true);
|
|
|
const hotInstructorImg1 = ref('https://national-motion.oss-cn-beijing.aliyuncs.com/opt/upFiles/dxVfKxD7aH2397154f377d68fb59a71226c9c2f078a9_1758071827887.png')
|
|
|
const hotInstructorImg2 = ref('https://national-motion.oss-cn-beijing.aliyuncs.com/opt/upFiles/uv0VmclIvXiJc1081e0e33e281a8a436d24ec9ca87c3_1758071769194.png')
|
|
|
+const list = ref([{
|
|
|
+ src: "https://cdn.pixabay.com/photo/2020/05/19/13/32/cartoon-5190837_1280.jpg"
|
|
|
+},
|
|
|
+{
|
|
|
+ src: "https://cdn.pixabay.com/photo/2020/05/19/13/35/cartoon-5190860_1280.jpg"
|
|
|
+},
|
|
|
+{
|
|
|
+ src: "https://cdn.pixabay.com/photo/2022/03/31/14/53/camp-7103189_1280.png"
|
|
|
+}
|
|
|
+],)
|
|
|
+// onShow(() => {
|
|
|
+// get_indexInfo()
|
|
|
+// get_message()
|
|
|
+// get_searchList()
|
|
|
+// })
|
|
|
onLoad(() => {
|
|
|
get_location()
|
|
|
console.log(token.value, 'token是否刷新')
|
|
|
@@ -531,34 +542,6 @@ const searchInfoBtn = () => {
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
height: 340rpx;
|
|
|
-
|
|
|
- .header-swiper {
|
|
|
- height: 340rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .slide-image {
|
|
|
- position: absolute;
|
|
|
- height: 200rpx;
|
|
|
- width: 570rpx;
|
|
|
- border-radius: 15rpx;
|
|
|
- z-index: 5;
|
|
|
- opacity: 0.7;
|
|
|
- top: 18%;
|
|
|
- margin: 0 20rpx;
|
|
|
- }
|
|
|
-
|
|
|
- swiper {
|
|
|
- height: 430rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .active {
|
|
|
- opacity: 1;
|
|
|
- z-index: 10;
|
|
|
- height: 316rpx;
|
|
|
- width: 572rpx;
|
|
|
- top: 7%;
|
|
|
- transition: all 0.2s ease-in 0s;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|