点击切换

pages/chanpinXuanze/cp3/banben.vue

@@ -6,8 +6,8 @@
     </view>
 	<view class="ezy-page-body">
 		<view class="ezy-text-tab-box">
-		  <view class="text-item" @click="data.isShangce = true" :class="{active: data.isShangce}">上册</view>
-		  <view class="text-item" @click="data.isShangce = false" :class="{active: !data.isShangce}">下册</view>
+		  <view class="text-item" @click="handleSelectShangce" :class="{active: data.isShangce}">上册</view>
+		  <view class="text-item" @click="handleSelectXiace" :class="{active: !data.isShangce}">下册</view>
 		</view>
 		<template v-if="data.isShangce" >
 		  <template v-if="data.banbenList.length">
@@ -69,6 +69,28 @@ const data = reactive({
   isShangce: true,
 })
 
+function handleSelectShangce() {
+  data.isShangce = true;
+  uni.showLoading({
+    title: '加载中',
+    mask: true
+  })
+  setTimeout(function () {
+    uni.hideLoading();
+  }, 200);
+}
+
+function handleSelectXiace() {
+  data.isShangce = false
+  uni.showLoading({
+    title: '加载中',
+    mask: true
+  })
+  setTimeout(function () {
+    uni.hideLoading();
+  }, 200);
+}
+
 function getBanbenList() {
   danciHttp.getDanciChanpinBanbenList({dengjiId: data.dengjiId}).then(res => {
     data.banbenList = res.data.banbenList1;