5.2
This commit is contained in:
parent
c9fd0fedb8
commit
0185f1eaf2
BIN
CustomStartPage/origin.png
Normal file
BIN
CustomStartPage/origin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 456 KiB |
Binary file not shown.
Before Width: | Height: | Size: 456 KiB After Width: | Height: | Size: 680 KiB |
@ -2,13 +2,13 @@
|
|||||||
"version": "1",
|
"version": "1",
|
||||||
"prompt": "template",
|
"prompt": "template",
|
||||||
"title": "用户协议和隐私政策",
|
"title": "用户协议和隐私政策",
|
||||||
"message": " 请你务必审慎阅读、充分理解“用户协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/> 你可阅读<a href=\"https://www.wzj.net.cn/fuwuxieyi.html\">《用户协议》</a>和<a href=\"http://www.wzj.net.cn/yinsizhengce/342.html\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
|
"message": " 请你务必审慎阅读、充分理解“用户协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/> 你可阅读<a href=\"https://www.wzj.net.cn/yonhuxieyi.html\">《用户协议》</a>和<a href=\"http://www.wzj.net.cn/yinsizhengce.html\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
|
||||||
"buttonAccept": "同意并接受",
|
"buttonAccept": "同意并接受",
|
||||||
"buttonRefuse": "暂不同意",
|
"buttonRefuse": "暂不同意",
|
||||||
"hrefLoader": "system|default",
|
"hrefLoader": "system|default",
|
||||||
"second": {
|
"second": {
|
||||||
"title": "确认提示",
|
"title": "确认提示",
|
||||||
"message": " 进入应用前,你需先同意<a href=\"https://wuzhongjie.com.cn/fuwuxieyi.html\" >《用户协议》</a>和<a href=\"http://wuzhongjie.com.cn/yinsizhengce.html\">《隐私政策》</a>,否则将退出应用。",
|
"message": " 进入应用前,你需先同意<a href=\"https://wuzhongjie.com.cn/yonhuxieyi.html\" >《用户协议》</a>和<a href=\"http://wuzhongjie.com.cn/yinsizhengce.html\">《隐私政策》</a>,否则将退出应用。",
|
||||||
"buttonAccept": "同意并继续",
|
"buttonAccept": "同意并继续",
|
||||||
"buttonRefuse": "退出应用"
|
"buttonRefuse": "退出应用"
|
||||||
},
|
},
|
||||||
|
@ -1,531 +1,531 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view
|
<view
|
||||||
v-if="!hid"
|
v-if="!hid"
|
||||||
class="flex-row-center"
|
class="flex-row-center"
|
||||||
:style="{ top: scHight }"
|
:style="{ top: scHight }"
|
||||||
style="width: 750rpx; position: fixed; z-index: 100; left: 0"
|
style="width: 750rpx; position: fixed; z-index: 100; left: 0"
|
||||||
>
|
>
|
||||||
<view
|
<view
|
||||||
class="flex-column-center"
|
class="flex-column-center"
|
||||||
style="background-color: #fcfcfc; padding: 30rpx; border-radius: 10rpx"
|
style="background-color: #fcfcfc; padding: 30rpx; border-radius: 10rpx"
|
||||||
>
|
>
|
||||||
<movable-area
|
<movable-area
|
||||||
class="flex"
|
class="flex"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
animation="false"
|
animation="false"
|
||||||
:style="{ height: originalHeight }"
|
:style="{ height: originalHeight }"
|
||||||
>
|
>
|
||||||
<movable-view
|
<movable-view
|
||||||
scale-value="1"
|
scale-value="1"
|
||||||
animation="false"
|
animation="false"
|
||||||
damping="5000"
|
damping="5000"
|
||||||
:x="moveX"
|
:x="moveX"
|
||||||
:style="{
|
:style="{
|
||||||
height: sliderHeight,
|
height: sliderHeight,
|
||||||
width: sliderWidth,
|
width: sliderWidth,
|
||||||
'z-index': 101,
|
'z-index': 101
|
||||||
}"
|
}"
|
||||||
direction="horizontal"
|
direction="horizontal"
|
||||||
>
|
>
|
||||||
<image
|
<image
|
||||||
:src="imgbk"
|
:src="imgbk"
|
||||||
class="image"
|
class="image"
|
||||||
mode="aspectFit"
|
mode="aspectFit"
|
||||||
:style="{
|
:style="{
|
||||||
height: sliderHeight,
|
height: sliderHeight,
|
||||||
width: sliderWidth,
|
width: sliderWidth,
|
||||||
'margin-top': imgbKH,
|
'margin-top': imgbKH
|
||||||
}"
|
}"
|
||||||
></image>
|
></image>
|
||||||
</movable-view>
|
</movable-view>
|
||||||
<image
|
<image
|
||||||
:src="img"
|
:src="img"
|
||||||
mode="aspectFit"
|
mode="aspectFit"
|
||||||
:style="{ height: originalHeight, width: originalWidth }"
|
:style="{ height: originalHeight, width: originalWidth }"
|
||||||
style="border-radius: 10rpx"
|
style="border-radius: 10rpx"
|
||||||
></image>
|
></image>
|
||||||
</movable-area>
|
</movable-area>
|
||||||
|
|
||||||
<movable-area
|
<movable-area
|
||||||
class="flex-row-start"
|
class="flex-row-start"
|
||||||
style="
|
style="width: 100%; background-color: #efefef; height: 80rpx; border-radius: 40rpx; margin-top: 30rpx"
|
||||||
width: 100%;
|
>
|
||||||
background-color: #efefef;
|
<movable-view
|
||||||
height: 80rpx;
|
scale-value="1"
|
||||||
border-radius: 40rpx;
|
animation="false"
|
||||||
margin-top: 30rpx;
|
damping="50"
|
||||||
"
|
:x="movePv"
|
||||||
>
|
class="flex-row-center"
|
||||||
<movable-view
|
style="border-radius: 50%; height: 100rpx; width: 100rpx; background-color: #ffffff; border: 2rpx solid #e3e3e3; margin-top: -13rpx"
|
||||||
scale-value="1"
|
direction="horizontal"
|
||||||
animation="false"
|
@change="moveChange"
|
||||||
damping="50"
|
@touchend="end"
|
||||||
:x="movePv"
|
>
|
||||||
class="flex-row-center"
|
<u-icon
|
||||||
style="
|
:color="mainColor"
|
||||||
border-radius: 50%;
|
size="40"
|
||||||
height: 100rpx;
|
v-if="endLoad"
|
||||||
width: 100rpx;
|
name="arrow-right"
|
||||||
background-color: #ffffff;
|
></u-icon>
|
||||||
border: 2rpx solid #e3e3e3;
|
<u-icon
|
||||||
margin-top: -13rpx;
|
:color="mainColor"
|
||||||
"
|
size="40"
|
||||||
direction="horizontal"
|
v-else
|
||||||
@change="moveChange"
|
name="reload"
|
||||||
@touchend="end"
|
></u-icon>
|
||||||
>
|
</movable-view>
|
||||||
<u-icon
|
|
||||||
:color="mainColor"
|
|
||||||
size="40"
|
|
||||||
v-if="endLoad"
|
|
||||||
name="arrow-right"
|
|
||||||
></u-icon>
|
|
||||||
<u-icon :color="mainColor" size="40" v-else name="reload"></u-icon>
|
|
||||||
</movable-view>
|
|
||||||
|
|
||||||
<text style="padding-left: 140rpx" :style="{ color: col }">{{
|
<text
|
||||||
hasImg
|
style="padding-left: 140rpx"
|
||||||
}}</text>
|
:style="{ color: col }"
|
||||||
</movable-area>
|
>
|
||||||
<view class="flex-row-around padding-top" style="width: 100%">
|
{{ hasImg }}
|
||||||
<u-icon
|
</text>
|
||||||
@click="hide"
|
</movable-area>
|
||||||
:color="mainColor"
|
<view
|
||||||
size="40"
|
class="flex-row-around padding-top"
|
||||||
name="close"
|
style="width: 100%"
|
||||||
></u-icon>
|
>
|
||||||
|
<u-icon
|
||||||
|
@click="hide"
|
||||||
|
:color="mainColor"
|
||||||
|
size="40"
|
||||||
|
name="close"
|
||||||
|
></u-icon>
|
||||||
|
|
||||||
<text class="cu-tag bg-cyan round" @click="getCode">刷新拼图</text>
|
<text
|
||||||
<text class="my-neirong-sm cuIcon-safe" style="color: #c1c1c1"
|
class="cu-tag bg-cyan round"
|
||||||
>Lili-FRAMEWORK</text
|
@click="getCode"
|
||||||
>
|
>
|
||||||
</view>
|
刷新拼图
|
||||||
</view>
|
</text>
|
||||||
</view>
|
<text
|
||||||
</view>
|
class="my-neirong-sm cuIcon-safe"
|
||||||
|
style="color: #c1c1c1"
|
||||||
|
>
|
||||||
|
Lili-FRAMEWORK
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import api from "@/config/api.js";
|
import api from '@/config/api.js';
|
||||||
import storage from "@/utils/storage.js";
|
import storage from '@/utils/storage.js';
|
||||||
import uuid from "@/utils/uuid.modified.js";
|
import uuid from '@/utils/uuid.modified.js';
|
||||||
const phone = uni.getSystemInfoSync();
|
const phone = uni.getSystemInfoSync();
|
||||||
const l = phone.screenWidth / 750;
|
const l = phone.screenWidth / 750;
|
||||||
export default {
|
export default {
|
||||||
name: "verification",
|
name: 'verification',
|
||||||
created() {
|
created() {
|
||||||
// 可自行调整
|
// 可自行调整
|
||||||
this.scHight = phone.screenHeight / 2 - 200 + "px";
|
this.scHight = phone.screenHeight / 2 - 200 + 'px';
|
||||||
this.getCode();
|
this.getCode();
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
height: {
|
height: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "80rpx",
|
default: '80rpx'
|
||||||
},
|
},
|
||||||
width: {
|
width: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "350rpx",
|
default: '350rpx'
|
||||||
},
|
},
|
||||||
left: {
|
left: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "180rpx",
|
default: '180rpx'
|
||||||
},
|
},
|
||||||
top: {
|
top: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "30rpx",
|
default: '30rpx'
|
||||||
},
|
},
|
||||||
business: {
|
business: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "LOGIN",
|
default: 'LOGIN'
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mainColor: this.$mainColor,
|
mainColor: this.$mainColor,
|
||||||
flage: false,
|
flage: false,
|
||||||
key: "", //key
|
key: '', //key
|
||||||
vsrtx: "点击进行验证", //按钮提示语
|
vsrtx: '点击进行验证', //按钮提示语
|
||||||
vsr: false, //
|
vsr: false, //
|
||||||
hid: true,
|
hid: true,
|
||||||
col: "#838383",
|
col: '#838383',
|
||||||
movePv: 0,
|
movePv: 0,
|
||||||
hasImg: "拖动滑块已完成拼图",
|
hasImg: '拖动滑块已完成拼图',
|
||||||
spcode: "",
|
spcode: '',
|
||||||
tl: 0,
|
tl: 0,
|
||||||
moveCode: 0,
|
moveCode: 0,
|
||||||
//X轴移动距离
|
//X轴移动距离
|
||||||
moveX: 0,
|
moveX: 0,
|
||||||
//模版高度
|
//模版高度
|
||||||
originalHeight: "",
|
originalHeight: '',
|
||||||
//模版宽度
|
//模版宽度
|
||||||
originalWidth: "",
|
originalWidth: '',
|
||||||
//拼图高度
|
//拼图高度
|
||||||
sliderHeight: "",
|
sliderHeight: '',
|
||||||
//平涂宽度
|
//平涂宽度
|
||||||
sliderWidth: "",
|
sliderWidth: '',
|
||||||
scHight: 0,
|
scHight: 0,
|
||||||
//原图
|
//原图
|
||||||
img: "",
|
img: '',
|
||||||
//拼图
|
//拼图
|
||||||
imgbk: "",
|
imgbk: '',
|
||||||
endLoad: true,
|
endLoad: true,
|
||||||
imgbKH: "",
|
imgbKH: ''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
show() {
|
show() {
|
||||||
this.hid = false;
|
this.hid = false;
|
||||||
},
|
},
|
||||||
hide() {
|
hide() {
|
||||||
if (!this.vsr) {
|
if (!this.vsr) {
|
||||||
// vsr判断是否验证成功,成功隐藏验证框
|
// vsr判断是否验证成功,成功隐藏验证框
|
||||||
this.hid = !this.hid;
|
this.hid = !this.hid;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error() {
|
error() {
|
||||||
this.vsr = false;
|
this.vsr = false;
|
||||||
this.hid = false;
|
this.hid = false;
|
||||||
this.moveX = 0;
|
this.moveX = 0;
|
||||||
this.moveCode = 0;
|
this.moveCode = 0;
|
||||||
},
|
},
|
||||||
// 获取验证图片
|
// 获取验证图片
|
||||||
getCode() {
|
getCode() {
|
||||||
this.col = "#b3afae";
|
this.col = '#b3afae';
|
||||||
this.hasImg = "图片加载中...";
|
this.hasImg = '图片加载中...';
|
||||||
if (!storage.getUuid()) {
|
if (!storage.getUuid()) {
|
||||||
storage.setUuid(uuid.v1());
|
// storage.setUuid(uuid.v1());
|
||||||
}
|
storage.setUuid('wzj666');
|
||||||
uni.request({
|
}
|
||||||
url: api.common + "/common/slider/" + this.business,
|
uni.request({
|
||||||
header: {
|
url: api.common + '/common/slider/' + this.business,
|
||||||
uuid: storage.getUuid(),
|
header: {
|
||||||
},
|
uuid: storage.getUuid()
|
||||||
success: (res) => {
|
},
|
||||||
this.col = "#838383";
|
success: (res) => {
|
||||||
this.hasImg = "拖动滑块以完成拼图";
|
this.col = '#838383';
|
||||||
var data = res.data.result;
|
this.hasImg = '拖动滑块以完成拼图';
|
||||||
|
var data = res.data.result;
|
||||||
|
|
||||||
// base64的图片
|
// base64的图片
|
||||||
this.img = data.backImage;
|
this.img = data.backImage;
|
||||||
this.imgbk = data.slidingImage;
|
this.imgbk = data.slidingImage;
|
||||||
// 根据参数动态适应验证图片的高宽
|
// 根据参数动态适应验证图片的高宽
|
||||||
this.imgbKH = data.randomY * 1.8 + "rpx";
|
this.imgbKH = data.randomY * 1.8 + 'rpx';
|
||||||
this.originalHeight = data.originalHeight * 1.8 + "rpx";
|
this.originalHeight = data.originalHeight * 1.8 + 'rpx';
|
||||||
this.originalWidth = data.originalWidth * 1.8 + "rpx";
|
this.originalWidth = data.originalWidth * 1.8 + 'rpx';
|
||||||
this.sliderHeight = data.sliderHeight * 1.8 + "rpx";
|
this.sliderHeight = data.sliderHeight * 1.8 + 'rpx';
|
||||||
this.sliderWidth = data.sliderWidth * 1.8 + "rpx";
|
this.sliderWidth = data.sliderWidth * 1.8 + 'rpx';
|
||||||
// 适应比率,用来适应滑动距离
|
// 适应比率,用来适应滑动距离
|
||||||
this.tl = 1 / (1.8 * l);
|
this.tl = 1 / (1.8 * l);
|
||||||
// 无用信息
|
// 无用信息
|
||||||
this.spcode = data.capcode;
|
this.spcode = data.capcode;
|
||||||
// 验证令牌
|
// 验证令牌
|
||||||
this.key = data.key;
|
this.key = data.key;
|
||||||
this.$store.state.verificationKey = data.key;
|
this.$store.state.verificationKey = data.key;
|
||||||
},
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
end(e) {
|
end(e) {
|
||||||
this.endLoad = false;
|
this.endLoad = false;
|
||||||
// 验证拼图位置是否正确
|
// 验证拼图位置是否正确
|
||||||
uni.request({
|
uni.request({
|
||||||
method: "POST",
|
method: 'POST',
|
||||||
url:
|
url: api.common + '/common/slider/' + this.business + '?xPos=' + parseInt(this.moveCode * this.tl),
|
||||||
api.common +
|
header: {
|
||||||
"/common/slider/" +
|
uuid: storage.getUuid()
|
||||||
this.business +
|
},
|
||||||
"?xPos=" +
|
success: (res) => {
|
||||||
parseInt(this.moveCode * this.tl),
|
this.endLoad = true;
|
||||||
header: {
|
res.data.result == false ? (res.data.result = false) : (res.data.result = true);
|
||||||
uuid: storage.getUuid(),
|
|
||||||
},
|
|
||||||
success: (res) => {
|
|
||||||
this.endLoad = true;
|
|
||||||
res.data.result == false
|
|
||||||
? (res.data.result = false)
|
|
||||||
: (res.data.result = true);
|
|
||||||
|
|
||||||
if (res.data && res.data.result) {
|
if (res.data && res.data.result) {
|
||||||
//验证成功后把key发送出去,后端会把验证信息存在缓存里
|
//验证成功后把key发送出去,后端会把验证信息存在缓存里
|
||||||
this.$emit("send", this.key);
|
this.$emit('send', this.key);
|
||||||
this.hide();
|
this.hide();
|
||||||
this.vsr = true;
|
this.vsr = true;
|
||||||
this.vsrtx = "已通过验证";
|
this.vsrtx = '已通过验证';
|
||||||
} else {
|
} else {
|
||||||
this.getCode(); // 让滑块回到起始位置
|
this.getCode(); // 让滑块回到起始位置
|
||||||
if (this.movePv == 1) {
|
if (this.movePv == 1) {
|
||||||
this.movePv = 0;
|
this.movePv = 0;
|
||||||
} else {
|
} else {
|
||||||
this.movePv = 1;
|
this.movePv = 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: (res) => {
|
fail: (res) => {
|
||||||
this.$msg("连接服务器失败");
|
this.$msg('连接服务器失败');
|
||||||
},
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 绑定拼图位置
|
// 绑定拼图位置
|
||||||
moveChange(e) {
|
moveChange(e) {
|
||||||
this.moveX = e.detail.x;
|
this.moveX = e.detail.x;
|
||||||
this.moveCode = e.detail.x;
|
this.moveCode = e.detail.x;
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "./animation.css";
|
@import './animation.css';
|
||||||
@import "./icon.css";
|
@import './icon.css';
|
||||||
// @import './main.css';
|
// @import './main.css';
|
||||||
.dh-wt {
|
.dh-wt {
|
||||||
animation: at 1.1s ease;
|
animation: at 1.1s ease;
|
||||||
animation-iteration-count: infinite;
|
animation-iteration-count: infinite;
|
||||||
animation-direction: alternate;
|
animation-direction: alternate;
|
||||||
background-color: $main-color;
|
background-color: $main-color;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes at {
|
@keyframes at {
|
||||||
from {
|
from {
|
||||||
width: 27rpx;
|
width: 27rpx;
|
||||||
height: 27rpx;
|
height: 27rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
width: 45rpx;
|
width: 45rpx;
|
||||||
height: 45rpx;
|
height: 45rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ttcl {
|
.ttcl {
|
||||||
color: $main-color;
|
color: $main-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-index {
|
.border-index {
|
||||||
border: 1rpx solid $main-color;
|
border: 1rpx solid $main-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status_bar {
|
.status_bar {
|
||||||
height: var(--status-bar-height);
|
height: var(--status-bar-height);
|
||||||
background-color: #f1f1f1;
|
background-color: #f1f1f1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status_bar-nobg {
|
.status_bar-nobg {
|
||||||
height: var(--status-bar-height);
|
height: var(--status-bar-height);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 转圈动画 */
|
/* 转圈动画 */
|
||||||
.turn-load {
|
.turn-load {
|
||||||
animation: turnmy 1s linear infinite;
|
animation: turnmy 1s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes turnmy {
|
@keyframes turnmy {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
25% {
|
25% {
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
75% {
|
75% {
|
||||||
-webkit-transform: rotate(270deg);
|
-webkit-transform: rotate(270deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
-webkit-transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.status_bar-fixed {
|
.status_bar-fixed {
|
||||||
height: var(--status-bar-height);
|
height: var(--status-bar-height);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: #f1f1f1;
|
background-color: #f1f1f1;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
|
||||||
.head-dh-my {
|
.head-dh-my {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
padding-bottom: 10rpx;
|
padding-bottom: 10rpx;
|
||||||
z-index: 15;
|
z-index: 15;
|
||||||
background-color: #e3e3e3;
|
background-color: #e3e3e3;
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-left {
|
.padding-left {
|
||||||
padding-left: 20rpx;
|
padding-left: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-left-top {
|
.padding-left-top {
|
||||||
padding-left: 20rpx;
|
padding-left: 20rpx;
|
||||||
padding-top: 20rpx;
|
padding-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-right {
|
.padding-right {
|
||||||
padding-right: 20rpx;
|
padding-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-my {
|
.input-my {
|
||||||
padding-left: 20rpx;
|
padding-left: 20rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
height: 50rpx;
|
height: 50rpx;
|
||||||
margin: 10rpx;
|
margin: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tb-tag-absolute {
|
.tb-tag-absolute {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
font-size: 16rpx;
|
font-size: 16rpx;
|
||||||
margin-left: 25rpx;
|
margin-left: 25rpx;
|
||||||
margin-top: -35rpx;
|
margin-top: -35rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-column-center {
|
.flex-column-center {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-column-between {
|
.flex-column-between {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-column-start {
|
.flex-column-start {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-column-around {
|
.flex-column-around {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row-start {
|
.flex-row-start {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row-around {
|
.flex-row-around {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row-center {
|
.flex-row-center {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row-between {
|
.flex-row-between {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-title {
|
.my-title {
|
||||||
font-size: 35rpx;
|
font-size: 35rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-neirong {
|
.my-neirong {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #6d6d6d;
|
color: #6d6d6d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-neirong-sm {
|
.my-neirong-sm {
|
||||||
font-size: 23rpx;
|
font-size: 23rpx;
|
||||||
color: #616161;
|
color: #616161;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-tag-text {
|
.my-tag-text {
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
padding-top: 20rpx;
|
padding-top: 20rpx;
|
||||||
color: #bababa;
|
color: #bababa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-top {
|
.padding-top {
|
||||||
padding-top: 35rpx;
|
padding-top: 35rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-top-sm {
|
.padding-top-sm {
|
||||||
padding-top: 20rpx;
|
padding-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-dh {
|
.bottom-dh {
|
||||||
background-color: #f1f1f1;
|
background-color: #f1f1f1;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
height: 110rpx;
|
height: 110rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tb-text {
|
.tb-text {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-text {
|
.bottom-text {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #9d9d9d;
|
color: #9d9d9d;
|
||||||
bottom: 70rpx;
|
bottom: 70rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.moneycolor {
|
.moneycolor {
|
||||||
color: #ea5002;
|
color: #ea5002;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-top {
|
.margin-top {
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-top-sm {
|
.margin-top-sm {
|
||||||
margin-top: 12rpx;
|
margin-top: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin {
|
.margin {
|
||||||
margin: 20rpx;
|
margin: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-left {
|
.margin-left {
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-right {
|
.margin-right {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-color {
|
.main-color {
|
||||||
color: #07d188;
|
color: #07d188;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -637,6 +637,10 @@ export default {
|
|||||||
return graceNumber(num);
|
return graceNumber(num);
|
||||||
},
|
},
|
||||||
async likeOrDislikeVlog(item) {
|
async likeOrDislikeVlog(item) {
|
||||||
|
var info = storage.getVlogUserInfo();
|
||||||
|
if (info != null) {
|
||||||
|
this.userId = info.id;
|
||||||
|
}
|
||||||
// 没登录拒绝操作
|
// 没登录拒绝操作
|
||||||
if (this.userId == '') {
|
if (this.userId == '') {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
@ -637,6 +637,10 @@ export default {
|
|||||||
return graceNumber(num);
|
return graceNumber(num);
|
||||||
},
|
},
|
||||||
async likeOrDislikeVlog(item) {
|
async likeOrDislikeVlog(item) {
|
||||||
|
var info = storage.getVlogUserInfo();
|
||||||
|
if (info != null) {
|
||||||
|
this.userId = info.id;
|
||||||
|
}
|
||||||
// 没登录拒绝操作
|
// 没登录拒绝操作
|
||||||
if (this.userId == '') {
|
if (this.userId == '') {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
@ -628,6 +628,10 @@ export default {
|
|||||||
return graceNumber(num);
|
return graceNumber(num);
|
||||||
},
|
},
|
||||||
async likeOrDislikeVlog(item) {
|
async likeOrDislikeVlog(item) {
|
||||||
|
var info = storage.getVlogUserInfo();
|
||||||
|
if (info != null) {
|
||||||
|
this.userId = info.id;
|
||||||
|
}
|
||||||
// 没登录拒绝操作
|
// 没登录拒绝操作
|
||||||
if (this.userId == '') {
|
if (this.userId == '') {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
@ -9,8 +9,10 @@ const dev = {
|
|||||||
common: "http://43.143.227.203:8890",
|
common: "http://43.143.227.203:8890",
|
||||||
buyer: "http://43.143.227.203:8888",
|
buyer: "http://43.143.227.203:8888",
|
||||||
vlog: "http://43.143.227.203:8099",
|
vlog: "http://43.143.227.203:8099",
|
||||||
|
// vlog: "http://192.168.1.86:8099",
|
||||||
web: "http://43.143.227.203:8099",
|
web: "http://43.143.227.203:8099",
|
||||||
seller: "http://43.143.227.203:8889",
|
seller: "http://43.143.227.203:8889",
|
||||||
|
|
||||||
};
|
};
|
||||||
// 生产环境
|
// 生产环境
|
||||||
const prod = {
|
const prod = {
|
||||||
@ -19,6 +21,7 @@ const prod = {
|
|||||||
common: "http://43.143.227.203:8890",
|
common: "http://43.143.227.203:8890",
|
||||||
buyer: "http://43.143.227.203:8888",
|
buyer: "http://43.143.227.203:8888",
|
||||||
vlog: "http://43.143.227.203:8099",
|
vlog: "http://43.143.227.203:8099",
|
||||||
|
// vlog: "http://192.168.1.86:8099",
|
||||||
web: "http://43.143.227.203:8099",
|
web: "http://43.143.227.203:8099",
|
||||||
seller: "http://43.143.227.203:8889",
|
seller: "http://43.143.227.203:8889",
|
||||||
};
|
};
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "wzj4",
|
"name": "无终街",
|
||||||
"appid": "__UNI__6DB512D",
|
"appid": "__UNI__6DB512D",
|
||||||
"description": "admin",
|
"description": "admin",
|
||||||
"versionName": "4.0.0",
|
"versionName": "4.0.0",
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
:value="nickname"
|
:value="nickname"
|
||||||
:model="nickname"
|
:model="nickname"
|
||||||
placeholder="请填入昵称~"
|
placeholder="请填入昵称~"
|
||||||
maxlength="8"
|
maxlength="14"
|
||||||
@input="typingContent"
|
@input="typingContent"
|
||||||
/>
|
/>
|
||||||
<view class="length-cal">
|
<view class="length-cal">
|
||||||
|
@ -647,6 +647,10 @@ export default {
|
|||||||
return graceNumber(num);
|
return graceNumber(num);
|
||||||
},
|
},
|
||||||
async likeOrDislikeVlog(item) {
|
async likeOrDislikeVlog(item) {
|
||||||
|
var info = storage.getVlogUserInfo();
|
||||||
|
if (info != null) {
|
||||||
|
this.userId = info.id;
|
||||||
|
}
|
||||||
// 没登录拒绝操作
|
// 没登录拒绝操作
|
||||||
if (this.userId == '') {
|
if (this.userId == '') {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
@ -768,7 +772,7 @@ export default {
|
|||||||
if (objData == null) {
|
if (objData == null) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
title: '视频丢失'
|
title: '视频审核中'
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -965,7 +969,7 @@ export default {
|
|||||||
if (objData == null) {
|
if (objData == null) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
title: '视频丢失'
|
title: '视频审核中'
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -198,23 +198,27 @@ export default {
|
|||||||
url: serverUrl + '/vlog/publish',
|
url: serverUrl + '/vlog/publish',
|
||||||
data: vlog,
|
data: vlog,
|
||||||
success(result) {
|
success(result) {
|
||||||
if (result.data.status == 200) {
|
console.log(result);
|
||||||
// uni.showToast({
|
uni.switchTab({
|
||||||
// title: result.data.msg,
|
url: '/pages/me/me'
|
||||||
// icon: 'none',
|
});
|
||||||
// duration: 2000
|
// if (result.data.status == 200) {
|
||||||
// });
|
// // uni.showToast({
|
||||||
|
// // title: result.data.msg,
|
||||||
|
// // icon: 'none',
|
||||||
|
// // duration: 2000
|
||||||
|
// // });
|
||||||
|
|
||||||
uni.switchTab({
|
// uni.switchTab({
|
||||||
url: '/pages/me/me'
|
// url: '/pages/me/me'
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
uni.showToast({
|
// uni.showToast({
|
||||||
title: result.data.msg,
|
// title: result.data.msg,
|
||||||
icon: 'none',
|
// icon: 'none',
|
||||||
duration: 3000
|
// duration: 3000
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
},
|
},
|
||||||
complete() {
|
complete() {
|
||||||
this.upFlage = true;
|
this.upFlage = true;
|
||||||
|
@ -686,6 +686,7 @@ export default {
|
|||||||
newCommentObject.commentUserFace = myUserInfo.face;
|
newCommentObject.commentUserFace = myUserInfo.face;
|
||||||
newCommentObject.isLike = 0;
|
newCommentObject.isLike = 0;
|
||||||
newCommentObject.vlogerId = userId;
|
newCommentObject.vlogerId = userId;
|
||||||
|
newCommentObject.createTime = new Date().getTime();
|
||||||
|
|
||||||
me.doCommentPagingList(1, true);
|
me.doCommentPagingList(1, true);
|
||||||
|
|
||||||
|
@ -30,7 +30,7 @@ function cleanStorage() {
|
|||||||
storage.setHasLogin(false);
|
storage.setHasLogin(false);
|
||||||
storage.setAccessToken("");
|
storage.setAccessToken("");
|
||||||
storage.setRefreshToken("");
|
storage.setRefreshToken("");
|
||||||
storage.setUuid("");
|
storage.setUuid("wzj666");
|
||||||
storage.setUserInfo({});
|
storage.setUserInfo({});
|
||||||
// 清理vlog信息
|
// 清理vlog信息
|
||||||
storage.setVlogToken("");
|
storage.setVlogToken("");
|
||||||
@ -66,7 +66,8 @@ let http = new Request();
|
|||||||
http.setConfig((config) => {
|
http.setConfig((config) => {
|
||||||
// 没有uuid创建
|
// 没有uuid创建
|
||||||
if (!storage.getUuid()) {
|
if (!storage.getUuid()) {
|
||||||
storage.setUuid(uuid.v1());
|
// storage.setUuid(uuid.v1());
|
||||||
|
storage.setUuid("wzj666");
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 设置全局配置 */
|
/* 设置全局配置 */
|
||||||
@ -113,7 +114,8 @@ http.interceptors.request.use(
|
|||||||
}
|
}
|
||||||
config.header = {
|
config.header = {
|
||||||
...config.header,
|
...config.header,
|
||||||
uuid: storage.getUuid() || uuid.v1(),
|
// uuid: storage.getUuid() || uuid.v1(),
|
||||||
|
uuid: 'wzj666',
|
||||||
};
|
};
|
||||||
return config;
|
return config;
|
||||||
},
|
},
|
||||||
@ -205,8 +207,7 @@ http.interceptors.response.use(
|
|||||||
) {
|
) {
|
||||||
if (response.data.message) {
|
if (response.data.message) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
// title: response.data.message,
|
title: response.data.message,
|
||||||
title: "请重试",
|
|
||||||
icon: "none",
|
icon: "none",
|
||||||
duration: 1500,
|
duration: 1500,
|
||||||
});
|
});
|
||||||
|
Loading…
x
Reference in New Issue
Block a user