feat: 首页搜索栏
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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={[
|
||||||
|
|||||||
Reference in New Issue
Block a user