Browse Source

feat: 新增后台郑重声明配置关联

await 8 months ago
parent
commit
17b789b5a4
3 changed files with 84 additions and 38 deletions
  1. 13 2
      src/apis/userApi.ts
  2. 22 0
      src/pages/home/index.scss
  3. 49 36
      src/pages/home/index.tsx

+ 13 - 2
src/apis/userApi.ts

@@ -154,7 +154,14 @@ export  class HomeTabUsingPostResponseArticleCategories {
                  updateTime!: string ;
                 
 }
-    
+
+export  class HomeFetchChannelBody {
+    ///
+    channelCode: string;
+
+    ///
+    refer: string
+}
 export  class HomeTabUsingPostResponse {
         
                 /// undefined
@@ -192,6 +199,10 @@ export  class HomeTabUsingPostResponse {
         static  homeTabUsingPost(options:AxiosRequestConfigFunc<HomeTabUsingPostBody,any> ):RequestUtil<HomeTabUsingPostResponse> {
             return new RequestUtil<HomeTabUsingPostResponse>(`/api/v2/app/settings`,'POST' ,options);
         }
-    
+        
+
+        static homeFetchChannel(options: AxiosRequestConfigFunc<HomeFetchChannelBody, any>):RequestUtil<any> {
+            return new RequestUtil<any>('/h5/query/channel', 'POST', options)
+        }
         }
         

+ 22 - 0
src/pages/home/index.scss

@@ -118,7 +118,29 @@
     height: 100px;
     color: #ffffff;
     font-size: 38px;
+    font-weight: 500;
+    box-shadow: none;
     background-image: linear-gradient(to right, #0095ff, #0057ff);
+    overflow: hidden;
+  }
+
+  .index-back-btn::after {
+    content: "";
+    background-color: rgba(255, 255, 255, 0.5);
+    filter: blur(10px);
+    width: 60px;
+    height: 1000px;
+    transform: rotate(-45deg);
+    animation: flash 2000ms infinite;
+  }
+
+  @keyframes flash {
+    from {
+      transform: rotate(-45deg) translateX(-120px);
+    }
+    to {
+      transform: rotate(-45deg) translateX(600px);
+    }
   }
 
   .index-platform-image {

+ 49 - 36
src/pages/home/index.tsx

@@ -13,18 +13,29 @@ import RouteUtil from "@/utils/routeUtil";
 import { Image, ScrollView, View, Text } from "@tarojs/components";
 import { pxTransform } from "@tarojs/taro";
 import { useRequest } from "ahooks";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useMemo, useState } from "react";
 import "./index.scss";
 
 const Home = () => {
   const appContext = useContext(AppContext);
   const { screenWidth, statusBarHeight } = appContext.systemInfo!;
+  const [bottomRemark, setBottomRemark] = useState('哈哈哈哈哈哈')
 
   const indexInfoResult = useRequest(() => {
     return UserApi.getIndexInfoUsingPost({
       params: { appId: APPConfig.APPID },
     }).toData();
   });
+  
+  const channelResult = useRequest(() => {
+    return UserApi.homeFetchChannel({
+      data: { channelCode: 'txxcx01', refer: '' },
+    }).toData().then(res => {
+      setBottomRemark(res.bottom_remark)
+    })
+  });
+
+
   const imgBackStyle = useMemo(() => {
     return {
       ...ImageUtil.calculationHeight(332 / 170, (screenWidth - 64 + 16) / 2),
@@ -35,21 +46,21 @@ const Home = () => {
     return (
       <View style={imgBackStyle}>
         <Image
-          className="background-image"
+          className='background-image'
           src={require(`../../assets/icon_home_characteristic_b_${index}.png`)}
         />
         <Flex
-          rowGap="sm"
-          className="background-content background-content-wrap"
+          rowGap='sm'
+          className='background-content background-content-wrap'
         >
-          <Flex columnGap="sm" direction="row" alignItem="center">
+          <Flex columnGap='sm' direction='row' alignItem='center'>
             <Image
-              className="background-content-i"
+              className='background-content-i'
               src={require(`../../assets/icon_home_characteristic_i_${index}.png`)}
             />
             <Label bold>{title}</Label>
           </Flex>
-          <Label style={{ fontSize: pxTransform(22) }} type="secondary">
+          <Label style={{ fontSize: pxTransform(22) }} type='secondary'>
             {desc}
           </Label>
         </Flex>
@@ -57,11 +68,11 @@ const Home = () => {
     );
   };
   return (
-    <Layout safe className="index" bottomBarIndex={0}>
-      <ScrollView className="index-container">
+    <Layout safe className='index' bottomBarIndex={0}>
+      <ScrollView className='index-container'>
         <SizeBox height={statusBarHeight} />
         <Image
-          className="index-logo"
+          className='index-logo'
           src={require("../../assets/new-edition/index-logo.png")}
         />
         <Padding padding={EdgeInsets.symmetric({ horizontal: 32 })}>
@@ -73,31 +84,31 @@ const Home = () => {
               ),
               position: "relative",
             }}
-            className="index-panel"
+            className='index-panel'
           >
             <Flex
-              alignItem="center"
-              justifyContent="center"
+              alignItem='center'
+              justifyContent='center'
               rowGap={24}
-              className="index-back-content"
+              className='index-back-content'
             >
-              <Label className="index-back-se">最高可申请(元)</Label>
-              <Label className="index-back-amount">200,000.00</Label>
+              <Label className='index-back-se'>最高可申请(元)</Label>
+              <Label className='index-back-amount'>200,000.00</Label>
               <Flex
-                alignItem="center"
-                justifyContent="center"
-                direction="row"
-                className="index-back-info"
+                alignItem='center'
+                justifyContent='center'
+                direction='row'
+                className='index-back-info'
                 columnGap={12}
               >
                 <Text>年利率7.2%起</Text>
-                <View className="split-char"></View>
+                <View className='split-char'></View>
                 <Text>期限3-36个月</Text>
-                <View className="split-char"></View>
+                <View className='split-char'></View>
                 <Text>持牌放款</Text>
               </Flex>
-              <View className="index-back-btn-container">
-                <View className="index-back-btn-tip">
+              <View className='index-back-btn-container'>
+                <View className='index-back-btn-tip'>
                   现在申请,最快1分钟激活额度
                 </View>
                 <Button
@@ -112,19 +123,19 @@ const Home = () => {
                       },
                     });
                   }}
-                  className="index-back-btn"
+                  className='index-back-btn'
                 >
                   {indexInfoResult.data?.name || "立即激活"}
                 </Button>
               </View>
             </Flex>
           </View>
-          <View className="index-step-container">
-            <View className="background"></View>
+          <View className='index-step-container'>
+            <View className='background'></View>
             <Flex
-              alignItem="center"
-              justifyContent="center"
-              direction="row"
+              alignItem='center'
+              justifyContent='center'
+              direction='row'
               columnGap={8}
             >
               <Text>01.提交申请</Text>
@@ -167,20 +178,22 @@ const Home = () => {
         <Padding padding={EdgeInsets.symmetric({ horizontal: 32 })}>
           <Image
             src={require("../../assets/new-edition/platform.png")}
-            className="index-platform-image"
+            className='index-platform-image'
           />
         </Padding>
 
         <Flex
-          justifyContent="center"
-          alignItem="center"
+          justifyContent='center'
+          alignItem='center'
           rowGap={24}
-          className="index-bottom-tip"
+          className='index-bottom-tip'
         >
           <View>
-            郑重声明:平台只提供贷款咨询和推荐服务,放款由银行或金融机构进行,贷款额度、放款时间以资金分审批结果为准,所有贷款申请在未成功贷款前绝不收取任何费用,为了保证您的资金安全,请不要相信任何要求您支付费用的信息、邮件、电话等不实信息。
+            { bottomRemark }
+            {/* { channelResult.data?.bottomRemark || "哈哈哈哈" } */}
+            {/* 郑重声明:平台只提供贷款咨询和推荐服务,放款由银行或金融机构进行,贷款额度、放款时间以资金分审批结果为准,所有贷款申请在未成功贷款前绝不收取任何费用,为了保证您的资金安全,请不要相信任何要求您支付费用的信息、邮件、电话等不实信息。 */}
           </View>
-          <View>如遇问题请向400-003-9350举报投诉,平台将及时为您解决!</View>
+          <View>如遇问题请向{ channelResult.data?.customerServiceInfo || '400-003-9350'}举报投诉,平台将及时为您解决!</View>
         </Flex>
       </ScrollView>
     </Layout>