封装请求hook

This commit is contained in:
2022-05-09 10:00:32 +08:00
parent f326656ed7
commit 050f90433c
13 changed files with 191 additions and 95 deletions
+3 -1
View File
@@ -1,3 +1,5 @@
export default {
navigationBarTitleText: '详情'
navigationBarTitleText: '详情',
enablePullDownRefresh: true,
backgroundTextStyle: 'dark'
}
+21 -2
View File
@@ -1,6 +1,6 @@
import { Image, RichText, Swiper, SwiperItem, View } from '@tarojs/components'
import Taro from '@tarojs/taro';
import { Button, Image, RichText, Swiper, SwiperItem, View } from '@tarojs/components'
import Taro, { useShareAppMessage } from '@tarojs/taro';
import classnames from "classnames";
import DesSwiper from './components/swiper';
import OrderCount from './components/orderCount';
@@ -8,6 +8,7 @@ import ShopCart from '@/components/shopCart';
import Preview,{colorItem} from './components/preview';
import styles from './index.module.scss'
import { useMemo, useState } from 'react';
import useManualPullDownRefresh from '@/use/useManualPullDownRefresh';
type item = {title:string, img:string, url:string, id:number}
type params = {
@@ -17,6 +18,9 @@ type params = {
}
export default (props:params) => {
//页面下拉刷新
const res = useManualPullDownRefresh()
const list = [
{
title:'数据',
@@ -80,6 +84,19 @@ export default (props:params) => {
duration: 2000
})
}
useShareAppMessage(res => {
if (res.from === 'button') {
// 来自页面内转发按钮
console.log(res.target)
}
return {
title: '自定义转发标题',
path: '/page/user?id=123'
}
})
return (
<View className={styles.main}>
<DesSwiper list={list}/>
@@ -91,10 +108,12 @@ export default (props:params) => {
<View className={styles.share}>
<View className={classnames('iconfont icon-fenxiang', styles.miconfont)}></View>
<View className={styles.text}>分享</View>
<Button open-type="share">转发</Button>
</View>
<View className={styles.collect}>
<View className={classnames('iconfont icon-shoucang', styles.miconfont, collectStatus&&styles.collected)} onClick={() => changeCollect()}></View>
<View className={styles.text}>收藏</View>
</View>
</View>
<View className={styles.des_data}>
+12 -2
View File
@@ -35,7 +35,17 @@ export default () => {
const [showShopCart, setShowShopCart] = useState(false)
const res = useManualPullDownRefresh(() => {return '99999'})
//页面下拉刷新
const res = useManualPullDownRefresh()
const [refresherTriggeredStatus, setRefresherTriggeredStatus] = useState(false)
const getData = () => {
setRefresherTriggeredStatus(true)
setTimeout(() => {
setRefresherTriggeredStatus(() => false)
console.log('12123')
}, 1000)
}
return (
<MoveBtn onClick={() => setShowShopCart(!showShopCart)}>
@@ -48,7 +58,7 @@ export default () => {
</View>
</View>
<View className={styles.products}>
<SideBar list={tabs_list} height="100%" heightItem={150}>
<SideBar list={tabs_list} height="100%" heightItem={150} refresherTriggered={refresherTriggeredStatus} selfOnRefresherRefresh={() => getData()}>
<Product/>
</SideBar>
</View>
@@ -1,3 +1,5 @@
export default {
navigationBarTitleText: '搜索'
navigationBarTitleText: '搜索',
enablePullDownRefresh: true,
backgroundTextStyle: 'dark'
}
+4
View File
@@ -12,6 +12,7 @@ import Tabs from "@/components/tabs";
import styles from './hightSearchList.module.scss'
import { useCallback, useEffect, useState } from "react";
import Taro, { useReady } from "@tarojs/taro";
import useManualPullDownRefresh from "@/use/useManualPullDownRefresh";
export default () => {
const [showFilter, setShowFilter] = useState(false)
@@ -55,6 +56,9 @@ export default () => {
setBlueToothColor(`rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`)
}
}, [state.deviceLab])
//页面下拉刷新
const res = useManualPullDownRefresh()
return (
<View className={styles.main}>
<View className={styles.search}>
+1 -1
View File
@@ -1,3 +1,3 @@
export default {
navigationBarTitleText: '搜索'
navigationBarTitleText: '搜索',
}
+3 -1
View File
@@ -1,3 +1,5 @@
export default {
navigationBarTitleText: '高级搜索'
navigationBarTitleText: '高级搜索',
enablePullDownRefresh: true,
backgroundTextStyle: 'dark'
}
+4
View File
@@ -8,6 +8,7 @@ import SelectData from "./components/selectData";
import { goLink } from "@/common/common";
import styles from './searchList.module.scss'
import { useCallback, useState } from "react";
import useManualPullDownRefresh from "@/use/useManualPullDownRefresh";
export default () => {
const [showFilter, setShowFilter] = useState(false)
@@ -30,6 +31,9 @@ export default () => {
setScrollStatus(false)
}
},[])
//页面下拉刷新
const res = useManualPullDownRefresh()
return (
<View className={styles.main}>
<View className={styles.search}>