修改搜索显示问题

common/js/common/common.js

@@ -1013,8 +1013,8 @@ export const time_stamp = (time, date_style = 'horizontal', date_type) => {
 export const video_get_top_left_padding = () => {
     var pages = getCurrentPages();
     if (pages.length > 1) {
-        return 'padding-left: 30rpx;box-sizing: border-box;';
+        return 'padding-left: 16rpx;box-sizing: border-box;padding-right: 50rpx;';
     } else {
-        return 'padding-left: 140rpx;box-sizing: border-box;';
+        return 'padding-left: 100rpx;box-sizing: border-box;padding-right: 50rpx;';
     }
 }

pages/plugins/video/components/search.vue

@@ -79,6 +79,7 @@ export default {
 		height: 100%;
 		padding: 16rpx 0;
 		box-sizing: border-box;
+        background: transparent;
 	}
 	.search-line {
 		width: 2rpx;

pages/plugins/video/detail/detail.vue

@@ -10,11 +10,11 @@
 				</view>
                 <!-- #endif -->
 				<view class="wh-auto ht-auto" :style="header_padding_left">
-					<search-component :propIsDisabled="true" @disabled_search="handle_search" />
+					<search-component :propIsDisabled="true" @disabledSearch="handle_search" />
 				</view>
 			</view>
 		</view>
-        <swiper class="swiper-container" :key="'top-or-buttom-' + swiper_key" :style="swiperStyle" :vertical="true" :circular="close_circular ? false : true" :current="current_index" easing-function="easeInOutCubic" @change="handle_swiper_change">
+        <swiper class="swiper-container" :key="'top-or-buttom-' + swiper_key" :style="swiperStyle" :vertical="true" :circular="close_circular ? false : true" :skip-hidden-item-layout="true" :current="current_index" easing-function="linear" @change="handle_swiper_change">
             <swiper-item v-for="(video_item, index) in display_video_list" :key="video_item.id">
                 <view class="video-container pr" @tap.stop="toggle_play_pause">
                     <view class="video-bg" :style="!isEmpty(video_item.poster_url) ? 'background-image: url(' + video_item.poster_url + ')' : ''"></view>
@@ -135,7 +135,7 @@
     // 状态栏高度
     var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
     // #ifdef MP-TOUTIAO || H5
-    bar_height = 7;
+    bar_height = 0;
     // #endif
     export default {
         components: {
@@ -147,7 +147,16 @@
         },
         data() {
             return {
+                // 5,7,0 是误差，， 10 是下边距，66是高度，bar_height是不同小程序下的导航栏距离顶部的高度
+                // #ifdef MP
+                top_content_style: 'padding-top:' + (bar_height + 5) + 'px;padding-bottom:10px;',
+                // #endif
+                // #ifdef H5 || MP-TOUTIAO
+                top_content_style: 'padding-top:' + (bar_height + 7) + 'px;padding-bottom:10px;',
+                // #endif
+                // #ifdef APP
                 top_content_style: 'padding-top:' + bar_height + 'px;padding-bottom:10px;',
+                // #endif
                 videoData: videoList,
                 display_video_list: [],
                 current_index: 0,

pages/plugins/video/index/index.vue

@@ -56,7 +56,7 @@ const app = getApp();
 // 状态栏高度
 var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
 // #ifdef MP-TOUTIAO || H5
-bar_height = 7;
+bar_height = 0;
 // #endif
 export default {
 	components: {
@@ -65,7 +65,16 @@ export default {
 	},
 	data() {
 		return {
+			// 5,7,0 是误差，， 10 是下边距，66是高度，bar_height是不同小程序下的导航栏距离顶部的高度
+			// #ifdef MP
+			top_content_style: 'padding-top:' + (bar_height + 5) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef H5 || MP-TOUTIAO
+			top_content_style: 'padding-top:' + (bar_height + 7) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef APP
 			top_content_style: 'padding-top:' + bar_height + 'px;padding-bottom:10px;',
+			// #endif
 			search_query: '',
 			tabs: ['推荐', 'DIV装修', '商城管理', '多商户', '多门店', '客服','多门店', '客服'],
 			currentTab: 0,

pages/plugins/video/search/search-record.vue

@@ -64,7 +64,7 @@ var system = app.globalData.get_system_info(null, null, true);
 // 状态栏高度
 var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
 // #ifdef MP-TOUTIAO || H5
-bar_height = 7;
+bar_height = 0;
 // #endif
 export default {
 	components: {
@@ -73,7 +73,16 @@ export default {
 	},
 	data() {
 		return {
+			// 5,7,0 是误差，， 10 是下边距，66是高度，bar_height是不同小程序下的导航栏距离顶部的高度
+			// #ifdef MP
+			top_content_style: 'padding-top:' + (bar_height + 5) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef H5 || MP-TOUTIAO
+			top_content_style: 'padding-top:' + (bar_height + 7) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef APP
 			top_content_style: 'padding-top:' + bar_height + 'px;padding-bottom:10px;',
+			// #endif
 			search_query: '',
 			search_history: [
 				{ text: '软件升级规则' },

pages/plugins/video/search/search.vue

@@ -84,7 +84,7 @@ const app = getApp();
 // 状态栏高度
 var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
 // #ifdef MP-TOUTIAO || H5
-bar_height = 7;
+bar_height = 0;
 // #endif
 export default {
 	components: {
@@ -95,7 +95,16 @@ export default {
 	},
 	data() {
 		return {
+			// 5,7,0 是误差，， 10 是下边距，66是高度，bar_height是不同小程序下的导航栏距离顶部的高度
+			// #ifdef MP
+			top_content_style: 'padding-top:' + (bar_height + 5) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef H5 || MP-TOUTIAO
+			top_content_style: 'padding-top:' + (bar_height + 7) + 'px;padding-bottom:10px;',
+			// #endif
+			// #ifdef APP
 			top_content_style: 'padding-top:' + bar_height + 'px;padding-bottom:10px;',
+			// #endif
 			search_query: '',
 			tabs: ['推荐', 'DIV装修', '商城管理', '多商户', '多门店', '客服','多门店', '客服'],
 			currentTab: 0,