feat: 首页搜索栏

This commit is contained in:
eric
2023-12-02 16:18:42 +08:00
parent a336c930dc
commit ec15ae8faa
2 changed files with 20 additions and 3 deletions

View File

@@ -8,7 +8,8 @@ import { AtGrid } from "taro-ui";
import { Swiper, SwiperItem } from "@tarojs/components"; import { Swiper, SwiperItem } from "@tarojs/components";
import { AtCard } from "taro-ui"; import { AtCard } from "taro-ui";
import { AtImagePicker } from "taro-ui"; import { AtImagePicker } from "taro-ui";
import { AtButton } from 'taro-ui' import { AtButton } from "taro-ui";
import { AtSearchBar } from 'taro-ui'
// export default class Index extends Component { // export default class Index extends Component {
const Index = () => { const Index = () => {
@@ -35,6 +36,15 @@ const Index = () => {
return ( return (
<View className="index"> <View className="index">
{/* <Text>Hello world!</Text> */} {/* <Text>Hello world!</Text> */}
<View>
<AtSearchBar
showActionButton
value={''}
onChange={()=>{}}
onActionClick={()=>{}}
/>
</View>
<View className="indexSwiper"> <View className="indexSwiper">
{" "} {" "}
<Swiper <Swiper
@@ -121,7 +131,11 @@ const Index = () => {
<View className="right"> <View className="right">
<View className="up">[副业交流] 沙龙茶话会</View> <View className="up">[副业交流] 沙龙茶话会</View>
<View className="middle">2023/12/06 星期三</View> <View className="middle">2023/12/06 星期三</View>
<View className="down"><AtButton type='primary' size='small' className="submitBtn">立即报名</AtButton></View> <View className="down">
<AtButton type="primary" size="small" className="submitBtn">
立即报名
</AtButton>
</View>
</View> </View>
</View> </View>
</AtCard> </AtCard>

View File

@@ -8,6 +8,7 @@ import { Swiper, SwiperItem } from "@tarojs/components";
import { AtCard } from "taro-ui"; import { AtCard } from "taro-ui";
import { AtImagePicker } from "taro-ui"; import { AtImagePicker } from "taro-ui";
import Taro from '@tarojs/taro' import Taro from '@tarojs/taro'
import { AtAvatar } from 'taro-ui'
// export default class Index extends Component { // export default class Index extends Component {
@@ -34,7 +35,9 @@ const My = () => {
return ( return (
<View className="my"> <View className="my">
{/* <Text>Hello world!</Text> */} {/* <Text>Hello world!</Text> */}
my <AtAvatar image='https://cdn.huodongxing.com/logo/202312/8732019012100/promoteMini.png'></AtAvatar>
<View className="indexTablebar"> <View className="indexTablebar">
<AtTabBar <AtTabBar
tabList={[ tabList={[