|
|
@@ -10,6 +10,7 @@
|
|
|
maxlength="11" @input="clearTelInput" />
|
|
|
<view class="close-btn" v-if="data.clearTelIcon" @click="clearTel"></view>
|
|
|
</view>
|
|
|
+ <view id="yzm-slider"></view>
|
|
|
<!-- 协议勾选框和按钮 -->
|
|
|
<view class="agreement-checkbox-box">
|
|
|
<checkbox class="agreement-checkbox-input" color="#FFFFFF" :checked="data.isAgreed" @change="handleAgreementChange"/>
|
|
|
@@ -30,6 +31,7 @@
|
|
|
ref,
|
|
|
reactive
|
|
|
} from "vue"
|
|
|
+ import { onLoad,onReady } from '@dcloudio/uni-app';
|
|
|
|
|
|
const data = reactive({
|
|
|
phoneNumber: null,
|
|
|
@@ -38,6 +40,38 @@
|
|
|
isAgreed: false,
|
|
|
})
|
|
|
|
|
|
+ onLoad((options) => {
|
|
|
+ getAWSC();
|
|
|
+ })
|
|
|
+
|
|
|
+ const getAWSC = () => {
|
|
|
+ AWSC.use("nc", function (state, module) {
|
|
|
+ // 初始化
|
|
|
+ window.nc = module.init({
|
|
|
+ // 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
|
|
|
+ appkey: "FFFF0N00000000007EC0",
|
|
|
+ //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
|
|
|
+ scene: "nc_message_h5",
|
|
|
+ // 声明滑动验证需要渲染的目标ID。
|
|
|
+ renderTo: "yzm-slider",
|
|
|
+ //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话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)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
const getYzmBtn = () => {
|
|
|
uni.navigateTo({
|
|
|
url: `/pages/login/login?telNum=${data.phoneNumber}`
|
tanxue