测试

.hbuilderx/launch.json

@@ -24,7 +24,7 @@
             "type" : "uni-app:app-ios"
         },
         {
-            "playground" : "standard",
+            "playground" : "custom",
             "type" : "uni-app:app-android"
         }
     ]

components/tagTree.vue

@@ -1,7 +1,6 @@
 <template>
 	<view>
 		<uni-drawer ref="showRight" mode="right" :width="320" @change="changeD($event,'showRight')">
-			
 			<view class="close">
 				<view class="zhan" style="width: 100%;"></view>
 				<u-icon name="close" @click="closeDrawer('showRight')" color="#2979ff" size="28"></u-icon>
@@ -9,11 +8,10 @@
 			<view class="proTitle">
 				<text>请选择课程分类</text>
 			</view>
-			<scroll-view class="warp" scroll-y="true" style="max-height: 80vh;">
 			<uni-collapse accordion  v-if="treeList.length > 0" @change="collapseChange">
 				<uni-collapse-item v-for="(item, index) in treeList" :key="index" :title="item.title"
 					:show-animation="true">
-					<view class="content" >
+					<view class="content">
 						<!-- <text class="text">{{item.title}}</text> -->
 						<view class="sub1List">
 							<view class="item leve2" @click.stop="clickCourseInfo(item)" v-if="item.isLast == 1">
@@ -28,14 +26,12 @@
 										v-for="(item2, index2) in item1.children" :key="index2"
 										@click.stop="clickCourseInfo(item2)">
 										<text class="textss">{{item2.title}}</text>
-										<view class="sub3List" v-if="item2.isLast == 0 && item2.children && item2.children.length > 0">
-											<!-- <view :class="['item', 'leve4']" -->
-											<!-- <template> -->
-												<text class="textss" v-for="(item3, index3) in item2.children"  
-												:key="index3" 
-												@click.stop="clickCourseInfo(item3)">{{item3.title}}</text>
-											<!-- </view> -->
-											<!-- </template> -->
+										<view class="sub3List" v-if="item2.children">
+											<view :class="['item', 'leve4']"
+												v-for="(item3, index3) in item2.children" :key="index3"
+												@click.stop="clickCourseInfo(item3)">
+												<text class="textss">{{item3.title}}33</text>
+											</view>
 										</view>
 									</view>
 								</view>
@@ -44,7 +40,6 @@
 					</view>
 				</uni-collapse-item>
 			</uni-collapse>
-			 </scroll-view>
 		</uni-drawer>
 	</view>
 </template>
@@ -68,7 +63,7 @@
 				this.$http
 					.post('medical/home/getCourseMedicalTree')
 					.then(res => {
-						if (res.code == 0 && res.labels.length > 0) {							
+						if (res.code == 0 && res.labels.length > 0) {
 							this.treeList = res.labels
 						} else {
 							this.treeList = []
@@ -108,24 +103,17 @@
 </script>
 
 <style lang="scss" scoped>
-	
-	// ::v-deep uni-drawer{ height: 50vh !important;
-	// 	.uni-drawer__content{
-	// 		overflow-y: scroll !important;
-	// 	}
-	// }
 	.sub1List {
 		background-color: #f7f7f7;
 		// padding-left: 20rpx;
 	}
 	
 	.content {
-		
 		.item {
 			background-color: #fff;
 			line-height: 80rpx;
-			font-size: 28rpx;
-			color: #1b2a32;
+			font-size: 26rpx;
+			color: #497387;
 			// border-bottom: 1px solid #dae8f0;
 	
 			text {
@@ -144,7 +132,7 @@
 		}
 	
 		.textss {
-			display: inline-block; 
+			display: inline-block;
 			width: 100%;
 			border-bottom: 1px solid #ebeef5;
 		}
@@ -162,13 +150,8 @@
 		}
 	
 		.leve3 {
-			
-			.sub3List{
-				border-bottom: 1px solid #ebeef5; padding-left: 60rpx;
-				.textss{background-color: #ebeef5; border-radius: 20rpx; padding: 10rpx 14rpx !important;}
-			}
-			.textss {				
-				padding-left: 60rpx; display: inline; margin-right: 20rpx; border:none !important;
+			.textss {
+				padding-left: 60rpx;
 			}
 		}
 	
@@ -177,15 +160,14 @@
 				padding-left: 80rpx;
 			}
 		}
-		
 	}
 	.proTitle {
 		text-align: center;
 		padding: 20rpx 0;
 		margin-top: 60rpx;
 		// margin-bottom: 20rpx;
-		color: #888;
-		font-size: 28rpx;
+		color: #666;
+		font-size: 26rpx;
 	}
 .close {
 		display: flex;

components/yk-screenRecord/yk-screenRecord.vue

@@ -0,0 +1,117 @@
+<template>
+	<view class="zzc_mol" v-if="isRecording"></view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isRecording: false
+			}
+		},
+		created() {
+			this.screenInit();
+		},
+		onUnload() {
+			this.AllowScreenshots()
+		},
+		methods: {
+			screenInit() {
+				let _this = this;
+				// #ifdef H5
+				uni.showToast({
+					title: '请在APP或者小程序环境下操作',
+					icon: 'error'
+				})
+				// #endif
+				//// #ifndef H5
+				uni.getSystemInfo({
+					success: function(e) {
+						// #ifdef APP-PLUS
+						if (e.platform == 'android') {
+							//注意：一旦开启禁止截屏/录屏后将会全局生效，关闭页面时记得放开允许截屏/录屏
+							console.log('现在的操作系统是：=》',e.platform)
+							_this.NoscreenCapture();
+							
+						} else {
+							//在APP IOS端截屏、录屏暂时没办法实现，可以寻求原生解决
+						}
+						// #endif
+
+						// #ifdef MP-WEIXIN
+						if (e.platform == 'android') {
+							//微信小程序在安卓手机上 禁止截屏/录屏(注意：禁止后录屏动作还是会进行，但录屏后的视频是黑屏的)
+							wx.setVisualEffectOnCapture({
+								visualEffect: 'hidden', //传入 hidden 则表示在截屏/录屏时隐藏屏幕
+								success: (res) => {
+									console.log(res)
+								},
+								fail: (err) => {
+									console.log(err)
+								},
+								complete: (res) => {
+									console.log(res)
+								}
+							})
+						} else {
+							//微信小程序在IOS手机上，注意：目前微信小程序在ios上也只能通过监听录屏状态，然后通过添加view层来进行阻止，截屏暂时无法实现
+							//监听用户录屏事件
+							wx.onScreenRecordingStateChanged(function(res) {
+								if (res.state == 'start') {
+									_this.isRecording = true
+								} else {
+									_this.isRecording = false
+								}
+							})
+							//查询用户是否在录屏
+							wx.getScreenRecordingState({
+								success: (res) => {
+									if (res.state == 'on') {
+										_this.isRecording = true
+									} else if (res.state == 'off') {
+										_this.isRecording = false
+									}
+								},
+								fail: (err) => {
+									_this.isRecording = false
+								}
+							})
+						}
+						// #endif
+					}
+				})
+				//// #endif
+			},
+			//安卓端禁止截屏
+			NoscreenCapture() {
+				let osname = plus.os.name;
+				console.log('函数内的系统信息是=》',plus.os.name)
+				if (osname == "Android") {
+					var activity = plus.android.runtimeMainActivity();
+					plus.android.invoke(plus.android.invoke(activity, "getWindow"), "addFlags", 0x00002000);
+					// this.$emit('')
+				}
+			},
+			//安卓端允许截屏  
+			AllowScreenshots() {
+				let osname = plus.os.name;
+				if (osname == "Android") {
+					var activity = plus.android.runtimeMainActivity();
+					plus.android.invoke(plus.android.invoke(activity, "getWindow"), "clearFlags", 0x00002000);
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	.zzc_mol {
+		background: #000;
+		width: 100%;
+		height: 100%;
+		position: fixed;
+		z-index: 99999;
+		top: 0;
+		left: 0;
+	}
+</style>

config/baseUrl.js

@@ -16,8 +16,8 @@ if (process.env.NODE_ENV === 'development') {
 } else if (process.env.NODE_ENV === 'production') {
 	// 生产环境11
 	// baseUrl = "http://59.110.212.44:9100/pb/";
-	baseUrl = "https://testapi.nuttyreading.com/";
-	// baseUrl = "https://api.nuttyreading.com/"; //1
+	// baseUrl = "https://testapi.nuttyreading.com/";
+	baseUrl = "https://api.nuttyreading.com/"; //1
 	// baseUrl = "ws://twin-ui.com:6001/";
 	// socketUrl = "ws://twin-ui.com:6001/";
 }

pages/course/chapterDetail.vue

@@ -223,6 +223,7 @@
     </template>
 
     <view style="background-color: red;position: fixed;top: 0;left: 0;right: 0;bottom: 0;" v-show="screenLoading" >  </view>
+	<yk-screenRecord></yk-screenRecord>
     <!-- <u-modal
       :show="show"
       :title="modalInfo.title"
@@ -238,6 +239,7 @@
 
 <script>
 import courseDescription from "@/pages/component/commonComponents/list";
+import ykScreenRecord from '@/components/yk-screenRecord/yk-screenRecord';
 import curriculumMp3 from "./mp3Detail.vue";
 import price from "./price/index.vue";
 
@@ -248,6 +250,7 @@ export default {
     courseDescription, //课程说明
     price, //课程价格
     curriculumMp3, //mp3
+	ykScreenRecord
   },
   data() {
     return {