Halaman utama Jelajahi Bantuan
Masuk
wangguoyu
/
uniProject
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

提交

wangguoyu 7 bulan lalu
induk
079597855d
melakukan
93356e9d7b
5 mengubah file dengan 75 tambahan dan 42 penghapusan
Tampilan Split Tampilkan Statistik Diff
  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
Tampilan Berkas 

@@ -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
Tampilan Berkas 

@@ -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
Tampilan Berkas 

@@ -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
Tampilan Berkas 

@@ -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
Tampilan Berkas 

@@ -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>