gdpaoup

components/index/video-item/index.vue

@@ -2,7 +2,10 @@
     <view class="video-item" v-if="item" @click="toDetailsPage(item.article_id,item.video_path)">
         <image class="head" :src="item.article_pic" v-if="item.type == 1" ></image>
 		<view class="header_fist" v-else>
-			<view class="backes"></view>
+			<view class="backes">
+                <u-icon name="play-circle-fill" color="#ffffff" size="20"></u-icon>
+                <text>视频</text>
+            </view>
 			<image class="head" :src="item.article_pic"></image>
 		</view>
         <view class="title" v-if="">{{ item.article_title }}</view>
@@ -172,11 +175,22 @@
 	.header_fist{
 		position: relative;
 		.backes{
+            z-index: 99;
 			position: absolute;
-			top: 0;
+            display: flex;
-			width: 100%;
+            align-items: center;
-			height: 100%;
+            justify-content: space-around;
+			top: 10rpx;
+            left: 10rpx;
+			width: 80rpx;
+			height: 30rpx;
+            padding: 0 10rpx;
+            border-radius: 30rpx;
+			background-color: rgba(0,0,0,0.5);
+            & > text {
                 color: #fff;
+                font-size: 18rpx;
+            }
 		}
 		
 	}
@@ -197,7 +211,7 @@ export default {
 	},
     watch: {
         item(newVal, old) {
-            // console.log(newVal);
+            console.log(newVal);
             this.item = newVal;
         },
         deep: true

pageE/mine/ArticleDetails.vue

@@ -16,8 +16,10 @@
 				<text class="tips">已是最新版本</text>
 			</view>
 		</view>
-        <u-popup v-model="show" v-if="type == 2">
+        <u-popup v-model="show" v-if="type == 2" mode="left" width="100%">
-            <view>出淤泥而不染，濯清涟而不妖</view>
+            <view class="u-content">
+                <rich-text :nodes="nodes"></rich-text>
+            </view>
         </u-popup>
 	</view>
 </template>
@@ -26,11 +28,11 @@ import common from '@/static/js/common.js'
 export default {
 	data() {
 		return {
-			version: "",
-			phone_type: "",
 			type: 1,
 			nodes: "",
+			version: "",
 			show: false,
+			phone_type: "",
 		}
 	},
 	onLoad(option) {
@@ -43,6 +45,17 @@ export default {
 		this.getVersion();
 		this.phone_type = this.$u.os();
 	},
+	onBackPress() {
+		if (this.show) {
+				this.show = !this.show;
+		} else {
+				return false;
+		}
+		return true;
+	},
+	onNavigationBarButtonTap(e) {
+		console.log(e);
+	},
 	methods: {
 		setTitle(title){
 			uni.setNavigationBarTitle({
@@ -129,4 +142,10 @@ page {
 		font-size: 22rpx;
 	}
 }
+.u-content {
+    padding: 20rpx;
+    font-size: 30rpx;
+    text-indent: 1rem;
+    line-height: 1.2;
+}
 </style>

pages.json

@@ -610,7 +610,16 @@
 							"titleSize": "36px",
 							"titleNView": {
 								"titleColor": "#333333",
-								"backgroundColor": "#FFFFFF"
+								"backgroundColor": "#FFFFFF",
+                                "buttons": [
+                                	{
+                                        "width": "0",
+                                		"type":"none",
+                                		"text":"关闭",
+                                		"float":"right",
+                                		"fontSize":"14"
+                                	}
+                                ]
 							}
 						}
 					}