|
@@ -2,68 +2,70 @@
|
|
|
<!-- 教研室详情 -->
|
|
|
<view class="activityDetail">
|
|
|
<statusBar :item="navbar"></statusBar>
|
|
|
-
|
|
|
+
|
|
|
<!-- 顶部 -->
|
|
|
- <view class="backPic">
|
|
|
- <image src="http://43.139.158.220:5007/img/static/yym/Rectangle 40.png" mode="aspectFill"></image>
|
|
|
- <view style="padding: 0 30rpx;margin-bottom: 20px;">
|
|
|
- <view class="card">
|
|
|
- <view class="cardTop three-font">
|
|
|
- 2023年全国国际银行分行“防范灾害风险护航高质量发展”防灾减灾志愿宣传活动
|
|
|
- </view>
|
|
|
- <view class="col fz-font">
|
|
|
- 活动日期:<text>5.12~5.13</text>
|
|
|
- </view>
|
|
|
- <view class="col fz-font">
|
|
|
- 招募人数:<text>23/50</text>
|
|
|
- </view>
|
|
|
- <view class="col fz-font">
|
|
|
- 活动地址:<text>龙岗将军帽路一号深圳技师学院</text>
|
|
|
- <uni-icons type="location" color="#0056a8" style="position: absolute;right: 10px;top: 0;width: 32rpx;height: 45rpx;"></uni-icons>
|
|
|
- </view>
|
|
|
+ <view class="backPic">
|
|
|
+ <image src="http://43.139.158.220:5007/img/static/yym/Rectangle 40.png" mode="aspectFill"></image>
|
|
|
+ <view style="padding: 0 30rpx;margin-bottom: 20px;">
|
|
|
+ <view class="card">
|
|
|
+ <view class="cardTop three-font">
|
|
|
+ 创业意识与商机识别
|
|
|
+ </view>
|
|
|
+ <view class="col fz-font">
|
|
|
+ 活动日期:<text>5.12~5.13</text>
|
|
|
+ </view>
|
|
|
+ <view class="col fz-font">
|
|
|
+ 招募人数:<text>23/50</text>
|
|
|
+ </view>
|
|
|
+ <view class="col fz-font">
|
|
|
+ 活动地址:<text>龙岗将军帽路一号深圳技师学院</text>
|
|
|
+ <uni-icons type="location" color="#0056a8"
|
|
|
+ style="position: absolute;right: 10px;top: 0;width: 32rpx;height: 45rpx;"></uni-icons>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+ </view>
|
|
|
+
|
|
|
<!-- 创建者用户名 -->
|
|
|
<view style="padding: 0 30rpx;">
|
|
|
<view class="creator">
|
|
|
- <image src="http://43.139.158.220:5007/img/static/mine/Avatar.png" mode="aspectFill"></image>
|
|
|
+ <image src="https://file.icve.com.cn/file_doc_public/86/519/15A81C36346AC850A5F0FD456F759D1A.jpg" mode="aspectFill"></image>
|
|
|
<view class="creName btn-font">
|
|
|
- 发起者爱谁谁
|
|
|
+ 曾秀臻
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<!-- 活动详情 -->
|
|
|
<view class="" style="padding: 0 30rpx;">
|
|
|
<detailBlock :item='judge'></detailBlock>
|
|
|
</view>
|
|
|
-
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<!-- 当前成员 -->
|
|
|
<view style="padding: 0 30rpx;">
|
|
|
<view class="member">
|
|
|
<view class="memberTop">
|
|
|
<view class="btn-font">报名情况(已报名23人)</view>
|
|
|
- <view class="fz-font" style="color: #666666;display: flex;align-items: center;" @click="perList">
|
|
|
- 查看更多
|
|
|
- <uni-icons type="right"></uni-icons>
|
|
|
+ <view class="fz-font" style="color: rgba(0, 0, 0, 0.4);display: flex;align-items: center;" @click="perList">
|
|
|
+ <text>查看更多</text>
|
|
|
+ <image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" style="width: 32rpx;height: 32rpx;" mode="aspectFill"></image>
|
|
|
+ <!-- <uni-icons type="right"></uni-icons> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="pers">
|
|
|
- <view class="per" v-for="i in 6">
|
|
|
- <image src="http://43.139.158.220:5007/img/static/mine/Avatar.png" mode="aspectFill"></image>
|
|
|
+ <view class="per" v-for="(item,index) in perNum">
|
|
|
+ <image :src="item.img"></image>
|
|
|
<view class="perName fz-font">
|
|
|
- 袁一鸣
|
|
|
+ {{item.Name}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<!-- 申请加入 -->
|
|
|
<view class="btnBlock">
|
|
|
<button class="btn" @click="gotoAdd">立即报名</button>
|
|
@@ -75,41 +77,64 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- navbar:{
|
|
|
- title:'活动详情',
|
|
|
- btn:1
|
|
|
+ navbar: {
|
|
|
+ title: '活动详情',
|
|
|
+ btn: 1
|
|
|
},
|
|
|
- judge:{
|
|
|
- isShow:1
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
- methods:{
|
|
|
- perList(){
|
|
|
- uni.navigateTo({
|
|
|
- url:'/pages/dy/dy'
|
|
|
- })
|
|
|
+ judge: {
|
|
|
+ isShow: 1,
|
|
|
+ info:'你对创业感兴趣吗?想初步了解创业吗?你是否对确定创业方向和创业机会有选择的困惑呢?在创新创业的大氛围下,课堂上常常强调要以项目为中心,你却苦于迟迟无法最终确定具体的项目?那么,《创业意识与商机识别》这门课程可以帮助你。'
|
|
|
+ },
|
|
|
+ perNum: [{
|
|
|
+ Name: '陈芬',img:'http://43.139.158.220:5007/img/static/yym/Ellipse 4 (3).png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ Name: '贺豪杰',img:'http://43.139.158.220:5007/img/static/yym/Ellipse 4 (4).png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ Name: '张孝迪',img:'http://43.139.158.220:5007/img/static/yym/Ellipse 4.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ Name: '马冬梅',img:'http://43.139.158.220:5007/img/static/yym/Ellipse 4 (2).png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ Name: '康雯妍',img:'http://43.139.158.220:5007/img/static/yym/Ellipse 4 (1).png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ Name: '张燕琴',img:'http://43.139.158.220:5007/img/static/mine/Avatar.png'
|
|
|
+ }]
|
|
|
+
|
|
|
+ };
|
|
|
},
|
|
|
- gotoAdd(){
|
|
|
- uni.navigateTo({
|
|
|
- url:'/pages/hd/hd'
|
|
|
- })
|
|
|
+ methods: {
|
|
|
+ perList() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/dy/dy'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ gotoAdd() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/hd/hd'
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
- .activityDetail{
|
|
|
+ .activityDetail {
|
|
|
padding-bottom: 80px;
|
|
|
- .backPic{
|
|
|
+
|
|
|
+ .backPic {
|
|
|
width: 750rpx;
|
|
|
position: relative;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
}
|
|
|
- .card{
|
|
|
+
|
|
|
+ .card {
|
|
|
position: absolute;
|
|
|
width: 690rpx;
|
|
|
// height: 150px;
|
|
@@ -119,8 +144,9 @@
|
|
|
padding: 30rpx;
|
|
|
border-radius: 10px;
|
|
|
background-color: #ffffff;
|
|
|
- transform: translate(-50%,0);
|
|
|
- .cardTop{
|
|
|
+ transform: translate(-50%, 0);
|
|
|
+
|
|
|
+ .cardTop {
|
|
|
// display: flex;
|
|
|
// justify-content: center;
|
|
|
// padding-bottom: 5px;
|
|
@@ -132,12 +158,15 @@
|
|
|
text-overflow: ellipsis;
|
|
|
overflow: hidden;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp:2;/*设置 需要显示的行数*/
|
|
|
- .title{
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+
|
|
|
+ /*设置 需要显示的行数*/
|
|
|
+ .title {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
- .col{
|
|
|
+
|
|
|
+ .col {
|
|
|
position: relative;
|
|
|
margin-bottom: 10rpx;
|
|
|
color: #999999;
|
|
@@ -149,20 +178,24 @@
|
|
|
text-overflow: ellipsis;
|
|
|
overflow: hidden;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp:2;/*设置 需要显示的行数*/
|
|
|
- text{
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+
|
|
|
+ /*设置 需要显示的行数*/
|
|
|
+ text {
|
|
|
color: #333333;
|
|
|
}
|
|
|
}
|
|
|
- .tag{
|
|
|
+
|
|
|
+ .tag {
|
|
|
display: flex;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// background-image: url(http://43.139.158.220:5007/img/static/resource/jqr.png);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- .creator{
|
|
|
+
|
|
|
+
|
|
|
+ .creator {
|
|
|
display: flex;
|
|
|
// padding: 10px 30px;
|
|
|
padding: 30rpx 20rpx;
|
|
@@ -171,63 +204,68 @@
|
|
|
margin-top: 30px;
|
|
|
margin-bottom: 20rpx;
|
|
|
border-radius: 10px;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 96rpx;
|
|
|
height: 96rpx;
|
|
|
border-radius: 50%;
|
|
|
margin-right: 20rpx;
|
|
|
}
|
|
|
- .creName{
|
|
|
+
|
|
|
+ .creName {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .member{
|
|
|
+
|
|
|
+ .member {
|
|
|
background-color: #ffffff;
|
|
|
margin-top: 20rpx;
|
|
|
- // padding: 10px 10px;
|
|
|
padding: 30rpx;
|
|
|
- // border: 10px;
|
|
|
border-radius: 10px;
|
|
|
- .memberTop{
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ .memberTop {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
- .pers{
|
|
|
+
|
|
|
+ .pers {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .per {
|
|
|
+ // display: inline-block;
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ flex-direction: column;
|
|
|
+ // justify-content: center;
|
|
|
align-items: center;
|
|
|
- .per{
|
|
|
- // display: inline-block;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- // justify-content: center;
|
|
|
- align-items: center;
|
|
|
- image{
|
|
|
- width: 72rpx;
|
|
|
- height: 72rpx;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- .perName{
|
|
|
- // font-size: 14px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 72rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .perName {
|
|
|
+ // font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
- .btnBlock{
|
|
|
+
|
|
|
+ .btnBlock {
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
width: 750rpx;
|
|
|
background-color: #ffffff;
|
|
|
// padding: 20px 0;
|
|
|
padding: 2vh 0;
|
|
|
- .btn{
|
|
|
+
|
|
|
+ .btn {
|
|
|
width: 432rpx;
|
|
|
height: 88rpx;
|
|
|
font-weight: 500;
|