feat: 活动详情页

This commit is contained in:
eric
2022-11-20 09:42:50 +08:00
parent 5e6c468105
commit b3f322bf34
7 changed files with 27 additions and 23 deletions

View File

@@ -1,4 +1,4 @@
import { Button } from "@antmjs/vantui";
import { Button, Cell } from "@antmjs/vantui";
import { RichText, View } from "@tarojs/components";
import Taro from "@tarojs/taro";
import react, { useEffect, useState } from "react";
@@ -40,13 +40,29 @@ const details = () => {
return (
<View className={`detailContent`}>
<View>
<View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
<Image
<View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
<Image
width="100%"
height="120px"
fit="cover"
src="https://img.yzcdn.cn/vant/cat.jpeg"
/>
<View>
<Cell
isLink
icon="clock"
title="2022年11月22日"
linkType="navigateTo"
url="/pages/dashboard/index"
/>
<Cell
isLink
icon="location"
title="广东省深圳市龙华区你好"
linkType="navigateTo"
url="/pages/dashboard/index"
/>
</View>
{/* 头像列表 */}
{[1, 2, 3, 4].map((item: any) => {
@@ -61,7 +77,7 @@ const details = () => {
})}
</View>
{/* 富文本 */}
<View onClick={() => {}} className='RichText'>
<View onClick={() => {}} className="RichText">
{/* <View>{dataSource?.[0]?.actTitle}</View> */}
<RichText nodes={dataSource?.[0]?.richText} />

View File

@@ -88,7 +88,7 @@ const Home = () => {
{/* 轮播图 */}
<View className="demo-box">
<Swiper
height={200}
height={180}
paginationColor="#426543"
autoPlay="3000"
initPage={initPage1}
@@ -153,9 +153,9 @@ const Home = () => {
</Grid>
{/* 分割线 */}
<View>
{/* <View>
<Divider />
</View>
</View> */}
{[1, 2,3,4].map((item: any) => {
return (