diff --git a/src/api/brand.ts b/src/api/brand.ts
index 4848853..2ee9b29 100644
--- a/src/api/brand.ts
+++ b/src/api/brand.ts
@@ -11,7 +11,8 @@ export type BrandRecord = {
   introductory_video_resource: any
   article_count: number
   created_at: string
-  page_view:number
+  page_view: number
+  collect: boolean
 }
 export type ArticleRecord = {
   title: string
@@ -19,6 +20,7 @@ export type ArticleRecord = {
   created_at: string
   content: string
   brands: BrandRecord[]
+  collect:boolean
 }
 
 export const brandApi = {
diff --git a/src/app.config.ts b/src/app.config.ts
index 8e40f9d..74d8a60 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -91,7 +91,6 @@ export default defineAppConfig({
         'videoFull/videoFull',  // 资源id 视频全屏
         'illness/sort/sort',
         'illness/list/list',
-        'illness/article/article',
         'webView/webView',
         'search/search/index',
         'collect/collect', // 收藏列表
diff --git a/src/components/collect/collect.module.scss b/src/components/collect/collect.module.scss
index 3262142..5ac8c34 100644
--- a/src/components/collect/collect.module.scss
+++ b/src/components/collect/collect.module.scss
@@ -3,11 +3,68 @@
   align-items: center;
   color: #909795;
   font-size: 24rpx;
+  padding: 0 10rpx;
+}
+
+.collectImage {
+  position: relative;
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 10rpx;
 
   Image {
-    width: 32rpx;
-    height: 32rpx;
-    margin-right: 10rpx;
-    //vertical-align: middle;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.zoom {
+  top: 0;
+  left: 0;
+  position: absolute;
+  content: '';
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 50%;
+  border: 1px solid #FF9E5F;
+  animation: Zooms 300ms ease forwards;
+  opacity: 1;
+  transform-origin: -100%, -100% 0;
+}
+
+.pulse {
+  animation: Pulse 300ms;
+}
+
+@keyframes Zooms {
+  0% {
+    transform: scale(1);
+  }
+  30% {
+    transform: scale(1.5);
+    left: -5%;
+    top: -5%;
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1.5);
+    left: -5%;
+    top: -5%;
+    opacity: 0;
+  }
+}
+
+@keyframes Pulse {
+  0% {
+    transform: scale(.2);
+  }
+  60% {
+    transform: scale(1.2);
+  }
+  80% {
+    transform: scale(.8);
+  }
+  100% {
+    transform: scale(1);
   }
 }
diff --git a/src/components/collect/collect.tsx b/src/components/collect/collect.tsx
index 3c000a6..78c90fc 100644
--- a/src/components/collect/collect.tsx
+++ b/src/components/collect/collect.tsx
@@ -1,20 +1,57 @@
-import {FC} from "react";
+import {CSSProperties, FC, useCallback, useEffect, useState} from "react";
 import star from '@/static/img/star.png'
 import starLine from '@/static/img/starLine.png'
 import {Image, View} from "@tarojs/components";
 import styles from './collect.module.scss'
+import {Profile} from "@/store"
+import Taro from "@tarojs/taro";
+import {userApi} from "@/api";
 
 interface Props {
   onClick?: () => void
   select?: boolean
+  stylesImage?: CSSProperties
+  styles?: CSSProperties
+  owner_id: number
+  owner_type: CreateOwnerType
+  textHidden?: boolean
 }
 
 /** 收藏 */
 const Collect: FC<Props> = (props) => {
+  const {token} = Profile.useContainer()
+  const [loading, setLoading] = useState(false)
+  const [select, setSelect] = useState(props.select)
+
+  useEffect(() => {
+    setSelect(props.select)
+  }, [props])
+
+  const change = useCallback(async () => {
+    if (!token) {
+      Taro.navigateTo({url: '/pages/login/login'})
+      return
+    }
+    if (loading) return;
+    props.onClick?.()
+    console.log(select)
+    setSelect(!select)
+    setLoading(true)
+    await userApi.create({owner_id: props.owner_id, owner_type: props.owner_type})
+    setTimeout(() => {
+      setLoading(false)
+    }, 300)
+  }, [loading, token, select])
+
   return (
-    <View className={styles.collect}>
-      <Image src={props.select ? star : starLine}/>
-      {props.select ? '已收藏' : '收藏'}
+    <View className={styles.collect} onClick={change} style={props.styles}>
+      <View className={styles.collectImage} style={props.stylesImage}>
+        <View className={`${loading && select && styles.zoom}`}/>
+        <Image
+          src={(select && token) ? star : starLine}
+          className={`${loading && styles.pulse}`}/>
+      </View>
+      {!props.textHidden && (select ? '已收藏' : '收藏')}
     </View>
   )
 }
diff --git a/src/pages/business/videoInfo/components/catalogue.tsx b/src/pages/business/videoInfo/components/catalogue.tsx
index 55a1a5b..fe66310 100644
--- a/src/pages/business/videoInfo/components/catalogue.tsx
+++ b/src/pages/business/videoInfo/components/catalogue.tsx
@@ -12,6 +12,8 @@ import hourRecord from "@/static/img/hourRecord.png"
 import CustomPageContainer from "@/components/custom-page-container/custom-page-container";
 import {Profile} from "@/store";
 import LoginView from "@/components/loginView";
+import Collect from "@/components/collect/collect";
+import omit from '@/static/img/omit.png'
 
 interface Props {
   data: CourseDepData | null
@@ -45,11 +47,6 @@ const Catalogue: FC<Props> = ({data, setHors, id, playId}) => {
     }
   })
 
-
-  // function onPause() {
-  //   videoEvents.setVideoState('pause')
-  // }
-
   function jumCurHistory() {
     if (playId) {
       Taro.navigateTo({url: `/pages/business/hourHistory/hourHistory?courseId=${id}&hourId=${playId}`})
@@ -195,7 +192,15 @@ const Catalogue: FC<Props> = ({data, setHors, id, playId}) => {
             playing ? <MyButton className='flex-1'>播放中</MyButton>
               : <MyButton className='flex-1' onClick={learning}>立即学习</MyButton>
           }
-          <View className='px-3' onClick={() => setShow(true)}>...</View>
+          <Collect
+            owner_id={id}
+            owner_type={3}
+            styles={{flexDirection: 'column', justifyContent: 'center', padding: '20rpx'}}
+            stylesImage={{margin: '0 0 8rpx 0'}}/>
+          <View className='px-2' onClick={() => setShow(true)}>
+            <Image src={omit} style={{width: '32rpx', height: '32rpx'}} mode='widthFix'/>
+            <View>更多</View>
+          </View>
         </View>
       }
 
diff --git a/src/pages/business/videoInfo/videoInfo.scss b/src/pages/business/videoInfo/videoInfo.scss
index 1874753..ce38d75 100644
--- a/src/pages/business/videoInfo/videoInfo.scss
+++ b/src/pages/business/videoInfo/videoInfo.scss
@@ -76,6 +76,7 @@
 }
 
 .Videobutton {
+  align-items: center;
   display: flex;
   background: #fff;
   position: fixed;
@@ -84,6 +85,8 @@
   bottom: env(safe-area-inset-bottom);
   box-sizing: border-box;
   padding: 10px 20px;
+  color: #909795;
+  font-size: 24rpx;
 }
 
 .more {
diff --git a/src/pages/home/components/curRecommended.tsx b/src/pages/home/components/curRecommended.tsx
index d80a496..700786d 100644
--- a/src/pages/home/components/curRecommended.tsx
+++ b/src/pages/home/components/curRecommended.tsx
@@ -9,19 +9,9 @@ import Img from "@/components/image/image";
 import {beforeTime} from "@/utils/time";
 
 const toArticlePage = (d: any) => {
-  console.log({d})
-  switch (d.owner_type) {
-    case 1:
-      Taro.navigateTo({
-        url: `/pages/preview/brand/article/article?id=${d.id}`
-      })
-      return
-    case 2:
-      Taro.navigateTo({
-        url: `/pages/preview/illness/article/article?id=${d.id}`
-      })
-      return
-  }
+  Taro.navigateTo({
+    url: `/pages/preview/brand/article/article?id=${d.id}`
+  })
 }
 
 const CurRecommended: FC = () => {
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 91bbaad..65c7e62 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -8,6 +8,7 @@ import NavigationBar from "@/components/navigationBar/navigationBar";
 import Spin from "@/components/spinner";
 import Img from "@/components/image/image";
 import {beforeTime} from "@/utils/time";
+import {isBoolean} from "@tarojs/shared";
 
 const category: TabList[] = [
   {title: "企选课程", value: 'is_required'},
@@ -42,7 +43,7 @@ const AuditMode: FC = () => {
   const [enable, setEnable] = useState(true)
   useEffect(() => {
     publicApi.course({page: 1, pageSize: 10}).then(res => {
-      setAuditMode(res.audit_mode)
+      setAuditMode(isBoolean(res.audit_mode) ? res.audit_mode : res.audit_mode === 'true')
       setArticles(res.articles)
       setEnable(false)
     })
diff --git a/src/pages/preview/brand/article/article.module.scss b/src/pages/preview/brand/article/article.module.scss
index c6d9d5f..f88807c 100644
--- a/src/pages/preview/brand/article/article.module.scss
+++ b/src/pages/preview/brand/article/article.module.scss
@@ -38,6 +38,26 @@
   }
 }
 
+.botmBox {
+  z-index: 99;
+  position: fixed;
+  bottom: 0;
+  width: 690rpx;
+  height: 100rpx;
+  padding: 0 30rpx env(safe-area-inset-bottom);
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  background: #F5F8F7;
+  color: #909795;
+
+  View {
+    font-size: 26rpx;
+    padding: 0 10px;
+    text-align: center;
+  }
+}
+
 .article {
   font-size: 30rpx;
   display: flex;
@@ -52,3 +72,10 @@
   font-size: 40rpx;
   margin-bottom: 50rpx;
 }
+
+.articleBox {
+  background: #fff;
+  min-height: calc(100vh - env(safe-area-inset-bottom) + 180rpx);
+  box-sizing: border-box;
+  padding: 30rpx 30rpx calc(env(safe-area-inset-bottom) + 150rpx) 30rpx;
+}
diff --git a/src/pages/preview/brand/article/article.tsx b/src/pages/preview/brand/article/article.tsx
index f8b72a6..9b41257 100644
--- a/src/pages/preview/brand/article/article.tsx
+++ b/src/pages/preview/brand/article/article.tsx
@@ -1,5 +1,5 @@
 import {FC, useCallback, useEffect, useMemo, useState} from "react";
-import {Image, Text, View} from "@tarojs/components";
+import {Image, PageContainer, Text, View} from "@tarojs/components";
 import Taro, {useRouter} from "@tarojs/taro";
 import {ArticleRecord, brandApi} from "@/api";
 import styles from "./article.module.scss";
@@ -10,6 +10,8 @@ import Empty from "@/components/empty/empty";
 import Spin from "@/components/spinner";
 import {beforeTime} from "@/utils/time";
 import Img from "@/components/image/image";
+import Collect from "@/components/collect/collect";
+import catalogue from "@/static/img/catalogue.png";
 
 
 const article: FC = () => {
@@ -18,9 +20,12 @@ const article: FC = () => {
   const {id} = useRouter().params as unknown as { id: number }
   const [articleInfo, setArticleInfo] = useState<ArticleRecord>()
   const [ultra, setUltra] = useState(true)
+  const [show, setShow] = useState(false)
   const globalData = Taro.getApp().globalData
   const pageHeight = globalData.windowHeight - globalData.textBarHeight - globalData.statusBarHeight
-  const {children} = useMemo(() => parse(articleInfo?.content || ''), [articleInfo])
+  const {children, headings} = useMemo(() => parse(articleInfo?.content || ''), [articleInfo])
+  const query = Taro.createSelectorQuery()
+
 
   useEffect(() => {
     setTimeout(() => {
@@ -34,6 +39,22 @@ const article: FC = () => {
     }, 300)
   }, [children])
 
+  function mao(id: string) {
+    setShow(false)
+    Taro.nextTick(() => {
+      query.select(`#${id}`).boundingClientRect()
+      query.exec((res) => {
+        if (res.length) {
+          Taro.pageScrollTo({
+              scrollTop: res[res.length - 1].top,
+              duration: 300
+            }
+          )
+        }
+      })
+    })
+  }
+
   Taro.useReady(() => {
     getData().then()
   })
@@ -54,12 +75,30 @@ const article: FC = () => {
   function helloWorld() {
     return (
       <>
+        <View className={styles.botmBox}>
+          <View>
+            <Collect
+              select={articleInfo?.collect}
+              styles={{flexDirection: 'column', justifyContent: 'center', padding: '20rpx'}}
+              stylesImage={{margin: '0 0 8rpx 0'}}
+              owner_id={Number(id)}
+              owner_type={1}/>
+          </View>
+          {
+            headings.length > 0 && <View onClick={() => setShow(true)}>
+              <Image src={catalogue} mode='widthFix' style={{width: '40rpx', height: '40rpx'}}/>
+              <View>目录</View>
+            </View>
+          }
+        </View>
+
         <Spin overlay enable={enable}/>
-        <View style={{
-          padding: '10px',
-          height: !token ? Taro.getWindowInfo().windowHeight - 60 + 'px' : 'auto',
-          overflow: !token ? 'hidden' : 'auto'
-        }}>
+        <View
+          className={styles.articleBox}
+          style={{
+            height: !token ? Taro.getWindowInfo().windowHeight - 60 + 'px' : 'auto',
+            overflow: !token ? 'hidden' : 'auto'
+          }}>
           <View id="childrenNode">
             <View className={styles.articleTitle}>{articleInfo?.title}</View>
             {
@@ -67,7 +106,7 @@ const article: FC = () => {
                 <View>
                   {
                     articleInfo?.brands.map(d => <View className={styles.article}>
-                      <Img src={d.logo} width={80} height={80} className={styles.articleImag}/>
+                      <Img src={d.logo} width={80} height={80} className={styles.articleImag} errorType='avatar'/>
                       <View className='ml-2'>
                         <View>{d?.name}</View>
                         <View className='flex mt-1 text-muted font-24'>
@@ -97,9 +136,26 @@ const article: FC = () => {
             </View>
           </View>
         }
+        <PageContainer
+          onClickOverlay={() => setShow(false)}
+          show={show}
+          round
+          overlay
+          overlayStyle={'background:rgba(0,0,0,0.3)'}>
+          <View className="px-3 py-5">
+            {
+              headings.length > 0 && headings.map((d) => <View
+                  className="pb-3"
+                  style={{fontSize: '28rpx', fontWeight: '500', color: '#323635'}}
+                  onClick={() => mao(d.id)}>
+                  {d.text}
+                </View>
+              )
+            }
+          </View>
+        </PageContainer>
       </>
     )
-
   }
 
   return helloWorld()
diff --git a/src/pages/preview/brand/info/info.tsx b/src/pages/preview/brand/info/info.tsx
index b824190..f8d2413 100644
--- a/src/pages/preview/brand/info/info.tsx
+++ b/src/pages/preview/brand/info/info.tsx
@@ -111,7 +111,7 @@ const BrandInfo: FC = () => {
         <View className={styles['top']}>
           <View className='flex justify-between'>
             <Text className={`${styles['title']} flex-1`}>{brandInfo?.name}</Text>
-            <Collect/>
+            <Collect owner_type={4} owner_id={id} select={brandInfo?.collect}/>
           </View>
           <LineEllipsis text={brandInfo?.graphic_introduction || '暂无简介'}></LineEllipsis>
         </View>
diff --git a/src/pages/preview/brand/list/list.tsx b/src/pages/preview/brand/list/list.tsx
index 1ccaf2b..dc43706 100644
--- a/src/pages/preview/brand/list/list.tsx
+++ b/src/pages/preview/brand/list/list.tsx
@@ -19,40 +19,40 @@ const BrandItem: FC<{ data: BrandRecord; onClick: VoidFunction }> = ({data, onCl
     />
   } else if (data.brand_album) {
     media = <Img
-      // width={712}
       height={320}
       src={data.brand_album.split(",")[0]}
       mode="aspectFill"
       style={{background: '#ededed'}}
-      onClick={onClick}
     />
   }
 
   return (
     <View className="bg-white flex flex-column justify-stretch mb-2_4 rounded-10 clip">
-      <View className="p-3" onClick={onClick}>
-        <View className='mb-2 font-32 flex'>
-          <Img
-            width={76}
-            height={76}
-            src={data.logo}
-            mode='aspectFill'
-            errorType='avatar'
-            className="rounded-10 clip"
-            style={{background: '#ededed'}}
-          />
-          <View className="ml-2 flex-1">
-            <View className="text-row1 font-28">{data.name}</View>
-            <View className='font-24 mt-2 text-muted'>{beforeTime(data.created_at)}·加入</View>
+      <View className="p-3">
+        <View onClick={onClick}>
+          <View className='mb-2 font-32 flex'>
+            <Img
+              width={76}
+              height={76}
+              src={data.logo}
+              mode='aspectFill'
+              errorType='avatar'
+              className="rounded-10 clip"
+              style={{background: '#ededed'}}
+            />
+            <View className="ml-2 flex-1">
+              <View className="text-row1 font-28">{data.name}</View>
+              <View className='font-24 mt-2 text-muted'>{beforeTime(data.created_at)}·加入</View>
+            </View>
           </View>
-        </View>
 
-        <View className={styles.previewImag}>
-          {media}
-        </View>
+          <View className={styles.previewImag}>
+            {media}
+          </View>
 
-        <View className="font-24 text-muted mb-4 text-row3 mt-2" style={{lineHeight: 1.4}}>
-          {data.graphic_introduction}
+          <View className="font-24 text-muted mb-4 text-row3 mt-2" style={{lineHeight: 1.4}}>
+            {data.graphic_introduction}
+          </View>
         </View>
 
         <View className="flex gap20rpx font-24 text-muted justify-around">
@@ -60,7 +60,7 @@ const BrandItem: FC<{ data: BrandRecord; onClick: VoidFunction }> = ({data, onCl
             <Image src={articleLine}/>
             {data.article_count || 0}
           </View>
-          <Collect/>
+          <Collect owner_id={data.id} owner_type={4} select={data.collect}/>
         </View>
       </View>
     </View>
@@ -78,9 +78,13 @@ const BrandList: FC = () => {
     getData()
   }, [page])
 
-  const getData = useCallback(async () => {
+  Taro.useDidShow(() => {
+    brands.length && getData(true)
+  })
+
+  const getData = useCallback(async (replace = false) => {
     try {
-      const res = await brandApi.list(page, 10)
+      const res = await brandApi.list(replace ? 1 : page, replace ? 10 * page : 10)
       if (page === 1) {
         if (res.list.length < 10) {
           setText('暂无更多')
@@ -89,10 +93,16 @@ const BrandList: FC = () => {
         }
       }
       setTotal(res.total)
-      setBrands([
-        ...brands,
-        ...res.list
-      ])
+      const data = res.list.reduce((pre, cur) => {
+        const index = pre.findIndex(d => d.id === cur.id)
+        if (index > -1) {
+          pre.splice(index, 1, cur)
+        } else {
+          pre.push(cur)
+        }
+        return pre
+      }, JSON.parse(JSON.stringify(brands)))
+      setBrands(data)
     } catch (e) {
     }
     setLoading(false)
@@ -111,22 +121,18 @@ const BrandList: FC = () => {
     }
   }, [total, brands]))
 
-  let content: ReactNode
-  if (brands.length) {
-    content = (
-      <>
-        {brands.map(d => <BrandItem data={d} key={d.id} onClick={() => jumpInfo(d.id)}/>)}
-        <View className='text-center font-24 text-dark mt-3'>{text}</View>
-      </>
-    )
-  } else {
-    content = <Empty name='暂无品牌入驻'/>
-  }
 
   return (
     <View className='p-2'>
       <Spinner enable={loading} overlay/>
-      {content}
+      {
+        brands.length ?
+          <>
+            {brands.map(d => <BrandItem data={d} key={d.id} onClick={() => jumpInfo(d.id)}/>)}
+            <View className='text-center font-24 text-dark mt-3'>{text}</View>
+          </>
+          : <Empty name='暂无品牌入驻'/>
+      }
     </View>
   )
 }
diff --git a/src/pages/preview/illness/article/article.config.ts b/src/pages/preview/illness/article/article.config.ts
deleted file mode 100644
index 6901b40..0000000
--- a/src/pages/preview/illness/article/article.config.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export default definePageConfig({
-  navigationBarTitleText: '',
-  onReachBottomDistance: 50
-})
diff --git a/src/pages/preview/illness/article/article.module.scss b/src/pages/preview/illness/article/article.module.scss
deleted file mode 100644
index 1fbc3f1..0000000
--- a/src/pages/preview/illness/article/article.module.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-.botmBox {
-  z-index: 99;
-  position: fixed;
-  bottom: 0;
-  width: 750rpx;
-  box-sizing: border-box;
-  height: 180rpx;
-  padding-bottom: 60rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #F5F8F7;
-
-  view {
-    width: 560rpx;
-    height: 76rpx;
-    background: #45D4A8;
-    border-radius: 38rpx 38rpx 38rpx 38rpx;
-    color: #fff;
-    font-weight: 500;
-    font-size: 40rpx;
-    text-align: center;
-    line-height: 76rpx;
-  }
-}
-
-.fixedBox {
-  position: fixed;
-  z-index: 100;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
-
-  &-inner {
-    position: absolute;
-    width: 100vw;
-    top: 45vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    &-icon {
-      image {
-        width: 32rpx;
-        height: 32rpx;
-      }
-    }
-
-    &-box {
-      margin-top: 24rpx;
-      width: 680rpx;
-      left: 35rpx;
-      height: 76rpx;
-      background-color: #45D4A8;
-      color: #fff;
-      line-height: 76rpx;
-      text-align: center;
-      font-size: 32rpx;
-      font-weight: 500;
-      border-radius: 8rpx 8rpx 8rpx 8rpx;
-    }
-
-  }
-}
-
-
-.article {
-  font-size: 30rpx;
-  display: flex;
-  margin-bottom: 40rpx;
-}
-
-.articleImag {
-  border-radius: 100rpx;
-}
-
-.articleTitle {
-  font-size: 40rpx;
-  margin-bottom: 50rpx;
-}
diff --git a/src/pages/preview/illness/article/article.tsx b/src/pages/preview/illness/article/article.tsx
deleted file mode 100644
index 172a5c1..0000000
--- a/src/pages/preview/illness/article/article.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import {FC, useEffect, useMemo, useState} from "react";
-import {Image, PageContainer, Text, View} from "@tarojs/components";
-import Taro, {useRouter} from "@tarojs/taro";
-import {ArticleRecord, brandApi} from "@/api";
-import styles from './article.module.scss'
-import down from '@/static/img/doubleDown.png'
-import {Profile} from "@/store";
-import {parse} from "@/utils/marked/marked";
-import {beforeTime} from "@/utils/time";
-import Img from "@/components/image/image";
-
-const article: FC = () => {
-  const {token} = Profile.useContainer()
-  const {id} = useRouter().params as unknown as { id: number }
-  const [show, setShow] = useState(false)
-  const [articleInfo, setArticleInfo] = useState<ArticleRecord>()
-  const {children, headings} = useMemo(() => parse(articleInfo?.content || ''), [articleInfo])
-  const query = Taro.createSelectorQuery()
-
-  useEffect(() => {
-    getData()
-  }, [id])
-
-  const getData = async () => {
-    Taro.setNavigationBarTitle({title: '疾病文章详情'})
-    try {
-      const data = await brandApi.articleInfo(id)
-      Taro.setNavigationBarTitle({title: data.title})
-      setArticleInfo(data)
-    } catch (e) {
-    }
-  }
-
-  function mao(id: string) {
-    console.log(id)
-    setShow(false)
-    Taro.nextTick(() => {
-      query.select(`#${id}`).boundingClientRect()
-      query.exec((res) => {
-        if (res.length) {
-          Taro.pageScrollTo({
-              scrollTop: res[res.length - 1].top,
-              duration: 300
-            }
-          )
-        }
-      })
-    })
-  }
-
-  function helloWorld() {
-    return (
-      <>
-        <View className={styles.botmBox} style={{display: show ? 'none' : 'flex'}} onClick={() => setShow(true)}>
-          <View>文章导航</View>
-        </View>
-        <View style={{
-          padding: '10px',
-          height: !token ? Taro.getWindowInfo().windowHeight - 60 + 'px' : 'auto',
-          overflow: !token ? 'hidden' : 'auto'
-        }}>
-          <View>
-            <View className={styles.articleTitle}>{articleInfo?.title}</View>
-            {
-              articleInfo?.brands.map(d => <View className={styles.article}>
-                <Img src={d.logo} width={80} height={80} className={styles.articleImag} errorType="avatar"/>
-                <View className='ml-2'>
-                  <View>{d?.name}</View>
-                  <View className='flex mt-1 text-muted font-24'>
-                    <View className='mr-2'>{beforeTime(articleInfo?.created_at)} . </View>
-                    <View>阅读 {articleInfo.page_view || 1}</View>
-                  </View>
-                </View>
-              </View>)
-            }
-          </View>
-          <View></View>
-          {children}
-        </View>
-        {
-          !token &&
-          <View className={styles.fixedBox}>
-            <View className={styles['fixedBox-inner']}>
-              <View className={styles['fixedBox-inner-icon']}>
-                <Image src={down}></Image>
-              </View>
-              <View className={styles['fixedBox-inner-box']}
-                    onClick={() => Taro.navigateTo({url: '/pages/login/login'})}>
-                <Text>登录查看更多内容</Text>
-              </View>
-            </View>
-          </View>
-        }
-
-        <PageContainer onClickOverlay={() => {
-          setShow(false)
-        }} show={show} round={true} overlay={true} overlayStyle={'background:rgba(0,0,0,0.3)'}>
-          <View className="px-3 py-5">
-            {headings.length > 0 &&
-              headings.map((d) =>
-                <View className="pb-3" style={{fontSize: '28rpx', fontWeight: '500', color: '#323635'}} onClick={() => {
-                  mao(d.id)
-                }}>{d.text}</View>
-              )
-            }
-          </View>
-        </PageContainer>
-      </>
-    )
-  }
-  return helloWorld()
-}
-export default article
diff --git a/src/pages/preview/illness/list/list.tsx b/src/pages/preview/illness/list/list.tsx
index 877995b..7089638 100644
--- a/src/pages/preview/illness/list/list.tsx
+++ b/src/pages/preview/illness/list/list.tsx
@@ -34,7 +34,7 @@ const BrandList: FC = () => {
   }, [page])
 
   function jump(id: number) {
-    Taro.navigateTo({url: '/pages/preview/illness/article/article?id=' + id})
+    Taro.navigateTo({url: '/pages/preview/brand/article/article?id=' + id})
   }
 
 
diff --git a/src/pages/preview/search/search/index.module.scss b/src/pages/preview/search/search/index.module.scss
index 88d34c3..3ead51e 100644
--- a/src/pages/preview/search/search/index.module.scss
+++ b/src/pages/preview/search/search/index.module.scss
@@ -1,46 +1,58 @@
-page{
-  background-color:#F2F8F6;
+page {
+  background-color: #F2F8F6;
 
-  .navBox{
-    position: fixed;
-    width:750rpx;
+  .searchHeader {
+    margin-top: 10px;
+    padding: 0 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    transition: all 200ms;
+    position: sticky;
+    z-index: 200 ;
+    overflow: hidden;
   }
-  .searchBox{
-    width: 690rpx;
+
+  .searchBox {
+    flex: 1;
     height: 68rpx;
     background: #FFFFFF;
-    border-radius: 32rpx 32rpx 32rpx 32rpx;
+    border-radius: 32rpx;
     box-sizing: border-box;
     display: flex;
     align-items: center;
-    padding:0 24rpx;
-    .input{
+    padding: 0 24rpx;
+
+    .input {
       font-size: 28rpx;
-      font-weight: 500;
-      margin-left: 24rpx;
-      flex:1;
+      margin-left: 20rpx;
+      flex: 1;
     }
   }
-  .titleBox{
-    margin-top: 60rpx;
+
+  .titleBox {
+    margin-top: 40rpx;
     width: 100%;
     display: flex;
     box-sizing: border-box;
     padding-right: 30rpx;
     justify-content: space-between;
-    .title{
-      font-size: 28rpx;
+
+    .title {
+      font-size: 30rpx;
       font-weight: bold;
       color: #323635;
     }
   }
-  .contentBox{
+
+  .contentBox {
     display: flex;
     flex-wrap: wrap;
-    .items{
+
+    .items {
       display: inline-block;
       background: #FFFFFF;
-      border-radius:32rpx;
+      border-radius: 32rpx;
       padding: 10rpx 24rpx;
       font-size: 24rpx;
       font-weight: 500;
diff --git a/src/pages/preview/search/search/index.tsx b/src/pages/preview/search/search/index.tsx
index 4641474..f68dbaa 100644
--- a/src/pages/preview/search/search/index.tsx
+++ b/src/pages/preview/search/search/index.tsx
@@ -1,110 +1,121 @@
-import {Input, View, Text, PageContainer} from "@tarojs/components";
-import {FC, useEffect, useState} from "react";
-import { AtIcon } from 'taro-ui'
+import {Input, View, Text, PageContainer, Image} from "@tarojs/components";
+import {FC, useEffect, useMemo, useState} from "react";
 import styles from './index.module.scss'
 import Taro from "@tarojs/taro";
-import { useReady, useDidShow } from '@tarojs/taro'
+import {useDidShow} from '@tarojs/taro'
 import SearchList from './components/list'
+import NavigationBar from "@/components/navigationBar/navigationBar";
+import search from '@/static/img/search.png'
+import del from '@/static/img/del.png'
 
 
-const Search:FC = () => {
-  const globalData = Taro.getApp().globalData
+const Search: FC = () => {
   const [value, setValue] = useState('')
   const [recentSearch, setRecentSearch] = useState<string[]>([])
-  const [hotSearch,setHotSearch] = useState<any[]>([])
+  const [hotSearch] = useState<any[]>([])
   const [show, setShow] = useState(false)
+  const [focus, setFocus] = useState(false)
 
-  useReady(()=>{
-    console.log('onReady')
-  })
-  useDidShow(()=>{
-    getRecentSearch()
-  })
 
-  useEffect(()=>{
-    if(!show){
-      getRecentSearch()
-    }
-  },[show])
+  useDidShow(getRecentSearch)
 
-  function inpFn(e){
+  useEffect(() => {
+    !show && getRecentSearch()
+  }, [show])
+
+  function inpFn(e) {
     setValue(e.detail.value)
   }
 
-  function clearSearch(){
+  function clearSearch() {
     Taro.removeStorageSync('recentSearch')
     getRecentSearch()
+    Taro.showToast({title: '删除成功'})
   }
 
-  function getRecentSearch () {
+  function getRecentSearch() {
     setRecentSearch(Taro.getStorageSync('recentSearch'))
   }
+
   function getSearchItem(value) {
     setValue(value)
-    // Taro.navigateTo({
-    //   url:`/pages/preview/search/list/index?name=${value}`
-    // })
     setShow(true)
   }
 
- function searchInput(){
-   if (value === "") return;
-   getSearchItem(value)
-   //记录最近搜索
-   let recentSearch = Taro.getStorageSync('recentSearch') || [];
-   recentSearch.unshift(value);
-   Taro.setStorageSync('recentSearch', [...new Set(recentSearch)])
- }
+  function searchInput() {
+    if (value === "") return;
+    getSearchItem(value)
+    //记录最近搜索
+    let recentSearch = Taro.getStorageSync('recentSearch') || [];
+    recentSearch.unshift(value);
+    Taro.setStorageSync('recentSearch', [...new Set(recentSearch)])
+  }
 
- function navBack(){
-    Taro.navigateBack()
- }
+  function cancelSearch(){
+    setValue('')
+    setShow(false)
+    setFocus(false)
+  }
+
+
+  const searchStyles = useMemo((): React.CSSProperties | undefined => {
+    if (focus || show) {
+      return {
+        transform: "translateY(-43px)",
+        width: "70%",
+      }
+    }
+  }, [focus, show])
 
 
   return (
     <View className="flex flex-column">
-        <View className={styles.navBox} style={{height:`${globalData.statusBarHeight+globalData.textBarHeight}px`}}>
-          <View style={{height:`${globalData.statusBarHeight}px`}}></View>
-          <View  style={{height:`${globalData.textBarHeight}px`,display:'flex',alignItems:'center'}}>
-            <View className="flex justify-end" style={{width:'40px'}}>
-              <AtIcon value='chevron-left' size='25' color='#333' onClick={navBack}></AtIcon>
-            </View>
-            <View className="font-28 font-weight flex-1" style={{display:'flex',justifyContent:'center',paddingRight:'40px',boxSizing:'border-box'}}>搜索</View>
-          </View>
-        </View>
-
-        <View style={{paddingLeft: '30rpx'}}>
-        <View style={{height:`${globalData.statusBarHeight+globalData.textBarHeight}px`}}></View>
+      <NavigationBar text='搜索'/>
+      <View className={styles.searchHeader} style={searchStyles}>
         <View className={styles.searchBox}>
-          <AtIcon value='search' size='20' color='#ccc'></AtIcon>
-          { show ?
-            <Text className={styles.input} >{value}</Text>:
-            <Input className={styles.input} placeholder="输入关键字搜索" type={'text'} confirmType={'search'} onInput={inpFn} onConfirm={searchInput} />
-          }
+          <Image src={search} style={{width: '32rpx', height: '32rpx'}} mode='widthFix'/>
+          <Input
+            onFocus={() => setFocus(true)}
+            onBlur={() => setFocus(false)}
+            className={styles.input}
+            placeholder={(focus || show) ? '' : "输入关键字搜索"}
+            type='text'
+            value={value}
+            confirmType='search'
+            onInput={inpFn}
+            onConfirm={searchInput}/>
+
         </View>
+        {focus || show ? <View className='px-2 text-dark' onClick={cancelSearch}>取消</View> : null}
+      </View>
+
 
       {
         recentSearch.length >= 1 && !show &&
-        <>
-          <View className={styles.titleBox} >
+        <View className='px-2'>
+          <View className={styles.titleBox}>
             <Text className={styles.title}>最近搜索</Text>
-            <AtIcon onClick={clearSearch} value='trash' size='16' color='#909795'></AtIcon>
+            <Image
+              src={del}
+              mode='widthFix'
+              style={{width: '16px', height: '16px', padding: '0 20rpx'}}
+              onClick={clearSearch}/>
           </View>
-            <View className={styles.contentBox}>
-              {
-                recentSearch.length &&
-                recentSearch?.map(d =>
-                  <View className={styles.items}>
-                    <View onClick={()=>{getSearchItem(d)}} className="font-28" >{d}</View>
-                  </View>)
-              }
-            </View>
-        </>
+          <View className={styles.contentBox}>
+            {
+              recentSearch.length > 0 &&
+              recentSearch?.map(d =>
+                <View className={styles.items}>
+                  <View onClick={() => getSearchItem(d)} className="font-28">{d}</View>
+                </View>)
+            }
+          </View>
+        </View>
       }
       {
         hotSearch.length >= 1 && !show &&
         <>
-          <View className={`flex justify-between ${styles.titleBox}`} >
+          <View className={`flex justify-between ${styles.titleBox}`}>
 
             <Text className="font-32 fwb">热门搜索</Text>
           </View>
@@ -114,7 +125,9 @@ const Search:FC = () => {
                 hotSearch.length &&
                 hotSearch.map(d =>
                   <View className="py-1 px-2 rounded-40 mr-2 mb-2 bg-warning text-white">
-                    <View onClick={()=>{getSearchItem(d)}} className="font-28" >{d}</View>
+                    <View onClick={() => {
+                      getSearchItem(d)
+                    }} className="font-28">{d}</View>
                   </View>)
               }
             </View>
@@ -122,11 +135,15 @@ const Search:FC = () => {
         </>
       }
 
-      <PageContainer onBeforeLeave={() => {setShow(false)}}  onClickOverlay={()=>{ setShow(false)}} show={show} round={true} overlay={true} overlayStyle={'background:rgba(0,0,0,0)'} >
-        <SearchList name={value} clear={show} />
+      <PageContainer
+        onBeforeLeave={cancelSearch}
+        onClickOverlay={cancelSearch}
+        show={show}
+        round
+        overlay
+        overlayStyle={'background:rgba(0,0,0,0)'}>
+        <SearchList name={value} clear={show}/>
       </PageContainer>
-        </View>
-
     </View>
   )
 }
diff --git a/src/static/img/catalogue.png b/src/static/img/catalogue.png
new file mode 100644
index 0000000..fe7be43
Binary files /dev/null and b/src/static/img/catalogue.png differ
diff --git a/src/static/img/omit.png b/src/static/img/omit.png
new file mode 100644
index 0000000..28e72c9
Binary files /dev/null and b/src/static/img/omit.png differ
diff --git a/types/user.d.ts b/types/user.d.ts
index cf2ba55..17120db 100644
--- a/types/user.d.ts
+++ b/types/user.d.ts
@@ -95,5 +95,19 @@ interface HourHistory extends Curriculum {
   }
 }
 
+/**
+ * 收藏类型，收藏类型 1文章 2视频 3课程 4其他(品牌)
+ */
+type CreateOwnerType = 1 | 2 | 3 | 4
+
+/** 收藏 */
+interface Create {
+  /**
+   * 收藏id
+   */
+  owner_id: number
+  owner_type: CreateOwnerType
+}
+