答案样式 && 空状态

src/api/request.ts

@@ -43,7 +43,12 @@ export const ERROR_STATUS: Record<number | string, string> = {
   'INVALID_DATA': '服务器响应异常~',
   'OVERSTEP': '请求越界~'
 }
-let isOverdue = false
+
+const whitelist = [
+  '/api/v1/auth/login/code',
+  '/api/v1/auth/login/checkout',
+  '/api/v1/auth/login/wechat'
+]
 
 export function request<T = unknown>(
   url: string,
@@ -63,6 +68,13 @@ export function request<T = unknown>(
   if (token) {
     option.header ??= {}
     option.header['Authorization'] = `Bearer ${token}`
+  } else {
+    /** 登录页面白名单 */
+    if (Taro.getCurrentInstance().router?.path === '/pages/login/login') {
+      if (!whitelist.includes(url)) {
+        return new Promise((_, reject) => reject())
+      }
+    }
   }
   if (method === 'GET' && data) {
     let parameter = ''
@@ -71,11 +83,10 @@ export function request<T = unknown>(
     })
     option.url += parameter
   }
-  if (isOverdue) {
-    isOverdue = false
-  }
   data && (option.data = data)
   return new Promise<T>((resolve, reject) => {
+
+
     Taro.request<T>({
       ...option,
       success(res) {
@@ -84,16 +95,13 @@ export function request<T = unknown>(
           if (data?.code === 0 && res.statusCode === 200) {
             resolve(data.data || [])
           } else if (res.statusCode === 401) {
-            if (!isOverdue) {
+            Taro.showModal({
-              isOverdue = true
+              title: "登录过期,需重新登陆",
-              Taro.showModal({
+              showCancel: false,
-                title: "登录过期,需重新登陆",
+              success({confirm}) {
-                showCancel: false,
+                confirm && Taro.reLaunch({url: '/pages/login/login'})
-                success({confirm}) {
+              }
-                  confirm && Taro.reLaunch({url: '/pages/login/login'})
+            })
-                }
-              })
-            }
           } else {
             Taro.showToast({title: data.msg || ERROR_STATUS[res.statusCode] || '请求错误~', icon: 'error'})
             reject(null)

src/app.scss

@@ -249,8 +249,6 @@
 .bg-gray{ background-color: gray;}
 .bg-transparent { background-color: transparent;}
 
-
-
 /* 文字颜色 */
 .text-white {color: #ffffff }
 .text-primary {color: #007bff;}

src/components/empty/empty.module.scss

@@ -0,0 +1,21 @@
+.empty {
+  width: 750rpx;
+  text-align: center;
+  color: #6c757d;
+  position: relative;
+
+  Image {
+    display: block;
+    margin: auto;
+    width: 400px;
+    margin-bottom: 10px;
+  }
+
+  View {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 40px;
+    margin: auto;
+  }
+}

src/components/empty/empty.tsx

@@ -0,0 +1,19 @@
+import {FC} from "react";
+import {Image, View} from "@tarojs/components";
+import emptyImg from '@/static/img/empty.png'
+import styles from './empty.module.scss'
+
+interface Props {
+  name: string
+}
+
+const Empty: FC<Props> = ({name}) => {
+  return (
+    <View className={styles.empty}>
+      <Image src={emptyImg} mode='widthFix'/>
+      <View>{name}</View>
+    </View>
+  )
+}
+
+export default Empty

src/components/topic/judge.tsx

@@ -73,7 +73,8 @@ const Judge: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate, frequen
 
 
       {error && frequency == 0 && <View className='mt-3'>
-        <View className='font-weight mb-3'>错误答案解析</View>
+        <View className='right_answer'>正确答案：{data.right_answer ? '正确' : '错误'}</View>
+        <View className='font-weight my-3'>题目解析</View>
         <View>{data.analysis}</View>
       </View>}
     </View>

src/components/topic/multi.tsx

@@ -88,7 +88,8 @@ const Multi: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate, frequen
 
 
       {error && frequency == 0 && <View className='mt-3'>
-        <View className='font-weight mb-3'>错误答案解析</View>
+        <View className='right_answer'>正确答案：{data.right_answer}</View>
+        <View className='font-weight my-3'>题目解析</View>
         <View>{data.analysis}</View>
       </View>}
     </View>

src/components/topic/shortAnswer.tsx

@@ -63,7 +63,7 @@ const ShortAnswer: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate, f
 
 
       {frequency == 0 && <View className='mt-3'>
-        <View className='font-weight mb-3'>解析</View>
+        <View className='font-weight my-3'>题目解析</View>
         <View>{data.analysis}</View>
       </View>}
 

src/components/topic/topic.scss

@@ -1,10 +1,12 @@
 .topic {
   padding: 40rpx;
   box-sizing: border-box;
+  background: #FFF;
 
   .option {
     display: block;
     margin-bottom: 10px;
+    line-height: 2;
   }
 }
 
@@ -23,3 +25,11 @@
     width: 40%;
   }
 }
+
+
+.right_answer{
+  font-weight: bold;
+  color: #FF9E5F;
+  line-height: 40rpx;
+  font-size: 32px;
+}

src/components/video/video.tsx

@@ -53,7 +53,8 @@ const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
   return (
     <Video
       id={'myVideo'}
-      style={{width:'100%',height:'100%'}}
+      autoplay
+      style={{width: '100%', height: '100%'}}
       poster={opt?.poster || ''}
       src={opt.src}
       enableProgressGesture={false}

src/pages/business/history/history.tsx

@@ -6,6 +6,7 @@ import Taro from "@tarojs/taro";
 import {userApi} from "@/api";
 import {useState} from "react";
 import {formatMinute} from "@/utils/time";
+import Empty from "@/components/empty/empty";
 
 const History = () => {
   const [data, setData] = useState<userRecord[]>([])
@@ -25,18 +26,17 @@ const History = () => {
       <CategoryTabs changeTabs={getData}/>
 
       <View className='mt-3'>
-        {data.map(d => <View className={styles.category} onClick={() => jump(d.course_id, d.course.title)}>
+        {data.length ? data.map(d => <View className={styles.category}
+                                           onClick={() => jump(d.course_id, d.course.title)}>
           <View className={styles.thumb}>
-            <Image src={d.course.thumb} />
+            <Image src={d.course.thumb}/>
             <View>共{d.total_hour_count}节/已学{d.finished_count}节</View>
           </View>
           <View className={styles.text}>
             <View>{d.course.title}</View>
-            <View>{formatMinute(d.duration)}</View>
+            <View>观看{formatMinute(d.duration)}</View>
           </View>
-        </View>)}
+        </View>) : <Empty name='无观看记录'/>}
-
-        <View className='text-center text-muted mt-3'>- 暂无更多数据 -</View>
       </View>
     </View>
   )

src/pages/business/test/test.tsx

@@ -104,7 +104,9 @@ const Test = () => {
           validate={validate}/>)
       }
 
-      <Button className='button' onClick={onSubmit}>交卷</Button>
+      <View className='bg-white pb-3'>
+        <Button className='button' onClick={onSubmit}>交卷</Button>
+      </View>
     </View>
   )
 }

src/pages/business/videoInfo/components/course.tsx

@@ -62,7 +62,6 @@ const Course: FC<Props> = ({id, courseId, preview, curEnd}: Props) => {
     setShow(true)
   }
 
-
   async function getData() {
     unique_ident.put()
 

src/pages/index/components/videoList.tsx

@@ -6,6 +6,7 @@ import VideoCover from "@/components/videoCover/videoCover";
 import styles from '../index.module.scss'
 import {formatMinute} from "@/utils/time";
 import {userApi} from "@/api";
+import Empty from "@/components/empty/empty";
 
 interface Props {
   categoryKey: CoursesKey
@@ -114,7 +115,7 @@ export const VideoList: FC<Props> = ({categoryKey}) => {
   }, [page])
   return (
     <View className={'py-2 flex justify-between flex-wrap ' + styles.videoListBox}>
-      {data?.[categoryKey]?.map(c =>
+      {data?.[categoryKey]?.length ? data?.[categoryKey]?.map(c =>
         <VideoCover
           thumb={c.thumb}
           title={c.title}
@@ -122,7 +123,7 @@ export const VideoList: FC<Props> = ({categoryKey}) => {
           depId={c.id}
           time={formatMinute(c.course_duration)}
           content={rateOfLearning(c.id, c.class_hour)}
-        />)}
+        />) : <Empty name='暂无数据'/>}
     </View>
   )
 }

src/pages/index/index.tsx

@@ -30,7 +30,6 @@ const Index: FC = () => {
         {/*<Search/>*/}
         <Tabs tabList={category} onChange={tabChange} current={categoryKey}/>
         <VideoList categoryKey={categoryKey}/>
-        <View className='text-center text-muted my-3'>- 暂无更多 -</View>
       </View>
     </Profile.Provider>
   )

src/pages/login/login.module.scss

@@ -39,10 +39,7 @@
   justify-content: center;
   align-items: center;
   gap: 12px;
-  background: red;
+  margin: 0 auto;
-  color: #fff;
-  border-radius: 20px;
-  margin: 0 56px;
 }
 
 

src/pages/login/login.tsx

@@ -1,6 +1,6 @@
 import {FC, useEffect, useRef, useState} from "react";
 import {Profile} from "@/store";
-import {Button, CustomWrapper, Form, Image, Input, PageContainer, Text, View} from "@tarojs/components";
+import {Button, Form, Image, Input, PageContainer, Text, View} from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import styles from './login.module.scss'
 import Loading from "@/components/loading";
@@ -72,7 +72,8 @@ const Bing: FC<BingProps> = ({code, catch_key}: BingProps) => {
           </View>
         </View>
 
-        <Button className={styles.submit} style='margin:30px 0' formType='submit' disabled={loading}>提交</Button>
+        <Button className={'button ' + styles.submit} style='margin:30px auto' formType='submit'
+                disabled={loading}>提交</Button>
       </Form>
     </View>
   )
@@ -138,7 +139,7 @@ const Login = () => {
       <View className={styles.loginTips}>
         <Text>请完成微信授权以继续使用！</Text>
       </View>
-      <Button className={styles.submit} onClick={login} disabled={isLoading}>
+      <Button className={'button ' + styles.submit} onClick={login} disabled={isLoading}>
         {isLoading ? <Loading/> : null}
         <Text>微信授权登录</Text>
       </Button>
@@ -148,11 +149,9 @@ const Login = () => {
 
 const Index: FC = () => {
   return (
-    <CustomWrapper>
+    <Profile.Provider>
-      <Profile.Provider>
+      <Login/>
-        <Login/>
+    </Profile.Provider>
-      </Profile.Provider>
-    </CustomWrapper>
   )
 }
 export default Index

src/pages/manage/addCur/addCur.tsx

@@ -6,6 +6,7 @@ import Tabs, {TabList} from "@/components/tabs/tabs";
 import {Category, publicApi} from "@/api/public";
 import Taro from "@tarojs/taro";
 import VideoCover from "@/components/videoCover/videoCover";
+import Empty from "@/components/empty/empty";
 
 interface AddProps {
   cur_id: number,
@@ -117,10 +118,8 @@ const AddCur = () => {
               />
             ))}
           </View>
-          : null
+          : <Empty name='无更多课程'/>
       }
-
-      <View className='text-center mt-3'>- 暂无更多 -</View>
     </CustomWrapper>
   )
 }

src/pages/manage/curriculum/curriculum.tsx

@@ -4,6 +4,7 @@ import VideoCover from "@/components/videoCover/videoCover";
 import styles from './curriculum.module.scss'
 import {ManageApi} from "@/api/manage";
 import Taro from "@tarojs/taro";
+import Empty from "@/components/empty/empty";
 
 
 const Curriculum = () => {
@@ -56,9 +57,8 @@ const Curriculum = () => {
               content={d.title}/>
           ))}
         </View>
-        : null
+        : <Empty name='无购买课程'/>
       }
-      <View className='text-center mt-3'>- 暂无更多数据 -</View>
     </CustomWrapper>
   )
 }

src/static/css/module.scss

@@ -1,17 +1,17 @@
 page {
   background-color: #efeff7;
   font-family: PingFang SC-Bold, PingFang SC;
+  -webkit-overflow-scrolling: touch
 }
 
 .input {
   height: 84rpx;
   background: #F5F8F7;
-  border-radius:8px;
+  border-radius: 8px;
   padding: 0 20px;
 }
 
 .form {
-
   .item {
     margin-bottom: 10px;
     display: flex;
@@ -54,7 +54,7 @@ page {
   }
 }
 
-.Textarea{
+.Textarea {
   width: 100%;
   border-radius: 10px;
   overflow: hidden;
@@ -63,7 +63,7 @@ page {
   border: 1px solid #ddd;
 }
 
-.button{
+.button {
   width: 690rpx;
   line-height: 76rpx;
   background: #45D4A8;