v
This commit is contained in:
parent
84d15f6b29
commit
d384e6d4e7
74
components/logininput/rictText.js
Normal file
74
components/logininput/rictText.js
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
/*
|
||||||
|
graceUI rich-text 鍔犲己宸ュ叿
|
||||||
|
link : graceui.hcoder.net
|
||||||
|
author : 5213606@qq.com 娣辨捣
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// 姝e垯鍙橀噺
|
||||||
|
var graceRichTextReg;
|
||||||
|
|
||||||
|
// 鎵归噺鏇挎崲鐨勬牱寮<E789B1> [ 鏍规嵁椤圭洰闇€姹傝嚜琛岃缃<EE8695> ]
|
||||||
|
var GRT = [
|
||||||
|
// div 鏍峰紡
|
||||||
|
['div', "line-height:2em;"],
|
||||||
|
// h1 鏍峰紡
|
||||||
|
['h1', "font-size:3em; line-height:1.5em;"],
|
||||||
|
// h2 鏍峰紡
|
||||||
|
['h2', "font-size:2em; line-height:1.8em;"],
|
||||||
|
// h3 鏍峰紡
|
||||||
|
['h3', "font-size:1.6em; line-height:2em;"],
|
||||||
|
// h4 鏍峰紡
|
||||||
|
['h4', "font-size:1.2em; line-height:2em;"],
|
||||||
|
// h5 鏍峰紡
|
||||||
|
['h5', "font-size:1em; line-height:2em;"],
|
||||||
|
// h6 鏍峰紡
|
||||||
|
['h6', "font-size:0.9em; line-height:2em;"],
|
||||||
|
// p 鏍峰紡
|
||||||
|
['p', "font-size:1em; line-height:2em;"],
|
||||||
|
// b 鏍峰紡
|
||||||
|
['b', "font-size:1em; line-height:2em;"],
|
||||||
|
// strong 鏍峰紡
|
||||||
|
['strong', "font-size:1em; line-height:2em;"],
|
||||||
|
// code 鏍峰紡
|
||||||
|
['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
|
||||||
|
// img 鏍峰紡
|
||||||
|
['img', "width:100%; margin:8px 0;"],
|
||||||
|
// blockquote
|
||||||
|
['blockquote', "font-size:1em; border-left:3px solid #D1D1D1; line-height:2em; border-radius:5px; background:#F6F7F8; padding:8px 2%;"],
|
||||||
|
// li 鏍峰紡
|
||||||
|
['ul', "padding:5px 0; list-style:none; padding:0; margin:0;"],
|
||||||
|
['li', "line-height:1.5em; padding:5px 0; list-style:none; padding:0; margin:0; margin-top:10px;"],
|
||||||
|
// table
|
||||||
|
['table', "width:100%; border-left:1px solid #F2F3F4; border-top:1px solid #F2F3F4;"],
|
||||||
|
['th', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4;"],
|
||||||
|
['td', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4; padding-left:5px;"]
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
format : function(html){
|
||||||
|
html = html.replace(/<pre.*pre>?/gis, function(word){
|
||||||
|
word = word.replace(/[\n]/gi,'<br />');
|
||||||
|
word = word.replace(/ /gi,'<span style="padding-left:2em;"></span>');
|
||||||
|
return word.replace(/[\t]/gi, '<span style="padding-left:2em;"></span>');
|
||||||
|
});
|
||||||
|
html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"');
|
||||||
|
html = html.replace(/<\/pre/gi,"</p");
|
||||||
|
for(let i = 0; i < GRT.length; i++){
|
||||||
|
graceRichTextReg = new RegExp('<'+GRT[i][0]+'>|<'+GRT[i][0]+' (.*?)>', 'gi');
|
||||||
|
html = html.replace(graceRichTextReg , function(word){
|
||||||
|
// 鍒嗘瀽 dom 涓婃槸鍚﹀甫鏈<E794AB> style=""
|
||||||
|
if(word.indexOf('style=') != -1){
|
||||||
|
var regIn = new RegExp('<' + GRT[i][0] + '(.*?)style="(.*?)"(.*?)(/?)>', 'gi');
|
||||||
|
return word.replace(regIn, '<'+ GRT[i][0] +'$1style="$2 ' + GRT[i][1] +'"$3$4>');
|
||||||
|
}else{
|
||||||
|
var regIn = new RegExp('<' + GRT[i][0] + '(.*?)(/?)>', 'gi');
|
||||||
|
return word.replace(regIn, '<'+ GRT[i][0] +'$1 style="' + GRT[i][1] +'$2">');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -1,19 +1,32 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<image v-if="type" class="welcome_images" src="../../static/pageA/welcome_img.jpg" mode="aspectFill"></image>
|
<!-- <image v-if="type" class="welcome_images" src="../../static/pageA/welcome_img.jpg" mode="aspectFill"></image> -->
|
||||||
<view v-if="type" class="welcome_jumpes" @click="leap_over" >跳过{{remaining}}</view>
|
<view v-if="type" id="video_mp4">
|
||||||
<view v-if="banner" class="welcome_jumpes" @click="leap_overto" >跳过</view>
|
<view class="page-body">
|
||||||
|
<view class="page-section">
|
||||||
|
<video id="myVideo" :src=" 'https://' + vide0_url" :controls="controls" :autoplay="autoplayes" :loop="loop" @error="videoErrorCallback" enable-danmu danmu-btn></video>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="type" class="welcome_jumpes" @click="leap_over">跳过{{remaining}}</view>
|
||||||
|
<view v-if="banner" class="welcome_jumpes" @click="leap_overto">跳过</view>
|
||||||
<!-- 轮播图 -->
|
<!-- 轮播图 -->
|
||||||
<view class="uni-padding-wrap" v-if="banner" >
|
<view class="uni-padding-wrap" v-if="banner">
|
||||||
<view class="page-section swiper">
|
<view class="uni-padding-wrap">
|
||||||
<view class="page-section-spacing">
|
<view class="page-section swiper">
|
||||||
<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
|
<view class="page-section-spacing">
|
||||||
<swiper-item v-for="(item,index) in imgurl" :key="index">
|
<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
|
||||||
<view class="swiper-item uni-bg-red">
|
<swiper-item>
|
||||||
<image :src="item" mode="aspectFill"></image>
|
<view class="swiper-item uni-bg-red">A</view>
|
||||||
</view>
|
</swiper-item>
|
||||||
</swiper-item>
|
<swiper-item>
|
||||||
</swiper>
|
<view class="swiper-item uni-bg-green">B</view>
|
||||||
|
</swiper-item>
|
||||||
|
<swiper-item>
|
||||||
|
<view class="swiper-item uni-bg-blue">C</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -35,82 +48,144 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
remaining : 3,
|
remaining: 10,
|
||||||
type:true,
|
type: true,
|
||||||
banner : false,
|
banner: false,
|
||||||
protocol : false,
|
protocol: false,
|
||||||
heightes:'',
|
heightes: '',
|
||||||
imgurl: ['../../static/pageA/welcome_banner.jpg', '../../static/pageA/welcome_img2.jpg', '../../static/pageA/welcome_img3.jpg'],
|
imgurl: [],
|
||||||
indicatorDots: true,
|
indicatorDots: true,
|
||||||
autoplay: true,
|
autoplay: true,
|
||||||
|
loop : 'true',
|
||||||
interval: 3000,
|
interval: 3000,
|
||||||
duration: 500,
|
duration: 500,
|
||||||
|
vide0_url : '',
|
||||||
agreement: { // 用户协议内容
|
agreement: { // 用户协议内容
|
||||||
document_title: "",
|
document_title: "",
|
||||||
document_content: ""
|
document_content: ""
|
||||||
}
|
},
|
||||||
|
title: 'video',
|
||||||
|
src: '',
|
||||||
|
inputValue: '',
|
||||||
|
controls : false,
|
||||||
|
autoplayes : true,
|
||||||
|
danmuList: [{
|
||||||
|
text: '第 1s 出现的弹幕',
|
||||||
|
color: '#ff0000',
|
||||||
|
time: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '第 3s 出现的弹幕',
|
||||||
|
color: '#ff00ff',
|
||||||
|
time: 3
|
||||||
|
}
|
||||||
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
onReady: function(res) {
|
||||||
|
this.videoContext = uni.createVideoContext('myVideo')
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
unescapeHTML (temp){
|
unescapeHTML(temp) {
|
||||||
temp = "" + temp;
|
temp = "" + temp;
|
||||||
return temp.replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&").replace(/"/g, '"').replace(/'/g, "'");
|
return temp.replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&").replace(/"/g, '"').replace(/'/g, "'");
|
||||||
},
|
},
|
||||||
apiwelcome(){
|
apiwelcome() {
|
||||||
this.$u.api.documentInfo({
|
this.$u.api.documentInfo({
|
||||||
document_code:'agreement'
|
document_code: 'agreement'
|
||||||
}).then((res)=>{
|
}).then((res) => {
|
||||||
if (res.errCode == 0) {
|
if (res.errCode == 0) {
|
||||||
let agreement = res.data;
|
let agreement = res.data;
|
||||||
|
// console.log(agreement.document_content)
|
||||||
agreement.document_content = this.unescapeHTML(agreement.document_content);
|
agreement.document_content = this.unescapeHTML(agreement.document_content);
|
||||||
// console.log(agreement);
|
// console.log(agreement);
|
||||||
this.agreement = agreement;
|
this.agreement = agreement;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
// 启动页
|
// 启动页
|
||||||
this.$u.api.pageList({}).then((res)=>{
|
this.$u.api.pageList({}).then((res) => {
|
||||||
console.log('协议',res)
|
console.log('协议', res)
|
||||||
|
let data_image = res.data.welcome_page
|
||||||
|
let vide0_url = res.data.start_page[0].launch_path
|
||||||
|
this.list = data_image;
|
||||||
|
this.vide0_url = vide0_url;
|
||||||
|
console.log(this.list)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 3秒倒计时
|
// 3秒倒计时
|
||||||
remaining_time(){
|
remaining_time() {
|
||||||
this.timer=setInterval(() => {
|
this.timer = setInterval(() => {
|
||||||
this.remaining--;
|
this.remaining--;
|
||||||
if(this.remaining <= 0){
|
if (this.remaining <= 0) {
|
||||||
clearInterval(this.timer);
|
clearInterval(this.timer);
|
||||||
// console.log("完了")
|
console.log("完了")
|
||||||
this.type = !this.type
|
this.type = !this.type
|
||||||
this.banner = !this.banner;
|
this.banner = !this.banner;
|
||||||
}
|
}
|
||||||
},1000);
|
}, 1000);
|
||||||
},
|
},
|
||||||
leap_over(){
|
leap_over() {
|
||||||
this.type = !this.type
|
this.type = !this.type
|
||||||
this.banner = !this.banner;
|
this.banner = !this.banner;
|
||||||
},
|
},
|
||||||
leap_overto(){
|
leap_overto() {
|
||||||
this.protocol = true
|
this.protocol = true
|
||||||
},
|
},
|
||||||
getSystemInfo(){
|
getSystemInfo() {
|
||||||
// 获取屏幕高度
|
// 获取屏幕高度
|
||||||
uni.getSystemInfo({
|
uni.getSystemInfo({
|
||||||
success: function (res) {
|
success: function(res) {
|
||||||
this.heightes = res.windowHeight;
|
this.heightes = res.windowHeight;
|
||||||
console.log( this.heightes)
|
console.log(this.heightes)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 我同意
|
// 我同意
|
||||||
to_agree(){
|
to_agree() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pageA/login/login'
|
url: '/pageA/login/login'
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
// 视频引入
|
||||||
|
bindInputBlur: function(e) {
|
||||||
|
this.inputValue = e.target.value
|
||||||
|
},
|
||||||
|
bindButtonTap: function() {
|
||||||
|
var that = this
|
||||||
|
uni.chooseVideo({
|
||||||
|
sourceType: ['album', 'camera'],
|
||||||
|
maxDuration: 60,
|
||||||
|
camera: ['front', 'back'],
|
||||||
|
success: function(res) {
|
||||||
|
this.src = res.tempFilePath
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
bindSendDanmu: function() {
|
||||||
|
this.videoContext.sendDanmu({
|
||||||
|
text: this.inputValue,
|
||||||
|
color: this.getRandomColor()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
videoErrorCallback: function(e) {
|
||||||
|
console.log('视频错误信息:')
|
||||||
|
console.log(e.target.errMsg)
|
||||||
|
},
|
||||||
|
getRandomColor: function() {
|
||||||
|
const rgb = []
|
||||||
|
for (let i = 0; i < 3; ++i) {
|
||||||
|
let color = Math.floor(Math.random() * 256).toString(16)
|
||||||
|
color = color.length == 1 ? '0' + color : color
|
||||||
|
rgb.push(color)
|
||||||
|
}
|
||||||
|
return '#' + rgb.join('')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted(){
|
mounted() {
|
||||||
// 3秒倒计时调用
|
// 3秒倒计时调用
|
||||||
this.remaining_time()
|
this.remaining_time()
|
||||||
// 获取屏幕高度
|
// 获取屏幕高度
|
||||||
@ -121,71 +196,96 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.welcome_jumpes{
|
.welcome_jumpes {
|
||||||
width: 90rpx;
|
width: 90rpx;
|
||||||
height: 35rpx;
|
height: 35rpx;
|
||||||
opacity:0.5;
|
opacity: 0.5;
|
||||||
border-radius:18rpx;
|
border-radius: 18rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 37rpx;
|
right: 37rpx;
|
||||||
top: 34rpx;
|
top: 34rpx;
|
||||||
font-size:20rpx;
|
font-size: 20rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 35rpx;
|
line-height: 35rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #C4CAC6;
|
background: #C4CAC6;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
#myVideo{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
top: 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
uni-video{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.uni-video-container{
|
||||||
|
background-color: none!important;
|
||||||
|
}
|
||||||
.welcome_images {
|
.welcome_images {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
height: 100%
|
height: 100%
|
||||||
}
|
}
|
||||||
uni-swiper,uni-view,uni-image{
|
|
||||||
|
uni-swiper,
|
||||||
|
uni-view,
|
||||||
|
uni-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// position: fixed;
|
// position: fixed;
|
||||||
height: 100%
|
height: 100%
|
||||||
}
|
}
|
||||||
uni-image{
|
|
||||||
|
uni-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 轮播图分页器颜色
|
// 轮播图分页器颜色
|
||||||
uni-swiper .uni-swiper-dot-active{
|
uni-swiper .uni-swiper-dot-active {
|
||||||
background-color: #fff!important;
|
background-color: #fff !important;
|
||||||
}
|
}
|
||||||
.welcome_backes{
|
|
||||||
|
.welcome_backes {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background:#999999;
|
background: #999999;
|
||||||
.content{
|
|
||||||
width:558rpx;
|
.content {
|
||||||
height:730rpx;
|
width: 558rpx;
|
||||||
background:rgba(255,255,255,1);
|
height: 730rpx;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
.title{
|
|
||||||
width:558rpx;
|
.title {
|
||||||
|
width: 558rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height:29rpx;
|
height: 29rpx;
|
||||||
font-size:30rpx;
|
font-size: 30rpx;
|
||||||
font-weight:bold;
|
font-weight: bold;
|
||||||
color:rgba(51,51,51,1);
|
color: rgba(51, 51, 51, 1);
|
||||||
line-height:29rpx;
|
line-height: 29rpx;
|
||||||
margin: 30rpx 0 24rpx 0;
|
margin: 30rpx 0 24rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll {
|
.scroll {
|
||||||
height: 560rpx;
|
height: 560rpx;
|
||||||
.protocol_content{
|
|
||||||
width:494rpx;
|
.protocol_content {
|
||||||
height:528rpx;
|
width: 494rpx;
|
||||||
font-size:24rpx;
|
height: 528rpx;
|
||||||
font-weight:400;
|
font-size: 24rpx;
|
||||||
color:rgba(51,51,51,1);
|
font-weight: 400;
|
||||||
|
color: rgba(51, 51, 51, 1);
|
||||||
display: block;
|
display: block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 80rpx auto 33rpx;
|
margin: 80rpx auto 33rpx;
|
||||||
@ -195,15 +295,16 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.to_agree{
|
|
||||||
width:558rpx;
|
.to_agree {
|
||||||
font-size:30rpx;
|
width: 558rpx;
|
||||||
font-weight:bold;
|
font-size: 30rpx;
|
||||||
color:rgba(255,121,16,1);
|
font-weight: bold;
|
||||||
|
color: rgba(255, 121, 16, 1);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 27rpx;
|
padding-top: 27rpx;
|
||||||
border-top: #D8D8D8 solid 1px;
|
border-top: #D8D8D8 solid 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -14,16 +14,16 @@
|
|||||||
<!-- <text></text> -->
|
<!-- <text></text> -->
|
||||||
<input type="tel" placeholder="请输入验证码" v-model="sms_code" />
|
<input type="tel" placeholder="请输入验证码" v-model="sms_code" />
|
||||||
<!-- <text class="identifying" @click="getCode">{{text}}</text> -->
|
<!-- <text class="identifying" @click="getCode">{{text}}</text> -->
|
||||||
<identifying @tochange="tochange" :smslog_type="smslog_type" :member_mobile="member_mobile" ></identifying>
|
<identifying @tochange="tochange" :smslog_type="smslog_type" :member_mobile="member_mobile"></identifying>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 服务协议 -->
|
<!-- 服务协议 -->
|
||||||
<view class="pact">
|
<view class="pact">
|
||||||
<view></view>
|
<view>
|
||||||
<text>我已详细阅读并同意</text>
|
<view></view>
|
||||||
<text class="pact_text">《用户协议》 </text>
|
<text>我已详细阅读并同意</text>
|
||||||
<text class="pact_text">《隐私协议》</text>
|
<text class="pact_text" v-for="(item,index) in pact_text" :key="index" @click="pact_click(index)"> {{item.text}} </text>
|
||||||
<text class="pact_text">《使用协议》</text>
|
</view>
|
||||||
<u-checkbox-group @change="checkboxGroupChange" size="27">
|
<u-checkbox-group @change="checkboxGroupChange" size="27">
|
||||||
<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name"
|
<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name"
|
||||||
shape="circle" size="14" active-color="#19BE6B"></u-checkbox>
|
shape="circle" size="14" active-color="#19BE6B"></u-checkbox>
|
||||||
@ -68,17 +68,30 @@
|
|||||||
disabled: false
|
disabled: false
|
||||||
}],
|
}],
|
||||||
value: '',
|
value: '',
|
||||||
phones : '',
|
phones: '',
|
||||||
text: '获取验证码',
|
text: '获取验证码',
|
||||||
login: '登录',
|
login: '登录',
|
||||||
register : '新用户点击注册',
|
register: '新用户点击注册',
|
||||||
show: false,
|
show: false,
|
||||||
tips: '',
|
tips: '',
|
||||||
// refCode: null,
|
// refCode: null,
|
||||||
seconds: 60,
|
seconds: 60,
|
||||||
member_mobile: '', //手机号
|
member_mobile: '', //手机号
|
||||||
smslog_type : '2',//状态
|
smslog_type: '2', //状态
|
||||||
sms_code : '', //验证码
|
sms_code: '', //验证码
|
||||||
|
// 协议渲染
|
||||||
|
pact_text: [{
|
||||||
|
"id": '1',
|
||||||
|
"text": "《用户协议》"
|
||||||
|
}, {
|
||||||
|
"id": '2',
|
||||||
|
"text": "《隐私协议》"
|
||||||
|
}, {
|
||||||
|
"id": '3',
|
||||||
|
"text": "《使用协议》"
|
||||||
|
},
|
||||||
|
|
||||||
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
@ -86,36 +99,68 @@
|
|||||||
this.apiwelcome()
|
this.apiwelcome()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
apiwelcome(){
|
apiwelcome() {
|
||||||
this.$u.api.sendSmsCode({
|
this.$u.api.sendSmsCode({
|
||||||
|
|
||||||
}).then((res)=>{
|
}).then((res) => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 协议跳转
|
||||||
|
pact_click(index){
|
||||||
|
console.log(index)
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pageA/pactList/pactList?index=' + index
|
||||||
|
});
|
||||||
|
},
|
||||||
// 用户登录
|
// 用户登录
|
||||||
loginOn(){
|
loginOn() {
|
||||||
// console.log("登录")
|
console.log("登录")
|
||||||
// console.log(this.member_mobile)
|
// console.log(this.member_mobile)
|
||||||
// console.log(this.sms_code)
|
// console.log(this.sms_code)
|
||||||
|
// 判断手机号是否为空
|
||||||
|
// 校验手机号
|
||||||
|
let type_phone = this.$u.test.mobile( this.member_mobile)
|
||||||
|
if( this.member_mobile == ''){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '手机号不能为空',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (type_phone == false) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '手机号格式不正确',
|
||||||
|
type: 'error'
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if( this.sms_code == ''){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '验证码不能为空',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
this.$u.api.phoneLogin({
|
this.$u.api.phoneLogin({
|
||||||
member_mobile: this.member_mobile,
|
member_mobile: this.member_mobile,
|
||||||
sms_code: this.sms_code
|
sms_code: this.sms_code
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
|
console.log(res)
|
||||||
// console.log(res)
|
// console.log(res)
|
||||||
if(res.errCode == 0){
|
if (res.errCode == 0) {
|
||||||
// 缓存用户的信息
|
// 缓存用户的信息
|
||||||
uni.setStorage({
|
uni.setStorage({
|
||||||
key: 'user_info',
|
key: 'user_info',
|
||||||
data: res.data,
|
data: res.data,
|
||||||
success: function () {
|
success: function() {
|
||||||
console.log('success');
|
console.log('success');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// 存储接口请求所需token
|
// 存储接口请求所需token
|
||||||
uni.setStorage({
|
uni.setStorage({
|
||||||
key: 'token',
|
key: 'token',
|
||||||
data: res.data.data.token,
|
data: res.data.data.token,
|
||||||
});
|
});
|
||||||
// 注册返回参数
|
// 注册返回参数
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
@ -124,61 +169,61 @@
|
|||||||
url: '/pageA/topick/topick'
|
url: '/pageA/topick/topick'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if(res.errCode == 1){
|
if (res.errCode == 1) {
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
title: res.message,
|
title: res.message,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// qq授权登录
|
// qq授权登录
|
||||||
rect_qq(){
|
rect_qq() {
|
||||||
console.log("授权Q")
|
console.log("授权Q")
|
||||||
var vm = this;
|
var vm = this;
|
||||||
uni.getProvider({
|
uni.getProvider({
|
||||||
service: 'oauth',
|
service: 'oauth',
|
||||||
success: function (res) {
|
success: function(res) {
|
||||||
console.log('qq',res) //weixin
|
console.log('qq', res) //weixin
|
||||||
if (~res.provider.indexOf('qq')) {
|
if (~res.provider.indexOf('qq')) {
|
||||||
uni.login({
|
uni.login({
|
||||||
provider: 'qq',
|
provider: 'qq',
|
||||||
success: function (loginRes) {
|
success: function(loginRes) {
|
||||||
console.log(loginRes)
|
console.log(loginRes)
|
||||||
this.getApplogin(loginRes)
|
this.getApplogin(loginRes)
|
||||||
vm.$HTTP({
|
vm.$HTTP({
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
baseURL:'https://graph.qq.com/user/get_user_info',
|
baseURL: 'https://graph.qq.com/user/get_user_info',
|
||||||
url: '',
|
url: '',
|
||||||
data: {
|
data: {
|
||||||
openid:loginRes.authResult.openid,
|
openid: loginRes.authResult.openid,
|
||||||
access_token:loginRes.authResult.access_token,
|
access_token: loginRes.authResult.access_token,
|
||||||
appid:'101884160'
|
appid: '101884160'
|
||||||
},
|
},
|
||||||
load:true
|
load: true
|
||||||
}).then((data) =>{
|
}).then((data) => {
|
||||||
console.log(data)
|
console.log(data)
|
||||||
|
|
||||||
}, (err) => {
|
}, (err) => {
|
||||||
console.log(err)
|
console.log(err)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}else{
|
} else {
|
||||||
console.log("错误")
|
console.log("错误")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 跳转注册页面
|
// 跳转注册页面
|
||||||
registerUrl(){
|
registerUrl() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pageA/register/register'
|
url: '/pageA/register/register'
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 授权登录
|
// 授权登录
|
||||||
getApplogin(){
|
getApplogin() {
|
||||||
console.log("11")
|
console.log("11")
|
||||||
},
|
},
|
||||||
// 选中某个复选框时,由checkbox时触发
|
// 选中某个复选框时,由checkbox时触发
|
||||||
@ -192,18 +237,17 @@
|
|||||||
mask_u() {
|
mask_u() {
|
||||||
this.show = !this.show
|
this.show = !this.show
|
||||||
},
|
},
|
||||||
tochange(){
|
tochange() {
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components:{
|
components: {
|
||||||
identifying
|
identifying
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
.login {
|
.login {
|
||||||
|
|
||||||
// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
|
// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
|
||||||
@ -282,9 +326,7 @@
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.identifying {
|
.identifying {}
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-input-input,
|
.uni-input-input,
|
||||||
@ -297,23 +339,29 @@
|
|||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: rgba(255, 255, 255, 1);
|
color: rgba(255, 255, 255, 1);
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pact>view:first-child {
|
||||||
|
float: left;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pact_text {
|
.pact_text {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: rgba(129, 188, 253, 1) !important;
|
color: rgba(129, 188, 253, 1) !important;
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
//单选框的样式
|
//单选框的样式
|
||||||
.pact {
|
.pact {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 40rpx;
|
padding-left: 40rpx;
|
||||||
overflow: hidden; //超出的文本隐藏
|
overflow: hidden;
|
||||||
text-overflow: ellipsis; //溢出用省略号显示
|
// overflow: hidden; //超出的文本隐藏
|
||||||
white-space: nowrap; //溢出不换行
|
// text-overflow: ellipsis; //溢出用省略号显示
|
||||||
|
// white-space: nowrap; //溢出不换行
|
||||||
}
|
}
|
||||||
|
|
||||||
.u-checkbox-group {
|
.u-checkbox-group {
|
||||||
|
74
pageA/pactList/pactList.vue
Normal file
74
pageA/pactList/pactList.vue
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<template>
|
||||||
|
<view class="packlist">
|
||||||
|
<view>
|
||||||
|
<rich-text class="rict_type" :nodes="document_content"></rich-text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var graceRichText = require("../../components/logininput/rictText.js");
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
document_content : ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
console.log(option)
|
||||||
|
// 协议类型调用不同的的协议
|
||||||
|
let typeIindex = option.index;
|
||||||
|
this.typeIndexRquest(typeIindex)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
unescapeHTML (temp){
|
||||||
|
temp = "" + temp;
|
||||||
|
return temp.replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&").replace(/"/g, '"').replace(/'/g, "'");
|
||||||
|
},
|
||||||
|
typeIndexRquest(typeIindex){
|
||||||
|
// 3种协议分别是 0 1 2 【agreement:用户协议,open_store:开店协议,privacy:隐私协议,use:使用协议】;
|
||||||
|
if(typeIindex == 0){
|
||||||
|
this.$u.api.documentInfo({
|
||||||
|
document_code: 'agreement'
|
||||||
|
}).then((res)=>{
|
||||||
|
console.log(res)
|
||||||
|
let data = this.unescapeHTML(res.data.document_content);
|
||||||
|
this.document_content = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if(typeIindex == 1){
|
||||||
|
this.$u.api.documentInfo({
|
||||||
|
document_code: 'privacy'
|
||||||
|
}).then((res)=>{
|
||||||
|
console.log(res)
|
||||||
|
let data = this.unescapeHTML(res.data.document_content);
|
||||||
|
this.document_content = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if(typeIindex == 2){
|
||||||
|
this.$u.api.documentInfo({
|
||||||
|
document_code: 'use'
|
||||||
|
}).then((res)=>{
|
||||||
|
console.log(res)
|
||||||
|
let data = this.unescapeHTML(res.data.document_content);
|
||||||
|
this.document_content = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
},
|
||||||
|
components:{}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.packlist{}
|
||||||
|
.packlist > view{
|
||||||
|
width:676px;
|
||||||
|
font-size:26rpx;
|
||||||
|
color: #333;
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
</style>
|
11
pages.json
11
pages.json
@ -17,6 +17,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pactList/pactList",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "用户协议详情",
|
||||||
|
"app-plus":{
|
||||||
|
"titleNView":{
|
||||||
|
"backgroundColor":"#fff"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "bindinges/bindinges",
|
"path": "bindinges/bindinges",
|
||||||
"style": {
|
"style": {
|
||||||
|
BIN
static/mp4.mp4
Normal file
BIN
static/mp4.mp4
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user