+
-
+
新闻列表
@@ -9,16 +9,18 @@
class="messageDiv"
v-for="(item, index) in messageData"
:key="index"
+ @click="getDetails(item)"
+
>
-
-
+
+
分享
-
+
-
+
@@ -230,18 +236,21 @@ export default {
],
};
},
+
+ mounted() {},
methods: {
itemPop: function (index) {
-
- for (let i in this.messageData) {
- if (i == index) {
- this.messageData[i].type = !this.messageData[i].type;
- } else {
- this.messageData[i].type = false;
- }
+ for (let i in this.messageData) {
+ if (i == index) {
+ this.messageData[i].type = !this.messageData[i].type;
+ } else {
+ this.messageData[i].type = false;
}
-
+ }
},
+ getDetails: function( data ){
+ this.$router.push('chat/CreateAn')
+ }
},
};
@@ -256,6 +265,8 @@ export default {
width: 100%;
overflow: hidden;
.messageDiv {
+ cursor: pointer;
+ min-width: 450px;
width: 31.7%;
height: 429px;
background: #ffffff;
@@ -277,11 +288,19 @@ export default {
font-size: 14px;
color: #2d3748;
box-sizing: border-box;
- div {
+ z-index: 999;
+ .div1 {
padding-left: 16px;
height: 44px;
line-height: 44px;
}
+ .div1:hover {
+ background: rgba(233, 233, 233, 0.3);
+ cursor: pointer;
+ }
+ .div1:active {
+ background: rgba(233, 233, 233, 0.5);
+ }
}
.mssageHeader {
width: 100%;
@@ -290,7 +309,7 @@ export default {
border-bottom: 1px solid #e2e8f0;
box-sizing: border-box;
.headerItem {
- padding: 15px 20px;
+ padding: 15px 5%;
overflow: hidden;
height: 100%;
box-sizing: border-box;
@@ -319,21 +338,19 @@ export default {
float: right;
color: #718096;
font-size: 16px;
- transform: rotate(90deg);
- height: 16px;
- width: 16px;
text-align: center;
- line-height: 2;
+ width: 40px;
height: 100%;
- width: 50px;
-
- div {
- float: right;
+ line-height: 43px;
+ cursor: pointer;
+ div {
+ transform: rotate(90deg);
+ display: inline-block;
}
}
}
.headerContent {
- padding: 15px 20px;
+ padding: 15px 5%;
overflow: hidden;
img {
width: 100%;
@@ -345,6 +362,7 @@ export default {
box-sizing: border-box;
color: #2d3748;
padding-top: 20px;
+ overflow: hidden;
}
}
}
diff --git a/src/views/ChatDetails.vue b/src/views/ChatDetails.vue
new file mode 100644
index 0000000..832234b
--- /dev/null
+++ b/src/views/ChatDetails.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+
+ 智莺联盟
+
+
+
+ 100 米赛跑的时候你是没有时间去看你的对手的
+
+
+ 
+
+
+
+
+
+
+ 易次将面头强样按国会名光时十县容流状识而非达理离解江即高战红变报存与形感速器切周信志子七加边金说劳况。管切存成且但间易长身好严存法建产去而构身线准们复断水即却信次式近口断日给制以亲精制布合很机形光过十定本始。
+
+
+ 五党图格头设张支领制八位权场自还反法其多造向是认具资内列况实标空们。者究毛具七才连声现权自写照期越无色消例马半每化安适关须观他受外党划界不世清同二到红再持质并北平省看低心等。压易次将面头强样按国会名光时十县容流状识而非达理离解江即高战红变报存与形感速器切周信志子七加边金说劳况。管切存成且但间易长身好严存法建产去而构身线准们复断水即却信次式近口断日给制以亲精制布合很机形光过十定本始。五党图格头设张支领制八位权场自还反法其多造向。
+
+
+ 
+
+
+
+
+
+
+ 易次将面头强样按国会名光时十县容流状识而非达理离解江即高战红变报存与形感速器切周信志子七加边金说劳况。管切存成且但间易长身好严存法建产去而构身线准们复断水即却信次式近口断日给制以亲精制布合很机形光过十定本始。
+
+
+ 五党图格头设张支领制八位权场自还反法其多造向是认具资内列况实标空们。者究毛具七才连声现权自写照期越无色消例马半每化安适关须观他受外党划界不世清同二到红再持质并北平省看低心等。压易次将面头强样按国会名光时十县容流状识而非达理离解江即高战红变报存与形感速器切周信志子七加边金说劳况。管切存成且但间易长身好严存法建产去而构身线准们复断水即却信次式近口断日给制以亲精制布合很机形光过十定本始。五党图格头设张支领制八位权场自还反法其多造向。
+
+