赵忠林
43106acc27
- 新增 .editorconfig、.eslintrc、.gitignore 配置文件 - 添加管理员文章管理页面配置和功能实现 - 添加经销商申请注册页面配置和功能实现 - 添加经销商银行卡管理页面配置和功能实现 - 添加经销商客户管理页面配置和功能实现 - 添加用户地址管理页面配置和功能实现 - 添加用户聊天消息页面配置和功能实现 - 添加用户礼品管理页面配置和功能实现
32 lines
905 B
TypeScript
32 lines
905 B
TypeScript
import { useEffect, useState } from 'react'
|
|
import { Swiper } from '@nutui/nutui-react-taro'
|
|
import {CmsAd} from "@/api/cms/cmsAd/model";
|
|
import {Image} from '@nutui/nutui-react-taro'
|
|
import {getCmsAdByCode} from "@/api/cms/cmsAd";
|
|
|
|
const MyPage = () => {
|
|
const [item, setItem] = useState<CmsAd>()
|
|
const reload = async () => {
|
|
const flash = await getCmsAdByCode('flash')
|
|
console.log(flash)
|
|
setItem(flash)
|
|
}
|
|
|
|
useEffect(() => {
|
|
reload().then()
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<Swiper defaultValue={0} height={item?.height} indicator style={{ height: item?.height + 'px' }}>
|
|
{item?.imageList?.map((item) => (
|
|
<Swiper.Item key={item}>
|
|
<Image width="100%" height="100%" src={item.url} mode={'scaleToFill'} lazyLoad={false} style={{ height: item.height + 'px' }} />
|
|
</Swiper.Item>
|
|
))}
|
|
</Swiper>
|
|
</>
|
|
)
|
|
}
|
|
export default MyPage
|