feat:文化活动表单样式优化
This commit is contained in:
@@ -120,20 +120,6 @@ layout("/layouts/platform_h5.html"){
|
|||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-item__icon {
|
|
||||||
display: flex;
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
margin-right: 10px;
|
|
||||||
flex: 0 0 28px;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 8px;
|
|
||||||
color: #4389e8;
|
|
||||||
background-color: #edf5ff;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-item__content {
|
.info-item__content {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@@ -433,7 +419,6 @@ layout("/layouts/platform_h5.html"){
|
|||||||
</div>
|
</div>
|
||||||
<div class="culture-detail-info">
|
<div class="culture-detail-info">
|
||||||
<div class="info-item">
|
<div class="info-item">
|
||||||
<div class="info-item__icon"><van-icon name="underway-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">活动时间</div>
|
<div class="info-item__label">活动时间</div>
|
||||||
<div class="info-item__value">
|
<div class="info-item__value">
|
||||||
@@ -444,7 +429,6 @@ layout("/layouts/platform_h5.html"){
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item" v-if="viewData.applyStartTime || viewData.applyEndTime">
|
<div class="info-item" v-if="viewData.applyStartTime || viewData.applyEndTime">
|
||||||
<div class="info-item__icon"><van-icon name="clock-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">报名时间</div>
|
<div class="info-item__label">报名时间</div>
|
||||||
<div class="info-item__value">
|
<div class="info-item__value">
|
||||||
@@ -455,28 +439,24 @@ layout("/layouts/platform_h5.html"){
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item">
|
<div class="info-item">
|
||||||
<div class="info-item__icon"><van-icon name="location-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">活动地点</div>
|
<div class="info-item__label">活动地点</div>
|
||||||
<div class="info-item__value">{{viewData.address || '待定'}}</div>
|
<div class="info-item__value">{{viewData.address || '待定'}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item" v-if="viewData.userNumberLimit===1">
|
<div class="info-item" v-if="viewData.userNumberLimit===1">
|
||||||
<div class="info-item__icon"><van-icon name="friends-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">活动限制人数</div>
|
<div class="info-item__label">活动限制人数</div>
|
||||||
<div class="info-item__value">{{viewData.totalUserNumberLimit}}人</div>
|
<div class="info-item__value">{{viewData.totalUserNumberLimit}}人</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item" v-if="viewData.userNumberLimit===2">
|
<div class="info-item" v-if="viewData.userNumberLimit===2">
|
||||||
<div class="info-item__icon"><van-icon name="friends-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">本工会限制名额</div>
|
<div class="info-item__label">本工会限制名额</div>
|
||||||
<div class="info-item__value">{{viewData.unionLimitNum}}人</div>
|
<div class="info-item__value">{{viewData.unionLimitNum}}人</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item">
|
<div class="info-item">
|
||||||
<div class="info-item__icon"><van-icon name="records"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">报名方式</div>
|
<div class="info-item__label">报名方式</div>
|
||||||
<div class="info-item__value">
|
<div class="info-item__value">
|
||||||
@@ -488,7 +468,6 @@ layout("/layouts/platform_h5.html"){
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-item" v-if="viewData.signUpMethod==3">
|
<div class="info-item" v-if="viewData.signUpMethod==3">
|
||||||
<div class="info-item__icon"><van-icon name="cluster-o"></van-icon></div>
|
|
||||||
<div class="info-item__content">
|
<div class="info-item__content">
|
||||||
<div class="info-item__label">组队人数</div>
|
<div class="info-item__label">组队人数</div>
|
||||||
<div class="info-item__value">{{viewData.teamNum}}人</div>
|
<div class="info-item__value">{{viewData.teamNum}}人</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user