|
@@ -1,17 +1,31 @@
|
1
|
1
|
<template>
|
2
|
|
- <div class="dynamics">
|
3
|
|
- <div class="dynamicstitle">
|
4
|
|
- <span class="titlecharacters">相关动态</span>
|
5
|
|
- </div>
|
6
|
|
- <van-collapse v-model="activeName" accordion>
|
7
|
|
- <van-collapse-item class="title" title="保利别墅205平4房单价37000元起" name="1">
|
8
|
|
- <div class="peopletimer">
|
9
|
|
- <span class="people">16人看过</span>
|
10
|
|
- <span class="timer">2018/09/07</span>
|
11
|
|
- </div>
|
12
|
|
- </van-collapse-item>
|
13
|
|
- </van-collapse>
|
|
2
|
+ <div class="dynamics">
|
|
3
|
+ <div class="dynamicstitle">
|
|
4
|
+ <span class="titlecharacters">相关动态</span>
|
14
|
5
|
</div>
|
|
6
|
+ <van-collapse v-model="activeName" accordion>
|
|
7
|
+ <van-collapse-item name="1">
|
|
8
|
+ <div slot="title">
|
|
9
|
+ <span class="dynamictitle">保利别墅205平4房单价37000元起</span>
|
|
10
|
+ <div class="peopletimer">
|
|
11
|
+ <span class="people">16人看过</span>
|
|
12
|
+ <span class="timer">2018/09/07</span>
|
|
13
|
+ </div>
|
|
14
|
+ </div>
|
|
15
|
+ <span class="dynamiccontent">保利别墅205平4房单价37000元起保利别墅205平4房单价37000元起保利别墅205平4房单价37000元起</span>
|
|
16
|
+ </van-collapse-item>
|
|
17
|
+ <van-collapse-item name="2">
|
|
18
|
+ <div slot="title">
|
|
19
|
+ <span class="dynamictitle">保利别墅205平4房单价37000元起</span>
|
|
20
|
+ <div class="peopletimer">
|
|
21
|
+ <span class="people">16人看过</span>
|
|
22
|
+ <span class="timer">2018/09/07</span>
|
|
23
|
+ </div>
|
|
24
|
+ </div>
|
|
25
|
+ <span class="dynamiccontent">保利别墅205平4房单价37000元起保利别墅205平4房单价37000元起保利别墅205平4房单价37000元起</span>
|
|
26
|
+ </van-collapse-item>
|
|
27
|
+ </van-collapse>
|
|
28
|
+ </div>
|
15
|
29
|
</template>
|
16
|
30
|
|
17
|
31
|
<script>
|
|
@@ -19,7 +33,7 @@ export default {
|
19
|
33
|
name:'CorrelationDynamics',
|
20
|
34
|
data() {
|
21
|
35
|
return {
|
22
|
|
- activeName: '1'
|
|
36
|
+ activeName: '1',
|
23
|
37
|
};
|
24
|
38
|
}
|
25
|
39
|
}
|
|
@@ -48,25 +62,33 @@ export default {
|
48
|
62
|
line-height:25px;
|
49
|
63
|
}
|
50
|
64
|
}
|
51
|
|
- .title{
|
|
65
|
+ .dynamictitle{
|
52
|
66
|
font-size:16px;
|
53
|
67
|
font-family:PingFangSC-Regular;
|
54
|
68
|
font-weight:400;
|
55
|
69
|
color:rgba(37,38,42,1);
|
56
|
70
|
line-height:22px;
|
|
71
|
+ }
|
57
|
72
|
|
58
|
|
- .peopletimer{
|
59
|
|
- font-size:12px;
|
60
|
|
- font-family:PingFangSC-Regular;
|
61
|
|
- font-weight:400;
|
62
|
|
- color:rgba(128,128,128,1);
|
63
|
|
- line-height:17px;
|
|
73
|
+ .peopletimer{
|
|
74
|
+ font-size:12px;
|
|
75
|
+ font-family:PingFangSC-Regular;
|
|
76
|
+ font-weight:400;
|
|
77
|
+ color:rgba(128,128,128,1);
|
|
78
|
+ line-height:17px;
|
64
|
79
|
|
65
|
|
- .people{
|
66
|
|
- padding-right: 20px
|
67
|
|
- }
|
|
80
|
+ .people{
|
|
81
|
+ padding-right: 20px
|
68
|
82
|
}
|
69
|
83
|
}
|
|
84
|
+
|
|
85
|
+ .dynamiccontent{
|
|
86
|
+ font-size:14px;
|
|
87
|
+ font-family:PingFangSC-Regular;
|
|
88
|
+ font-weight:400;
|
|
89
|
+ color:rgba(113,108,108,1);
|
|
90
|
+ line-height:23px;
|
|
91
|
+ }
|
70
|
92
|
}
|
71
|
93
|
</style>
|
72
|
94
|
|