自定义ui视频组件部修正

master
一杯沧海 1 year ago
parent e3ced26435
commit 07fed1a1e5
  1. 7
      src/components/videoPro/index.tsx
  2. 1
      src/pages/my/my.tsx
  3. 2
      src/pages/search/index.tsx

@ -5,7 +5,7 @@ import Icon from "@/components/icon";
import {AtSlider} from "taro-ui"; import {AtSlider} from "taro-ui";
import Taro from "@tarojs/taro"; import Taro from "@tarojs/taro";
import full from "@/static/img/fullscreen.png" import full from "@/static/img/fullscreen.png"
import unfull from "@/static/img/exitFullscreen.png" import unFull from "@/static/img/exitFullscreen.png"
type Props = { type Props = {
src: string src: string
@ -45,7 +45,6 @@ const VideoPro:FC<Props> = ({src,onRef,showFull}) => {
}, []); }, []);
function onTouchStart(){ function onTouchStart(){
if(!showMenu) { if(!showMenu) {
setShowMenu(true) setShowMenu(true)
@ -188,8 +187,8 @@ const VideoPro:FC<Props> = ({src,onRef,showFull}) => {
<Text className="text-white font-26 pr-2">{total_duration}</Text> <Text className="text-white font-26 pr-2">{total_duration}</Text>
{ showFull && { showFull &&
<> <>
{isFull? <Image style={{width:'25px',height:'25px'}} onClick={() => {videoContext.current.exitFullScreen()}} src={unfull} /> {isFull? <Image style={{width:'25px',height:'25px'}} onClick={() => videoContext.current.exitFullScreen() } src={unFull} />
: <Image style={{width:'23px',height:'23px'}} src={full} onClick={() => {videoContext.current.requestFullScreen({direction:90})}} />} : <Image style={{width:'23px',height:'23px'}} src={full} onClick={() => videoContext.current.requestFullScreen({direction:90}) } />}
</> </>
} }
</> </>

@ -15,7 +15,6 @@ import over from "@/static/img/over.png";
import incomplete from "@/static/img/incomplete.png"; import incomplete from "@/static/img/incomplete.png";
import avatar from "@/static/img/avatar.png"; import avatar from "@/static/img/avatar.png";
interface List { interface List {
title: string title: string
time: string | number time: string | number

@ -125,7 +125,7 @@ const Search: FC = () => {
{ {
recentSearch.length > 0 && recentSearch.length > 0 &&
recentSearch?.map(d => recentSearch?.map(d =>
<View className={styles.items}> <View key={d} className={styles.items}>
<View onClick={() => getSearchItem(d)} className="font-28">{d}</View> <View onClick={() => getSearchItem(d)} className="font-28">{d}</View>
</View>) </View>)
} }

Loading…
Cancel
Save