Parcourir la source

搜索页历史记录页列表调整,个人中心

lgh il y a 1 an
Parent
commit
7113a3c782
3 fichiers modifiés avec 49 ajouts et 11 suppressions
  1. 10 4
      pages/history/index.vue
  2. 2 2
      pages/my/index.vue
  3. 37 5
      pages/search/index.vue

+ 10 - 4
pages/history/index.vue

@@ -34,25 +34,31 @@ export default {
 
 <style lang="scss" scoped>
     .history{
-        height: 100%;
-        background: #fff;
+        // height: 100%;
+        display: flex;
+        flex-direction: column;
         .list{
             padding: 20rpx;
+            background: #fff;
             .list_item{
                 padding: 20rpx;
+                border-bottom: 1rpx solid #e2e1d0;
                 image{
-                    object-fit: contain;
+                    object-fit: contain !important;
                     width: 160rpx;
                     height: 220rpx;
                     margin-right: 30rpx;
                 }
                 .innews{
-                    padding: 40rpx 0;
+                    padding: 10rpx 0;
                     display: flex;
                     flex-direction: column;
                     // justify-content: space-around;
                 }
             }
+            .list_item:nth-last-child(1){
+                border: 0;
+            }
         }
     }
 </style>

+ 2 - 2
pages/my/index.vue

@@ -19,13 +19,13 @@
                     </view>
                     <pv-image imgSrc="/playVideo/video/ic_more_black.png" width="24" height="24"></pv-image>
                 </view>
-                <view class="menu_item">
+                <!-- <view class="menu_item">
                     <view class="name">
                         <pv-image imgSrc="/playVideo/video/ic-kefu.png" width="48" height="48"></pv-image>
                         <text>联系客服</text>
                     </view>
                     <pv-image imgSrc="/playVideo/video/ic_more_black.png" width="24" height="24"></pv-image>
-                </view>
+                </view> -->
             </view>
         </view>
         

+ 37 - 5
pages/search/index.vue

@@ -4,11 +4,12 @@
             <u-search height="30" bgColor="#FFF" :showAction="false" :focus="true" placeholder="请输入剧名"
                 searchIconColor="#000" v-model="keyword" @search="search"></u-search>
         </view>
-        <view class="videoLists">
-            <view class="list_item" v-for="(item,index) in list" :key="index">
+        <view v-if="list && list.length" class="video_lists">
+            <view class="list_item" v-for="(item,index) in list" :key="index" @click="toPlay(item)">
                 <image :src="item.thumbnail" mode="aspectFill" loading="lazy"></image>
                 <view class="innews">
-                    <text>{{item.title}}</text>
+                    <text>{{ item.name }}</text>
+                    <text class="ellipsis-2">{{ item.description }}</text>
                 </view>
             </view>
         </view>
@@ -40,16 +41,47 @@ export default {
         },
         search(){
             this.getVideoPage()
-        }
+        },
+        toPlay(item){
+            uni.redirectTo({
+                url:'/pages/play/index?id='+ item.id+'&data='+JSON.stringify(item),
+            })
+        },
     },
 }
 </script>
 <style lang="scss" scoped>
     .search{
-        
+        background: #fff;
         padding-bottom: var(--window-bottom);
         .input_box{
             padding: 20rpx;
         }
+        .video_lists{
+            
+            padding: 20rpx;
+            background: #fff;
+            .list_item{
+                display: flex;
+                padding: 20rpx;
+                border-bottom: 1rpx solid #e2e1d0;
+                image{
+                    flex-shrink: 0;
+                    width: 160rpx;
+                    height: 220rpx;
+                    margin-right: 30rpx;
+                }
+                .innews{
+                    padding: 10rpx 0;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-around;
+                    // justify-content: space-around;
+                }
+            }
+            .list_item:nth-last-child(1){
+                border: 0;
+            }
+        }
     }
 </style>