shouye xiugai

components/index/video-item/index.vue

@@ -1,6 +1,10 @@
 <template>
     <view class="video-item" v-if="item" @click="toDetailsPage">
+        <image class="head" :src="item.article_pic" v-if="item.type == 1" ></image>
+		<view class="header_fist"  v-else>
+			<view class="backes">111</view>
 			<image class="head" :src="item.article_pic" ></image>
+		</view>
         <view class="title" v-if="!isguanzhu">{{ item.article_title }}</view>
         <view class="jianjie">{{ item.article_content }}</view>
         <view class="user">
@@ -163,6 +167,16 @@
 			background-color: transparent;
 		}
     }
+	.header_fist{
+		position: relative;
+		.backes{
+			position: absolute;
+			top: 0;
+			background: #000000;
+			width: 100%;
+			height: 100%;
+		}
+	}
 }
 </style>
 <script>
@@ -186,6 +200,7 @@ export default {
 			this.$u.api.articleLike({
 				article_id: this.item.article_id,
 			}).then(res => {
+				console.log(res)
 				if(res.errCode == 0) {
 					this.$emit("getArticlelist");
 				}
@@ -195,6 +210,7 @@ export default {
 			this.$u.api.articleCollect({
 				article_id: this.item.article_id,
 			}).then(res => {
+				console.log(res)
 				if(res.errCode == 0) {
 					this.$emit("getArticlelist");
 				}
@@ -205,12 +221,16 @@ export default {
 				article_id: this.item.article_id,
 				member_id: this.item.member_id,
 			}).then(res => {
+				console.log(res)
 				if(res.errCode == 0) {
 					this.$emit("getArticlelist");
 				}
 			})
 		},
 		toDetailsPage() {
+			 uni.navigateTo({
+				url: '/pageB/photo/index',
+			});
 
 		},
 	},

pages/index/index.vue

@@ -7,11 +7,9 @@
                     'background-color':'#FF780F',
                     'bottom':'10rpx'
                 }"
-                inactive-color="#333"
+				 inactive-color="#333" :active-item-style="{
-                :active-item-style="{
                     'color':'#333'
-                }"
+                }" :bold="false"
-                :bold="false"
 				 @change="dianji"></u-tabs>
 			</view>
 			<view class="sosuo"></view>
@@ -24,10 +22,12 @@
 						<u-swiper mode="dot" :list="indexImageSwiper" name="adv_code"></u-swiper>
 						<view class="list">
 							<view>
-                                <videoItem v-for="item in articleList.filter((_, index) => !(index&1))" :key="item.article_id" :item="item" @getArticlelist="getArticlelist"></videoItem>
+								<videoItem v-for="item in articleList.filter((_, index) => !(index&1))" :key="item.article_id" :item="item"
+								 @getArticlelist="getArticlelist"></videoItem>
 							</view>
 							<view style="margin-left:20rpx">
-                                <videoItem v-for="item in articleList.filter((_, index) => index&1)" :key="item.article_id" :item="item" @getArticlelist="getArticlelist"></videoItem>
+								<videoItem v-for="item in articleList.filter((_, index) => index&1)" :key="item.article_id" :item="item"
+								 @getArticlelist="getArticlelist"></videoItem>
 							</view>
 						</view>
 					</view>
@@ -69,11 +69,13 @@
 						<view class="list">
 							<view>
 								<!-- <videoItem isguanzhu="true" v-for="item in 10"></videoItem> -->
-								<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => !(index&1))" :key="item.article_id" :item="item" @getArticlelist="getArticlelist"></videoItem>
+								<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => !(index&1))" :key="item.article_id"
+								 :item="item" @getArticlelist="getArticlelist"></videoItem>
 							</view>
 							<view style="margin-left:20rpx">
 								<!-- <videoItem isguanzhu="true" v-for="item in 10"></videoItem> -->
-								<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => index&1)" :key="item.article_id" :item="item" @getArticlelist="getArticlelist"></videoItem>
+								<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => index&1)" :key="item.article_id"
+								 :item="item" @getArticlelist="getArticlelist"></videoItem>
 							</view>
 						</view>
 					</view>
@@ -90,6 +92,7 @@
 		display: flex;
 		flex-direction: column;
 		height: 100vh;
+
 		.top {
 			padding: 0 30rpx;
 			display: flex;
@@ -98,64 +101,78 @@
 			height: 88rpx;
 			align-items: center;
 			flex-shrink: 0;
+
 			.sosuo {
 				width: 32rpx;
 				height: 32rpx;
 
 			}
+
 			.tabs {
 				width: 334rpx;
+
 				/deep/ .u-tab-item {
 					font-weight: bold;
 				}
 			}
 		}
+
 		.card {
 			height: 100%;
 			width: 100%;
+
 			.box {
 				width: 100%;
 				padding: 0 30rpx;
 			}
+
 			.list {
 				display: flex;
 			}
 		}
+
 		.tuijian {
 			width: 750rpx;
 			margin-left: -30rpx;
 			height: 400rpx;
 			background-color: #ececec;
 			padding: 30rpx;
+
 			.title {
 				width: 100%;
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
+
 				.left {
 					display: flex;
 					align-items: center;
+
 					>view {
 						width: 6rpx;
 						height: 30rpx;
 						background-color: #FF780F;
 					}
+
 					>text {
 						font-size: 30rpx;
 						color: 30rpx;
 						margin-left: 14rpx;
 					}
 				}
+
 				.right {
 					width: 14rpx;
 					height: 24rpx;
 				}
 			}
+
 			.tuijianlist {
 				width: 100%;
 				height: 282rpx;
 				margin-top: 30rpx;
 				display: flex;
+
 				>view:not(:last-child) {
 					margin-right: 23rpx;
 				}
@@ -173,15 +190,13 @@ export default {
 		name: "index",
 		data() {
 			return {
-            list:[
+				list: [{
-                {
 					name: '发现'
 				}, {
 					name: '直播'
 				}, {
 					name: '关注'
-				}
+				}],
-            ],
 				num: 0,
 				page: 0, // 0即第一页
 				articleList: [],
@@ -230,6 +245,7 @@ export default {
 					page: this.page,
 					is_video_img: 0, // 查询视频1 图文2 都查0
 				}).then(res => {
+					console.log('37647744ghj',res)
 					if (res.errCode == 0) {
 						this.articleList = res.data.list;
 					}