diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1e20191..8c686b2 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -49,17 +49,34 @@
![](@/assets/rblogo.png)
-
- {{ daliay.title }}
-
-
{{ daliay.content }}
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
MORE
-
![]()
+
+
+
+
+
+
+
@@ -88,6 +105,8 @@ export default {
gg2: '',
alink: '',
daliay: {
+ left: [],
+ right: [],
title: '',
content: '',
img: ''
@@ -151,9 +170,16 @@ export default {
async getyuanyuzhouHotList () {
const { data: { message, data: { list } } } = await yuanyuzhouHotList()
if (message === 'success') {
- this.daliay.title = list[0].news.title
- this.daliay.content = list[0].news.subTitle
- this.daliay.img = list[0].news.image
+ for (const iter of list) {
+ console.log(iter)
+ this.daliay.left.push({
+ title: iter.news.title,
+ content: iter.news.detail
+ })
+ this.daliay.right.push({
+ img: iter.news.image
+ })
+ }
}
},
async gethotnewsConfig () {
@@ -269,7 +295,7 @@ export default {
display: flex;
align-items: center;
flex-direction: column;
- width: 100%;
+ width: 90%;
padding: 0 40px;
.txtcontent {
height: 50% !important;
@@ -277,14 +303,17 @@ export default {
.title {
height: 26px;
- font-size: 26px;
+ font-size: 24px;
font-weight: bold;
color: #FFFFFF;
width: 100%;
display: flex;
- align-items: center;
+ text-align: left;
img {
+ width: 60px;
+ height: 28px;
margin-right: 10px;
+ vertical-align: middle;
}
}
p {
@@ -362,7 +391,7 @@ export default {
.btn {
width:100%;
position: absolute;
- bottom: 55px;
+ // bottom: 55px;
.more {
position: absolute;
left: 0px;