wangguoyu 7 ماه پیش
والد
کامیت
93356e9d7b
5فایلهای تغییر یافته به همراه75 افزوده شده و 42 حذف شده
  1. 6 7
      common/prototype.js
  2. 23 18
      index.html
  3. 2 1
      main.js
  4. 1 1
      package.json
  5. 43 15
      pages/study/lookShipin.vue

+ 6 - 7
common/prototype.js

@@ -2,11 +2,10 @@
  * @全局挂载
  * @API 全局事件
  */
-import common from '../utils/common.js'
 import Aliplayer from 'aliplayer';
-export default {
-    install(app) {
-        app.config.globalProperties.$Common = common
-        app.config.globalProperties.Aliplayer = Aliplayer
-    }
-}
+	 
+const installAliplayer = function(Vue) {
+	  Vue.prototype.$aliplayer = Aliplayer;
+};
+	 
+export default installAliplayer;

+ 23 - 18
index.html

@@ -1,20 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <script>
-      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
-        CSS.supports('top: constant(a)'))
-      document.write(
-        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
-        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
-    </script>
-    <title></title>
-    <!--preload-links-->
-    <!--app-context-->
-  </head>
-  <body>
-    <div id="app"><!--app-html--></div>
-    <script type="module" src="/main.js"></script>
-  </body>
-</html>
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="stylesheet"
+			href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.1/skins/default/aliplayer-min.css" />
+		<script type="text/javascript" charset="utf-8"
+			src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.27.1/aliplayer-min.js"></script>
+		<script src="https://g.alicdn.com/AWSC/AWSC/awsc.js"></script>
+		<script>
+			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+				CSS.supports('top: constant(a)'))
+			document.write(
+				'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+				(coverSupport ? ', viewport-fit=cover' : '') + '" />')
+		</script>
+		<title></title>
+		<!--preload-links-->
+		<!--app-context-->
+	</head>
+	<body>
+		<div id="app"><!--app-html--></div>
+		<script type="module" src="/main.js"></script>
+	</body>
+</html>

+ 2 - 1
main.js

@@ -4,12 +4,13 @@ import App from './App.vue'
 //import './permission' // permission
 import { createPinia } from 'pinia'
 import uviewPlus from 'uview-plus'
-import prototype from './common/prototype.js'//全局挂载
+//import prototype from './common/prototype.js'//全局挂载
 const pinia = createPinia()
 // 创建Vue应用实例
 const app = createApp(App)
 //app.use(plugins)
 app.use(createPinia())
 app.use(uviewPlus)
+//app.use(prototype)
 // 挂载Vue应用实例
 app.mount('#app')

+ 1 - 1
package.json

@@ -9,7 +9,7 @@
 		"jsencrypt": "^3.3.2",
 		"pinia": "^2.1.7",
 		"ts-md5": "^1.3.1",
-		"uview-plus": "^3.3.42",
+		"uview-plus": "^3.3.43",
 		"vue": "^3.5.13"
 	},
 	"uni-app": {

+ 43 - 15
pages/study/lookShipin.vue

@@ -1,20 +1,48 @@
 <template>
-	<view>
-	123
-	</view>
+  <view id='nc-wgy'  style="height: 100px;width: 100px;"</view>
 </template>
 
-<script setup>
-	import {
-		useRoute
-	} from "vue-router";
-	import {
-		reactive
-	} from "vue";
-	const route = useRoute();
-	const gradeTerm = route.query;
-</script>
 
-<style>
+<script>
+	export default {
+		data() {
+			return {
+			
+			}
+		},
+		onReady: function (res) {
+			console.log(this)
+			 console.log(Aliplayer)
+		 AWSC.use("nc", function (state, module) {
+		        // 初始化
+		        window.nc = module.init({
+		            // 应用类型标识。它和使用场景标识(scene字段)一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值,请务必正确填写。
+		            appkey: "FFFF0N00000000007EC0",
+		            //使用场景标识。它和应用类型标识(appkey字段)一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值,请务必正确填写。
+		            scene: "nc_message_h5",
+		            // 声明滑动验证需要渲染的目标ID。
+		            renderTo: "nc-wgy",
+		            //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID(sessionId)、签名串(sig)、请求唯一标识(token)字段记录下来,随业务请求一同发送至您的服务端调用验签。
+		            success: function (data) {
+		                window.console && console.log(data.sessionId)
+		                window.console && console.log(data.sig)
+		                window.console && console.log(data.token)
+		            },
+		            // 滑动验证失败时触发该回调参数。
+		            fail: function (failCode) {
+		                 window.console && console.log(failCode)
+		            },
+		            // 验证码加载出现异常时触发该回调参数。
+		            error: function (errorCode) {
+		                 window.console && console.log(errorCode)
+		            }
+		        });
+		    })
+		
+		},
+		methods: {
+		
+		}
+	}
 
-</style>
+</script>