fix; bug

src/pages/analytics/study.vue

@@ -9,8 +9,8 @@
 			<!-- <view class="analytics-box loading-box-cont" v-if="loading">
 				<CommonLoading color="#06f" class="loading-box" />
 			</view> -->
-			<view :class="['analytics-box', loading?'loading-box-cont':'']" >
-				<CommonLoading color="#06f" class="loading-box"  v-if="loading"/>
+			<view :class="['analytics-box', loading?'loading-box-cont':'']">
+				<CommonLoading color="#06f" class="loading-box" v-if="loading" />
 				<view class="tabs-box">
 					<uv-tabs :list="tabList" @click="changeTab" :scrollable="true" active-style="font-weight:bold; color:#000;"
 						:current="currentTab" class="font_pf my_tabs"
@@ -307,7 +307,7 @@
 			background-size: 100% auto;
 			background-position: top center;
 			background-attachment: local;
-			
+
 
 			.top-box {
 				height: 280rpx;
@@ -315,6 +315,11 @@
 				// position: fixed;
 				// float: left;
 				// margin-top: var(--status-bar-height);
+				background-image: url(@/static/images/analytics/title.png);
+				background-repeat: no-repeat;
+				background-position: 26rpx 125rpx;
+				background-size: 277rpx 135rpx;
+
 
 				.top-title {
 					height: 90rpx;
@@ -372,16 +377,24 @@
 				backdrop-filter: blur(10rpx);
 				overflow: hidden;
 				z-index: 1;
-				&.loading-box-cont::before{
-					content: '';
-					display: block;
-					position: absolute;
-					width: 100% ;
-					height: 100%;
-					z-index: 2;
-					background: #ffffffee;
-					backdrop-filter: blur(50rpx);
+
+				&.loading-box-cont{
+					background: #ddeafa;
+					&::before {
+						content: '';
+						display: block;
+						position: absolute;
+						width: 100%;
+						height: 100%;
+						z-index: 2;
+						// #ddeafa
+						background: url(@/static/images/analytics/bg2.png) no-repeat;
+						background-size: cover;
+						background-position: center;
+						backdrop-filter: blur(10rpx);
+					}
 				}
+
 				.loading-box {
 					position: absolute;
 					z-index: 3;