|
|
@@ -20,7 +20,10 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="zero four">
|
|
|
- <view class="recomList" v-for="(item,index) in recomList" :key="index">
|
|
|
+ <view v-for="(item,index) in data" :key="index">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- <view class="recomList" v-for="(item,index) in recomList" :key="index">
|
|
|
<view class="title">
|
|
|
<text>{{item.title}}</text>
|
|
|
<text>{{item.titles}}</text>
|
|
|
@@ -29,11 +32,11 @@
|
|
|
<view class="list" v-for="(tag,indexs) in item.list" :key="indexs">
|
|
|
<image class="image" :src="tag.url" mode=""></image>
|
|
|
<view class="name">
|
|
|
- {{item.name}}1
|
|
|
+ {{tag.name}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
<view class="zero five">
|
|
|
数据列表
|
|
|
@@ -248,17 +251,44 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .four{
|
|
|
- .recomList{
|
|
|
- .title{
|
|
|
-
|
|
|
- }
|
|
|
- .market{
|
|
|
- .list{
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
+ .four {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ // .recomList {
|
|
|
+ // width: 41vw;
|
|
|
+ // margin: 0 0 3vw 0;
|
|
|
+ // padding: 1vw 2vw;
|
|
|
+ // box-shadow: 0 0 2px #ff0000;
|
|
|
+ // border-radius: 5px;
|
|
|
+
|
|
|
+ // .title {
|
|
|
+ // font-size: 16px;
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
+ // text-align: center;
|
|
|
+
|
|
|
+ // text {
|
|
|
+ // padding: 0 1vw;
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .market {
|
|
|
+ // .list {
|
|
|
+ // text-align: center;
|
|
|
+
|
|
|
+ // .image {
|
|
|
+ // width: 5vw;
|
|
|
+ // height: 5vw;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .name {}
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
