This commit is contained in:
eric
2023-12-02 17:44:51 +08:00
parent ec15ae8faa
commit c7f25cb21a
2 changed files with 59 additions and 2 deletions

View File

@@ -8,6 +8,7 @@ import { Swiper, SwiperItem } from "@tarojs/components";
import { AtCard } from "taro-ui";
import { AtImagePicker } from "taro-ui";
import Taro from '@tarojs/taro'
import { AtButton } from "taro-ui";
// export default class Index extends Component {
@@ -34,7 +35,36 @@ const Meetup = () => {
return (
<View className="my">
{/* <Text>Hello world!</Text> */}
meetup
<AtCard
note=""
extra=""
title="[副业交流] 沙龙茶话会"
thumb="http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG"
>
<View className="meetupCard">
{" "}
<View className="left">
{" "}
<Image
style="width: 150px;height: 100px;background: #fff;"
src={
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
}
/>
</View>
<View className="right">
<View className="up">[副业交流] 沙龙茶话会</View>
<View className="middle">2023/12/06 星期三</View>
<View className="down">
<AtButton type="primary" size="small" className="submitBtn">
立即报名
</AtButton>
</View>
</View>
</View>
</AtCard>
<View className="indexTablebar">
<AtTabBar
tabList={[

View File

@@ -1,7 +1,34 @@
.my{
.meetupCard {
display: flex;
flex-direction: row;
.right {
// background-color: yellow;
width: 100%;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
.down {
width: 200px;
// background-color: aqua;
position: relative;
bottom: 10px;
right: -120px;
// display: flex;
// flex-direction: column-reverse;
// justify-content:flex-end
// position: relative;
.submitBtn {
// width: 200px;
// position: absolute;
// right: 0px;
}
}
}
}
.indexTablebar {
position: fixed;
bottom: 0;