68 lines
1.4 KiB
Vue
68 lines
1.4 KiB
Vue
<template>
|
||
<view class="begin">
|
||
<view class="title">
|
||
公益活动
|
||
</view>
|
||
<uni-segmented-control styleType="text" activeColor="red" :current="current" :values="value"
|
||
@clickItem="togglecurrent"></uni-segmented-control>
|
||
<view class="content">
|
||
<view v-show="current === 0">
|
||
<view class="voluteer_card">
|
||
<image src="../../static/c1.png"></image>
|
||
<p>携手防疫志愿服务活动</p>
|
||
<view class="voluteer_card_bottom">
|
||
<p>活动时间：2022/04/15 09:00 ~ 2022/04/15 11:30</p>
|
||
<p>发起方：社区志愿服务队</p>
|
||
<p>简介：因最近疫情频繁，各大城市相继出现无症状患者，以及无症状患者无症状患者无症状患者无症状患者</p>
|
||
</view>
|
||
<view>
|
||
<view>
|
||
<image src="../../static/component.png"></image>已报名12138人
|
||
</view>
|
||
<view>去报名</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-show="current === 1">
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
current: 0,
|
||
value: ["全部活动", "已报名"]
|
||
}
|
||
},
|
||
methods: {
|
||
togglecurrent(e) {
|
||
if (this.current != e.currentIndex) {
|
||
this.current = e.currentIndex
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
/* .voluteer_card {} */
|
||
|
||
.begin {
|
||
background-color: rgb(244, 244, 244);
|
||
height: 95vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.title {
|
||
font-size: 1.3rem;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
|
||
}
|
||
</style>
|