|
|
@@ -1,36 +1,42 @@
|
|
|
<template>
|
|
|
<div class="news-grid news" @click="navigateTo('/pagesNews/Detail?id=' + info.id, false)">
|
|
|
<van-image :src="info.img" fit="cover" :height="180" custom-class="my-img" />
|
|
|
- <div class="text1">{{ info.title }}</div>
|
|
|
- <div class="activity" v-if="isActivity">
|
|
|
- <div class="activity-info">
|
|
|
- <van-icon name="http://imttech.oss-cn-hangzhou.aliyuncs.com/micro/iocn_didian.png" />
|
|
|
- <div class="text">{{ info.address }}</div>
|
|
|
- </div>
|
|
|
- <div class="activity-info">
|
|
|
- <van-icon name="http://imttech.oss-cn-hangzhou.aliyuncs.com/micro/iocn_shijian.png" />
|
|
|
- <div class="text">{{ info.date }}</div>
|
|
|
- </div>
|
|
|
+ <div class="news-grid-info">
|
|
|
+ <div class="text1">{{ info.title }}</div>
|
|
|
+ <div class="activity" v-if="isActivity">
|
|
|
+ <div class="activity-info">
|
|
|
+ <van-icon name="http://imttech.oss-cn-hangzhou.aliyuncs.com/micro/iocn_didian.png" />
|
|
|
+ <div class="text">{{ info.address }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="activity-info">
|
|
|
+ <van-icon name="http://imttech.oss-cn-hangzhou.aliyuncs.com/micro/iocn_shijian.png" />
|
|
|
+ <div class="text">{{ info.date }}</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="btn" v-if="info.del">
|
|
|
- <van-button :color="$colors.warn" :radius="4" disabled>活动已取消</van-button>
|
|
|
- </div>
|
|
|
+ <div class="btn" v-if="info.del">
|
|
|
+ <van-button :color="$colors.warn" :radius="4" disabled>活动已取消</van-button>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="btn" v-else>
|
|
|
- <van-button
|
|
|
- class="cancel"
|
|
|
- type="primary"
|
|
|
- v-if="activityId && !isEnd"
|
|
|
- color="#565B66"
|
|
|
- plain
|
|
|
- :radius="4"
|
|
|
- @click.stop="cancel"
|
|
|
- >取消报名</van-button
|
|
|
- >
|
|
|
+ <div class="btn" v-else>
|
|
|
+ <van-button
|
|
|
+ class="cancel"
|
|
|
+ type="primary"
|
|
|
+ v-if="activityId && !isEnd"
|
|
|
+ color="#565B66"
|
|
|
+ plain
|
|
|
+ :radius="4"
|
|
|
+ @click.stop="cancel"
|
|
|
+ >取消报名</van-button
|
|
|
+ >
|
|
|
+
|
|
|
+ <van-button :color="$colors.warn" :radius="4" :disabled="isEnd" :readonly="userActivity">{{
|
|
|
+ isEnd ? $t('bao-ming-jie-shu') : activityId ? '报名中' : '活动报名'
|
|
|
+ }}</van-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <van-button :color="$colors.warn" :radius="4" :disabled="isEnd" :readonly="userActivity">{{
|
|
|
- isEnd ? $t('bao-ming-jie-shu') : activityId ? '报名中' : '活动报名'
|
|
|
- }}</van-button>
|
|
|
+ <div class="time" v-if="info.type === 'NEW_PRODUCT_RELEASE'">
|
|
|
+ {{ info.auditTime }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -83,8 +89,10 @@ export default {
|
|
|
border-radius: 4px;
|
|
|
overflow: hidden;
|
|
|
background-color: @bgw;
|
|
|
- .text1 {
|
|
|
+ .news-grid-info {
|
|
|
padding: 12px;
|
|
|
+ }
|
|
|
+ .text1 {
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 2;
|
|
|
@@ -94,6 +102,13 @@ export default {
|
|
|
line-height: 24px;
|
|
|
}
|
|
|
|
|
|
+ .time {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #acb3bf;
|
|
|
+ line-height: 22px;
|
|
|
+ margin-top: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
// &:active {
|
|
|
// background-color: darken(#fff, 10);
|
|
|
// }
|
|
|
@@ -101,6 +116,7 @@ export default {
|
|
|
.activity {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ padding: 8px 0 0;
|
|
|
|
|
|
.activity-info {
|
|
|
display: flex;
|
|
|
@@ -132,7 +148,6 @@ export default {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
}
|
|
|
- padding: 0 16px 16px 12px;
|
|
|
}
|
|
|
|
|
|
.cancel {
|