You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
3.2 KiB

4 years ago
<template>
<view>
<view class="">
<view class="activityBox">
<view class="activityBox-top">
<image src="../../static/img/img_activity.jpg" style="width: 100%;height: 333rpx;"></image>
</view>
<view class="activityBox-content flex-col">
<view class="activityBox-row flex-row justify-between">
<text class="activityBox-title">书香苏州32dsdsfdscxzxzczcz中共苏州独立支部旧址</text>
<view class="tag tag_green">
<text>全部人群</text>
</view>
</view>
<view class="activityBox-row">
<text class="icon-shijian iconfont"></text>
<text>活动时间2022-4-6 10:00-11:30</text>
</view>
<view class="activityBox-row">
<text class="icon-huodongfangshi iconfont"></text>
<text>活动方式线下</text>
</view>
<view class="activityBox-row">
<text class="icon-huodong iconfont"></text>
<text>活动地址苏州市姑苏区体育场路4号</text>
</view>
<view class="activityBox-row">
<text class="icon-renshu iconfont"></text>
<text>人数限制不限</text>
</view>
<view class="activityBox-row flex-row align-center" style="margin-bottom: 0rpx;">
<text class="icon-ditu-dibiao iconfont"></text>
<text>距离11.3km</text>
<view class="tomap">
<text class="icon-daohang1 iconfont" style="margin-right: 0;"></text>
</view>
</view>
</view>
</view>
<view class="infoBox">
<view class="infoBox-title">
<text class="infoBox-titletxt">活动详情</text>
</view>
<view class="infoBox-content">
2020苏州市在中共苏州独立支部旧址上规划建设苏州市党性教育实训基地基地以雪松为中心利用原有场地和建筑遗迹还原合院式空间格局
基地以雪松为中心利用原有场地和建筑遗迹还原合院式空间格局
</view>
</view>
<view class="infofooter flex-row">
<view style="margin-right: 14rpx;flex: 1;">
<u-button type="primary" @click="tobook('team')"></u-button>
</view>
<view style="margin-left: 14rpx;flex: 1;">
<u-button type="primary" @click="tobook('user')"></u-button>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
tobook(type) {
uni.navigateTo({
url: "book?type=" + type
})
}
}
}
</script>
<style>
@import url("@/static/css/activitybox.css");
page {
background-color: #f7f6f4;
}
.infoBox {
box-sizing: border-box;
padding: 40rpx 0rpx;
background: #FFFFFF;
}
.infoBox-title {
border-left: 3px solid #EF9525;
}
.infoBox-titletxt {
font-size: 26rpx;
color: #4E4E4E;
margin-left: 21rpx;
}
.infoBox-content {
padding: 37rpx 26rpx;
box-sizing: border-box;
font-size: 24rpx;
color: #828282;
}
.infofooter {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background: #FFFFFF;
box-shadow: 2px 3px 10px 0px rgba(107, 94, 77, 0.3);
padding: 22rpx 25rpx;
box-sizing: border-box;
}
4 years ago
</style>