init
This commit is contained in:
scout
commit
e0efddabf3
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
/node_modules
|
||||||
|
/unpackage
|
||||||
24
.hbuilderx/launch.json
Normal file
24
.hbuilderx/launch.json
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
// launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
|
||||||
|
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
|
||||||
|
"version" : "0.0",
|
||||||
|
"configurations" : [
|
||||||
|
{
|
||||||
|
"app-plus" : {
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"default" : {
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"type" : "uniCloud"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"playground" : "custom",
|
||||||
|
"type" : "uni-app:app-ios"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"playground" : "standard",
|
||||||
|
"type" : "uni-app:app-android"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
27
App.vue
Normal file
27
App.vue
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
onLaunch: function() {
|
||||||
|
console.log('App Launch')
|
||||||
|
},
|
||||||
|
onShow: function() {
|
||||||
|
console.log('App Show')
|
||||||
|
},
|
||||||
|
onHide: function() {
|
||||||
|
console.log('App Hide')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
/* 引入的uview-ui的index.scss放第一行引入 */
|
||||||
|
@import "uview-ui/index.scss";
|
||||||
|
/*每个页面公共css */
|
||||||
|
page{
|
||||||
|
color: #fff;
|
||||||
|
font-size: 28rpx;
|
||||||
|
// background: url('@/static/image/home/bg.png') no-repeat;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// background-attachment:fixed;
|
||||||
|
// height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
98
common/index.js
Normal file
98
common/index.js
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
/**
|
||||||
|
* 通用消息框
|
||||||
|
* @param content string 消息内容
|
||||||
|
* @param fn function 回调
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
const msgToast = (content,fn,type='none') => {
|
||||||
|
uni.showToast({
|
||||||
|
title: content,
|
||||||
|
duration: 2000,
|
||||||
|
icon: type,
|
||||||
|
success: fn ? ()=>{
|
||||||
|
setTimeout(() => {
|
||||||
|
fn()
|
||||||
|
},1500)
|
||||||
|
} : function() {}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 手机号验证 */
|
||||||
|
const vefTel = (key) => {
|
||||||
|
let reg_tel = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
|
||||||
|
///^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/; // 11位手机号
|
||||||
|
if (key === '' || key === undefined || key === null) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入手机号',
|
||||||
|
duration: 2000,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
} else if (!reg_tel.test(key)) {
|
||||||
|
|
||||||
|
uni.showToast({
|
||||||
|
title: '手机号码格式不正确',
|
||||||
|
duration: 2000,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
} else {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 非空验证 */
|
||||||
|
const vefEmpty = (key,msg) => {
|
||||||
|
if (key === '' || key === undefined || key === null) {
|
||||||
|
uni.showToast({
|
||||||
|
title: msg,
|
||||||
|
duration: 2000,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
} else {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const logout = () => {
|
||||||
|
msgToast('登录已过期，请重新登录',()=> {
|
||||||
|
uni.removeStorageSync('userInfo');
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '../login/login'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* @description: H5 App通用方案 解决H5刷新返回失败问题
|
||||||
|
* @param {*} params
|
||||||
|
*/
|
||||||
|
const navigateBack = (params) => {
|
||||||
|
const pages = getCurrentPages()
|
||||||
|
if (pages.length === 1) {
|
||||||
|
if (typeof params === 'number') {
|
||||||
|
history.go(-params)
|
||||||
|
} else {
|
||||||
|
history.back()
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* @description: 获取url参数
|
||||||
|
* @param {*} params
|
||||||
|
*/
|
||||||
|
const getLocationParams = (name) => {
|
||||||
|
const pages = getCurrentPages()
|
||||||
|
const curPage = pages[pages.length-1];
|
||||||
|
return name? curPage.options[name]:curPage.options;
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
msgToast,
|
||||||
|
vefTel,
|
||||||
|
vefEmpty,
|
||||||
|
logout,
|
||||||
|
navigateBack,
|
||||||
|
getLocationParams
|
||||||
|
}
|
||||||
167
components/navBar/navBar.vue
Normal file
167
components/navBar/navBar.vue
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="status_bar">
|
||||||
|
<!-- 这里是状态栏 -->
|
||||||
|
</view>
|
||||||
|
<view style="height: 110upx">
|
||||||
|
<u-sticky offset-top="0" v-if="stickyShow">
|
||||||
|
<u-navbar
|
||||||
|
:is-back="false"
|
||||||
|
:title="navTitle"
|
||||||
|
:bgColor="background"
|
||||||
|
:titleStyle="titleStyle"
|
||||||
|
:color="color"
|
||||||
|
>
|
||||||
|
<view slot="left">
|
||||||
|
<text
|
||||||
|
v-if="isBack"
|
||||||
|
@click="navigateBack"
|
||||||
|
class="back"
|
||||||
|
:style="{ backgroundColor: `${this._props.backBackGroundColor}` }"
|
||||||
|
>{{ $t("navbar.back") }}</text
|
||||||
|
>
|
||||||
|
<text v-else></text>
|
||||||
|
</view>
|
||||||
|
</u-navbar>
|
||||||
|
</u-sticky>
|
||||||
|
<u-navbar
|
||||||
|
:is-back="false"
|
||||||
|
:title="navTitle"
|
||||||
|
:bgColor="background1"
|
||||||
|
:titleStyle="titleStyle"
|
||||||
|
>
|
||||||
|
<view slot="left">
|
||||||
|
<text
|
||||||
|
v-if="isBack"
|
||||||
|
@click="navigateBack"
|
||||||
|
class="back"
|
||||||
|
:style="{ backgroundColor: `${this._props.backBackGroundColor}` }"
|
||||||
|
>{{ $t("navbar.back") }}</text
|
||||||
|
>
|
||||||
|
<text v-else></text>
|
||||||
|
</view>
|
||||||
|
<view slot="center" v-if="hasLogo">
|
||||||
|
<image
|
||||||
|
style="width: 202upx; height: 60upx"
|
||||||
|
src="../../static/image/home/fontree.png"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view slot="right" v-if="hasRight" @click="clickRight">
|
||||||
|
<image
|
||||||
|
style="width: 80upx; height: 34upx"
|
||||||
|
src="../../static/image/mine/feedback.png"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</u-navbar>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "navBar",
|
||||||
|
props: {
|
||||||
|
isBack: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true,
|
||||||
|
},
|
||||||
|
navTitle: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
stickyShow: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
backToUrl: {
|
||||||
|
type: String,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
isSwitchTab: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
hasLogo: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
hasRight: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
color: {
|
||||||
|
type: String,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
backBackGroundColor: {
|
||||||
|
type: String,
|
||||||
|
default: "rgba(255, 255, 255)",
|
||||||
|
},
|
||||||
|
sfBack: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
background: "rgba(255, 255, 255)",
|
||||||
|
background1: "transparent",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
titleStyle() {
|
||||||
|
return {
|
||||||
|
color: this._props.color ?? "#fff",
|
||||||
|
fontSize: "36upx",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
navigateBack(params) {
|
||||||
|
const pages = getCurrentPages();
|
||||||
|
if (this.sfBack) {
|
||||||
|
return this.$emit("triggerSfBack");
|
||||||
|
}
|
||||||
|
if (this.backToUrl.length > 0) {
|
||||||
|
if (this.isSwitchTab) {
|
||||||
|
uni.switchTab({
|
||||||
|
url: this.backToUrl,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
console.log("navigateTo");
|
||||||
|
uni.navigateTo({
|
||||||
|
url: this.backToUrl,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (pages.length === 1) {
|
||||||
|
if (typeof params === "number") {
|
||||||
|
history.go(-params);
|
||||||
|
} else {
|
||||||
|
history.back();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.navigateBack();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clickRight() {
|
||||||
|
this.$emit("clickRight");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.back {
|
||||||
|
font-size: 28upx;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 10rpx 32rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
.status_bar {
|
||||||
|
height: var(--status-bar-height);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
288
components/slider-verify/slider-verify.vue
Normal file
288
components/slider-verify/slider-verify.vue
Normal file
@ -0,0 +1,288 @@
|
|||||||
|
<template>
|
||||||
|
<view class="slider-verify-box" v-if="isShow">
|
||||||
|
<view class="verifyBox">
|
||||||
|
<view class="slider-title">{{$t('authentication.title')}}</view>
|
||||||
|
<view class="slide-content">
|
||||||
|
<!-- <view class="slide-tips">拖动下方滑块完成拼图</view> -->
|
||||||
|
<view class="slider-pintu">
|
||||||
|
<u-icon name="reload" size="32" color="#fff" class="reload" @tap="refreshVerify"></u-icon>
|
||||||
|
<image id="pintuImg" :src="'/static/image/slider-verify/' + img + '.jpg'" class="pintu"></image>
|
||||||
|
|
||||||
|
<view class="pintukuai" :style="{ top: top + 'px', left: oldx + 'px' }">
|
||||||
|
<image :src="'/static/image/slider-verify/' + img + '.jpg'"
|
||||||
|
:style="{ top: '-' + top + 'px', left: '-' + left + 'px'}"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="yinying" :style="{ top: top + 'px', left: left + 'px' }"></view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="slider-movearea" @touchend="endTouchMove">
|
||||||
|
<movable-area :animation="true"><movable-view :x="x" direction="horizontal"
|
||||||
|
@change="startMove"></movable-view></movable-area>
|
||||||
|
|
||||||
|
<view class="huadao">{{$t('authentication.content')}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <view class="slider-btn-group">
|
||||||
|
<view class="slider-btn" @tap="closeSlider">关闭</view>
|
||||||
|
<view class="slider-btn slide-btn-refresh" @tap="refreshVerify">刷新</view>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'slider-verify',
|
||||||
|
props: {
|
||||||
|
isShow: true
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
x: 0, //初始距离
|
||||||
|
oldx: 0, //移动的距离
|
||||||
|
img: '1', //显示哪张图片
|
||||||
|
left: 0, //随机拼图的最终X轴距离
|
||||||
|
top: 0, //拼图的top距离
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// 每次打开重新刷新拼图
|
||||||
|
isShow(newValue, oldValue) {
|
||||||
|
if (newValue) {
|
||||||
|
this.refreshVerify(); //刷新
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
var that = this;
|
||||||
|
that.refreshVerify();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//刷新验证
|
||||||
|
refreshVerify() {
|
||||||
|
var gl = Math.random().toFixed(2);
|
||||||
|
this.left = uni.upx2px(560) * gl > uni.upx2px(280) ? uni.upx2px(280) : uni.upx2px(560) * gl + uni.upx2px(
|
||||||
|
150); //生成随机X轴最终距离
|
||||||
|
this.top = uni.upx2px(190) * gl; //生成随机Y轴初始距离
|
||||||
|
|
||||||
|
if (gl <= 0.2) {
|
||||||
|
this.img = 1;
|
||||||
|
}
|
||||||
|
if (gl > 0.2 && gl <= 0.4) {
|
||||||
|
this.img = 2;
|
||||||
|
}
|
||||||
|
if (gl > 0.4 && gl <= 0.6) {
|
||||||
|
this.img = 3;
|
||||||
|
}
|
||||||
|
if (gl > 0.6 && gl <= 0.8) {
|
||||||
|
this.img = 4;
|
||||||
|
}
|
||||||
|
if (gl > 0.8 && gl <= 1) {
|
||||||
|
this.img = 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.resetMove(); //重置阴影位置
|
||||||
|
},
|
||||||
|
|
||||||
|
/* 滑动中 */
|
||||||
|
startMove(e) {
|
||||||
|
this.oldx = e.detail.x;
|
||||||
|
},
|
||||||
|
|
||||||
|
/* 滑动结束 */
|
||||||
|
endTouchMove() {
|
||||||
|
var that = this;
|
||||||
|
|
||||||
|
if (Math.abs(that.oldx - that.left) <= 5) {
|
||||||
|
that.$emit('touchSliderResult', true);
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '',
|
||||||
|
// duration: 2500,
|
||||||
|
// icon: 'none',
|
||||||
|
// success() {
|
||||||
|
//
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
} else {
|
||||||
|
that.refreshVerify();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/* 重置阴影位置 */
|
||||||
|
resetMove() {
|
||||||
|
this.x = 1;
|
||||||
|
this.oldx = 1;
|
||||||
|
setTimeout(() => {
|
||||||
|
this.x = 0;
|
||||||
|
this.oldx = 0;
|
||||||
|
}, 300);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 关闭
|
||||||
|
closeSlider() {
|
||||||
|
this.$emit('touchSliderResult', false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.slider-verify-box {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.verifyBox {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
// width: 85%;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20upx;
|
||||||
|
box-shadow: 0 0 5upx rgba(0, 0, 0, 1);
|
||||||
|
|
||||||
|
.slider-title {
|
||||||
|
font-size: 36upx;
|
||||||
|
text-align: center;
|
||||||
|
padding: 12rpx 0;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-content {
|
||||||
|
width: 560rpx;
|
||||||
|
padding: 0 1em;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
.slide-tips {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: rgba(2, 20, 33, 0.45);
|
||||||
|
padding: 0.5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-pintu {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.reload {
|
||||||
|
position: absolute;
|
||||||
|
right: 10rpx;
|
||||||
|
top: 10rpx;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pintu {
|
||||||
|
width: 560rpx;
|
||||||
|
height: 315rpx;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pintukuai {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
z-index: 100;
|
||||||
|
box-shadow: 0 0 5upx rgba(0, 0, 0, 0.3);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
image {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 560rpx;
|
||||||
|
height: 315rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.yinying {
|
||||||
|
position: absolute;
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-movearea {
|
||||||
|
position: relative;
|
||||||
|
height: 80upx;
|
||||||
|
width: 100%;
|
||||||
|
margin: 25upx auto;
|
||||||
|
|
||||||
|
movable-area {
|
||||||
|
height: 80upx;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
movable-view {
|
||||||
|
width: 80upx;
|
||||||
|
height: 80upx;
|
||||||
|
border-radius: 50%;
|
||||||
|
// @include slider-movearea-bg();
|
||||||
|
background-color: #37ABEF;
|
||||||
|
background-image: url(../../static/image/slider-verify/icon-button-normal.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: auto 30upx;
|
||||||
|
background-position: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.huadao {
|
||||||
|
width: 100%;
|
||||||
|
height: 66upx;
|
||||||
|
line-height: 66upx;
|
||||||
|
background: #eee;
|
||||||
|
box-shadow: inset 0 0 5upx #ccc;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
color: #999;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
top: 7rpx;
|
||||||
|
left: 0;
|
||||||
|
font-size: 28rpx;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-btn-group {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-top: 1px solid rgba(2, 20, 33, 0.15);
|
||||||
|
|
||||||
|
.slider-btn {
|
||||||
|
flex: 1;
|
||||||
|
height: 100rpx;
|
||||||
|
line-height: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: rgba(2, 20, 33, 0.85);
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-btn-refresh {
|
||||||
|
color: rgba(14, 107, 176, 1);
|
||||||
|
border-left: 1px solid rgba(2, 20, 33, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
102
components/tabBar/tabBar.vue
Normal file
102
components/tabBar/tabBar.vue
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="status_bar">
|
||||||
|
<!-- 这里是状态栏 -->
|
||||||
|
</view>
|
||||||
|
<u-tabbar :value="current" @change="changeTab" :fixed="true" :placeholder="false" :safeAreaInsetBottom="true"
|
||||||
|
:border="false" activeColor="#FFC748" inactiveColor="#1D1D1D">
|
||||||
|
<u-tabbar-item v-for="(item,index) in tabBarList" :key="index" :text="item.text">
|
||||||
|
<image class="u-page__item__slot-icon" slot="inactive-icon" :src="item.iconPath" ></image>
|
||||||
|
<image class="u-page__item__slot-icon" slot="active-icon" :src="item.selectedIconPath"></image>
|
||||||
|
</u-tabbar-item>
|
||||||
|
</u-tabbar>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "tabBar",
|
||||||
|
props: {
|
||||||
|
currentPage: String
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
current: 0,
|
||||||
|
tabBarList: [{
|
||||||
|
pagePath: "pages/index/index",
|
||||||
|
iconPath: "../../static/image/tabbar/new_home.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/new_home_check.png",
|
||||||
|
text: this.$t('tabbar.home'),
|
||||||
|
customIcon: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pagePath: "pages/mine/index",
|
||||||
|
iconPath: "../../static/image/tabbar/new_mine.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/new_mine_check.png",
|
||||||
|
text: this.$t('tabbar.mine'),
|
||||||
|
customIcon: false,
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeTab(e) {
|
||||||
|
let page = '/' + this.tabBarList[e].pagePath
|
||||||
|
console.log(page);
|
||||||
|
uni.switchTab({
|
||||||
|
url: page,
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
},
|
||||||
|
fail: (e) => {
|
||||||
|
console.log(e);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
//隐藏原生tabbar
|
||||||
|
uni.hideTabBar();
|
||||||
|
/* this.tabBarList = [{
|
||||||
|
pagePath: "pages/index/index",
|
||||||
|
iconPath: "../../static/image/tabbar/home.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/home_check.png",
|
||||||
|
text: this.$t('tabbar.home'),
|
||||||
|
customIcon: false,
|
||||||
|
},{
|
||||||
|
pagePath: "pages/mine/index",
|
||||||
|
iconPath: "../../static/image/tabbar/mine.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/mine_check.png",
|
||||||
|
text: this.$t('tabbar.mine'),
|
||||||
|
customIcon: false,
|
||||||
|
}]; */
|
||||||
|
// 当前选中的菜单
|
||||||
|
this.tabBarList.forEach((i, index) => {
|
||||||
|
if (i.pagePath == this.currentPage) {
|
||||||
|
this.current = index
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.status_bar {
|
||||||
|
height: var(--status-bar-height);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-page__item__slot-icon {
|
||||||
|
width: 76rpx;
|
||||||
|
height: 76rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-tabbar /deep/ .u-tabbar--fixed {
|
||||||
|
width: 100%;
|
||||||
|
height: 88rpx;
|
||||||
|
padding: 20px 0;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
103
components/welcome/welcome.vue
Normal file
103
components/welcome/welcome.vue
Normal file
@ -0,0 +1,103 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<u-transition :show="show" mode="fade-down">
|
||||||
|
<view>
|
||||||
|
<image src="@/static/image/home/line.png" mode="" class="line"></image>
|
||||||
|
<image src="@/static/image/home/flower.png" mode="" class="flower"></image>
|
||||||
|
</view>
|
||||||
|
<view class="text">正在跳转至首页</view>
|
||||||
|
</u-transition>
|
||||||
|
<u-transition :show="showTxt" mode="fade-down">
|
||||||
|
|
||||||
|
<view class="title-one">- - -验证成功欢迎来到- - -</view>
|
||||||
|
<image class="img" src="@/static/image/home/fonchain.png"></image>
|
||||||
|
<image class="logo" src="@/static/image/home/logo.png"></image>
|
||||||
|
</u-transition>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
showTxt:false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.show = true;
|
||||||
|
}, 400);
|
||||||
|
setTimeout(() => {
|
||||||
|
this.showTxt = true;
|
||||||
|
}, 500);
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
}, 2000);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url('@/static/image/home/welcomeBg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
// border: 1px solid red;
|
||||||
|
}
|
||||||
|
.line {
|
||||||
|
width: 2rpx;
|
||||||
|
height: 164rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
.flower {
|
||||||
|
width: 43rpx;
|
||||||
|
height: 43rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 47%;
|
||||||
|
top: 167rpx;
|
||||||
|
// transform: translateX(-50%);
|
||||||
|
animation: fadenum 1s infinite;
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
left: 37%;
|
||||||
|
top: 227rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.title-one{
|
||||||
|
color: #558BF2;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 33upx;
|
||||||
|
left: 26%;
|
||||||
|
top: 600rpx;
|
||||||
|
}
|
||||||
|
.img{
|
||||||
|
width: 500upx;
|
||||||
|
height: 80upx;
|
||||||
|
position: absolute;
|
||||||
|
left: 16%;
|
||||||
|
top: 650rpx;
|
||||||
|
}
|
||||||
|
.logo{
|
||||||
|
width: 200upx;
|
||||||
|
height: 55upx;
|
||||||
|
position: absolute;
|
||||||
|
left: 36%;
|
||||||
|
bottom: 20rpx;
|
||||||
|
}
|
||||||
|
@keyframes fadenum {
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
67
http/airdrop.js
Normal file
67
http/airdrop.js
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import http from './interface'
|
||||||
|
|
||||||
|
// 个人空投列表
|
||||||
|
export const collectionList = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/push/msgList',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 个人领取空投
|
||||||
|
export const getCollection = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/push/getCollection',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 个人具体空投展示
|
||||||
|
export const collectionSepcific = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/push/collectionSepcific',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 个人领取空投2
|
||||||
|
export const getCollectionStepTwo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/payment/give',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 个人未点击空投和公告数量
|
||||||
|
export const checkPoint = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/push/unreadNum',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 个人阅读公告
|
||||||
|
export const readMsg = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/push/announcementSepcific',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 直接领取
|
||||||
|
export const directGet = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/collections/redirect/receive',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
collectionList,
|
||||||
|
getCollection,
|
||||||
|
collectionSepcific,
|
||||||
|
getCollectionStepTwo,
|
||||||
|
readMsg,
|
||||||
|
checkPoint,
|
||||||
|
directGet
|
||||||
|
}
|
||||||
13
http/index.js
Normal file
13
http/index.js
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
import http from './interface'
|
||||||
|
|
||||||
|
import login from './login'
|
||||||
|
import mine from './mine'
|
||||||
|
import series from './series'
|
||||||
|
import airdrop from './airdrop'
|
||||||
|
export default {
|
||||||
|
login,
|
||||||
|
mine,
|
||||||
|
series,
|
||||||
|
airdrop
|
||||||
|
}
|
||||||
|
|
||||||
176
http/interface.js
Normal file
176
http/interface.js
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
/**
|
||||||
|
* 通用uni-app网络请求
|
||||||
|
* 基于 Promise 对象实现更简单的 request 使用方式，支持请求和响应拦截
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
config: {
|
||||||
|
baseUrl: "https://shop.szjixun.cn",
|
||||||
|
// baseUrl: "http://114.218.158.24:9022",
|
||||||
|
header: {
|
||||||
|
"Content-Type": "application/json;charset=UTF-8",
|
||||||
|
// 'Content-Type':'application/x-www-form-urlencoded'
|
||||||
|
"Accept-Language":
|
||||||
|
navigator.language === "en"
|
||||||
|
? "en"
|
||||||
|
: navigator.language === "zh-Hans"
|
||||||
|
? "zh-CN"
|
||||||
|
: navigator.language === "zh-Hant"
|
||||||
|
? "zh-TW"
|
||||||
|
: "zh-CN",
|
||||||
|
},
|
||||||
|
data: {},
|
||||||
|
method: "GET",
|
||||||
|
dataType: "json" /* 如设为json，会对返回的数据做一次 JSON.parse */,
|
||||||
|
responseType: "text",
|
||||||
|
success () { },
|
||||||
|
fail () { },
|
||||||
|
complete () { },
|
||||||
|
},
|
||||||
|
interceptor: {
|
||||||
|
request: null,
|
||||||
|
response: null,
|
||||||
|
},
|
||||||
|
request (options) {
|
||||||
|
if (!options) {
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
options.baseUrl = options.baseUrl || this.config.baseUrl;
|
||||||
|
options.dataType = options.dataType || this.config.dataType;
|
||||||
|
options.url = options.baseUrl + options.url;
|
||||||
|
options.data = options.data || {};
|
||||||
|
options.method = options.method || this.config.method;
|
||||||
|
//TODO 加密数据
|
||||||
|
options.header = options.header || this.config.header;
|
||||||
|
//TODO 数据签名
|
||||||
|
let _token = {
|
||||||
|
Authorization: uni.getStorageSync("mall_token") || "undefined",
|
||||||
|
};
|
||||||
|
options.header = Object.assign({}, options.header, _token);
|
||||||
|
console.log(navigator.language, 2222);
|
||||||
|
/*
|
||||||
|
|
||||||
|
_sign = {'sign': sign(JSON.stringify(options.data))}
|
||||||
|
options.header = Object.assign({}, options.header, _token,_sign)
|
||||||
|
*/
|
||||||
|
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
let _config = null;
|
||||||
|
|
||||||
|
options.complete = (response) => {
|
||||||
|
let statusCode = response.statusCode;
|
||||||
|
response.config = _config;
|
||||||
|
if (process.env.NODE_ENV === "development") {
|
||||||
|
if (statusCode === 200) {
|
||||||
|
// console.log("【" + _config.requestId + "】 结果：" + JSON.stringify(response.data))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (this.interceptor.response) {
|
||||||
|
let newResponse = this.interceptor.response(response);
|
||||||
|
if (newResponse) {
|
||||||
|
response = newResponse;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (response.data.status === 401) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 统一的响应日志记录
|
||||||
|
_reslog(response);
|
||||||
|
if (statusCode === 200) {
|
||||||
|
//成功
|
||||||
|
resolve(response.data);
|
||||||
|
} else {
|
||||||
|
reject(response);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
_config = Object.assign({}, this.config, options);
|
||||||
|
_config.requestId = new Date().getTime();
|
||||||
|
|
||||||
|
if (this.interceptor.request) {
|
||||||
|
this.interceptor.request(_config);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 统一的请求日志记录
|
||||||
|
_reqlog(_config);
|
||||||
|
|
||||||
|
uni.request(_config);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
get (url, data, options) {
|
||||||
|
if (!options) {
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
options.url = url;
|
||||||
|
options.data = data;
|
||||||
|
options.method = "GET";
|
||||||
|
return this.request(options);
|
||||||
|
},
|
||||||
|
post (url, data, options, header) {
|
||||||
|
if (!options) {
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
options.url = url;
|
||||||
|
options.data = data;
|
||||||
|
options.header = header;
|
||||||
|
options.method = "POST";
|
||||||
|
return this.request(options);
|
||||||
|
},
|
||||||
|
put (url, data, options) {
|
||||||
|
if (!options) {
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
options.url = url;
|
||||||
|
options.data = data;
|
||||||
|
options.method = "PUT";
|
||||||
|
return this.request(options);
|
||||||
|
},
|
||||||
|
delete (url, data, options) {
|
||||||
|
if (!options) {
|
||||||
|
options = {};
|
||||||
|
}
|
||||||
|
options.url = url;
|
||||||
|
options.data = data;
|
||||||
|
options.method = "DELETE";
|
||||||
|
return this.request(options);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求接口日志记录
|
||||||
|
*/
|
||||||
|
function _reqlog (req) {
|
||||||
|
if (process.env.NODE_ENV === "development") {
|
||||||
|
// console.log("【" + req.requestId + "】 地址：" + req.url)
|
||||||
|
if (req.data) {
|
||||||
|
// console.log("【" + req.requestId + "】 请求参数：" + JSON.stringify(req.data))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//TODO 调接口异步写入日志数据库
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 响应接口日志记录
|
||||||
|
*/
|
||||||
|
function _reslog (res) {
|
||||||
|
let _statusCode = res.statusCode;
|
||||||
|
if (process.env.NODE_ENV === "development") {
|
||||||
|
// console.log("【" + res.config.requestId + "】 地址：" + res.config.url)
|
||||||
|
if (res.config.data) {
|
||||||
|
// console.log("【" + res.config.requestId + "】 请求参数：" + JSON.stringify(res.config.data))
|
||||||
|
}
|
||||||
|
// console.log("【" + res.config.requestId + "】 响应结果：" + JSON.stringify(res))
|
||||||
|
}
|
||||||
|
//TODO 除了接口服务错误外，其他日志调接口异步写入日志数据库
|
||||||
|
switch (_statusCode) {
|
||||||
|
case 200:
|
||||||
|
break;
|
||||||
|
case 401:
|
||||||
|
break;
|
||||||
|
case 404:
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
51
http/login.js
Normal file
51
http/login.js
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
import http from './interface'
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
export const login = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/login',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证码
|
||||||
|
export const sendCode = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/login/send',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 再次发送新号码验证码
|
||||||
|
export const sendNewCode = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/phone/send/token',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 确认新手机号
|
||||||
|
export const confirmNew = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/phone/update',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export const getOpenId = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/openid',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
login,
|
||||||
|
sendCode,
|
||||||
|
sendNewCode,
|
||||||
|
confirmNew,
|
||||||
|
getOpenId
|
||||||
|
|
||||||
|
}
|
||||||
109
http/mine.js
Normal file
109
http/mine.js
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
import http from './interface'
|
||||||
|
|
||||||
|
// 更改信息
|
||||||
|
export const update = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/my/update',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取信息
|
||||||
|
export const getInfo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/my/info',
|
||||||
|
method: 'GET',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送老手机号验证码
|
||||||
|
export const mineCode = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/send',
|
||||||
|
method: 'GET',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 验证老手机号验证码
|
||||||
|
export const verifyCode = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/phone/send',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 验证操作密码
|
||||||
|
export const verifyPwd = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/user/my/pwd/check',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 反馈
|
||||||
|
export const feedBack = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/feedback/create',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 我的艺术品列表
|
||||||
|
export const paymentList= (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/payment/list',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 艺术品详情
|
||||||
|
export const paymentDetail= (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/payment/detail',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 申请快递
|
||||||
|
export const paymentApproval= (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/payment/material/approval',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取证书
|
||||||
|
export const certDetail= (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/cert/detail',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const logout =(data) => {
|
||||||
|
return http.request({
|
||||||
|
url:'/mall/user/my/delete',
|
||||||
|
method:'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
update,
|
||||||
|
getInfo,
|
||||||
|
mineCode,
|
||||||
|
verifyCode,
|
||||||
|
verifyPwd,
|
||||||
|
feedBack,
|
||||||
|
paymentList,
|
||||||
|
paymentDetail,
|
||||||
|
paymentApproval,
|
||||||
|
certDetail,
|
||||||
|
logout
|
||||||
|
}
|
||||||
198
http/readme.md
Normal file
198
http/readme.md
Normal file
@ -0,0 +1,198 @@
|
|||||||
|
**插件使用说明**
|
||||||
|
|
||||||
|
- 基于 Promise 对象实现更简单的 request 使用方式，支持请求和响应拦截
|
||||||
|
- 下载后把 vmeitime-http 文件夹 copy 到项目 common/ 目录下
|
||||||
|
|
||||||
|
## 1. 配置
|
||||||
|
|
||||||
|
### 1.1 全局配置修改（修改vmeitime-http/interface.js中config和interceptor）
|
||||||
|
``` javascript
|
||||||
|
config: {
|
||||||
|
baseUrl: "https://api.com/api/",
|
||||||
|
header: {
|
||||||
|
'Content-Type':'application/json;charset=UTF-8',
|
||||||
|
'Content-Type':'application/x-www-form-urlencoded'
|
||||||
|
},
|
||||||
|
dataType: "json",
|
||||||
|
responseType: "text"
|
||||||
|
},
|
||||||
|
interceptor: {
|
||||||
|
request: null,
|
||||||
|
response: null
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 1.2 具体接口调用时修改（在vmeitime-http/index.js文件中具体业务接口中配置)
|
||||||
|
``` javascript
|
||||||
|
//设置baseUrl
|
||||||
|
http.config.baseUrl = "http://localhost:8080/api/"
|
||||||
|
//设置请求前拦截器
|
||||||
|
http.interceptor.request = (config) => {
|
||||||
|
//添加通用参数
|
||||||
|
config.header = {
|
||||||
|
"token": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//设置请求结束后拦截器
|
||||||
|
http.interceptor.response = (response) => {
|
||||||
|
//判断返回状态 执行相应操作
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
## 2. 使用
|
||||||
|
|
||||||
|
### 2.1 全局使用(在main.js注册)
|
||||||
|
|
||||||
|
``` // main.js
|
||||||
|
import api from '@/common/vmeitime-http/'
|
||||||
|
|
||||||
|
// 全局挂载后使用
|
||||||
|
Vue.prototype.$api = api
|
||||||
|
```
|
||||||
|
|
||||||
|
``` // pages/index/index.vue
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="uni-padding-wrap uni-common-mt">
|
||||||
|
<view class="uni-textarea uni-common-mt">
|
||||||
|
<textarea :value="res"></textarea>
|
||||||
|
</view>
|
||||||
|
<view class="uni-btn-v uni-common-mt">
|
||||||
|
<button type="primary" @click="sendRequest" :loading="loading">发起请求</button>
|
||||||
|
<button type="default" @click="sendRequest1" :loading="loading">发起请求(async/await)</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
res: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
//this.sendRequest();
|
||||||
|
//this.sendRequest1();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 方式一
|
||||||
|
sendRequest: function() {
|
||||||
|
this.loading = true
|
||||||
|
this.$api.test({noncestr: Date.now()}).then((res)=>{
|
||||||
|
this.loading = false;
|
||||||
|
console.log('request success', res)
|
||||||
|
uni.showToast({
|
||||||
|
title: '请求成功',
|
||||||
|
icon: 'success',
|
||||||
|
mask: true
|
||||||
|
});
|
||||||
|
this.res = '请求结果 : ' + JSON.stringify(res);
|
||||||
|
}).catch((err)=>{
|
||||||
|
this.loading = false;
|
||||||
|
console.log('request fail', err);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
//方式二 https://segmentfault.com/a/1190000013292562?utm_source=channel-newest
|
||||||
|
async sendRequest1() {
|
||||||
|
this.loading = true
|
||||||
|
let res = await this.$api.test({noncestr: Date.now()});
|
||||||
|
this.loading = false;
|
||||||
|
this.res = '请求结果 : ' + JSON.stringify(res);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
### 2.2 局部使用(局部使用，不需要在 main.js 中注册)
|
||||||
|
|
||||||
|
``` // pages/index/index.vue
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="uni-padding-wrap uni-common-mt">
|
||||||
|
<view class="uni-textarea uni-common-mt">
|
||||||
|
<textarea :value="res"></textarea>
|
||||||
|
</view>
|
||||||
|
<view class="uni-btn-v uni-common-mt">
|
||||||
|
<button type="primary" @click="sendRequest" :loading="loading">发起请求</button>
|
||||||
|
<button type="default" @click="sendRequest1" :loading="loading">发起请求(async/await)</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import api from '@/common/vmeitime-http/'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
res: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
//this.sendRequest();
|
||||||
|
//this.sendRequest1();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 方式一
|
||||||
|
sendRequest: function() {
|
||||||
|
this.loading = true
|
||||||
|
api.test({noncestr: Date.now()}).then((res)=>{
|
||||||
|
this.loading = false;
|
||||||
|
console.log('request success', res)
|
||||||
|
uni.showToast({
|
||||||
|
title: '请求成功',
|
||||||
|
icon: 'success',
|
||||||
|
mask: true
|
||||||
|
});
|
||||||
|
this.res = '请求结果 : ' + JSON.stringify(res);
|
||||||
|
}).catch((err)=>{
|
||||||
|
this.loading = false;
|
||||||
|
console.log('request fail', err);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
//方式二
|
||||||
|
async sendRequest1() {
|
||||||
|
this.loading = true
|
||||||
|
let res = await this.api.test({noncestr: Date.now()});
|
||||||
|
this.loading = false;
|
||||||
|
this.res = '请求结果 : ' + JSON.stringify(res);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
## 3. 接口数据加密、接口签名核验
|
||||||
|
|
||||||
|
在vmeitime-http/interface.js文件中的request(Object)方法中补充修改相应的代码
|
||||||
|
|
||||||
|
## 4. 接口请求/响应日志记录
|
||||||
|
|
||||||
|
在vmeitime-http/interface.js文件中的request(Object)方法中补充修改相应的代码
|
||||||
|
|
||||||
|
## 5. 业务相关接口编写
|
||||||
|
|
||||||
|
在vmeitime-http/index.js文件中的编写具体业务相关的接口,参考test()方法
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
118
http/series.js
Normal file
118
http/series.js
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
import http from "./interface";
|
||||||
|
|
||||||
|
// 系列列表
|
||||||
|
export const list = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/series/series-list",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 藏品列表
|
||||||
|
export const collectionsList = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/collections/list",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 藏品详情
|
||||||
|
export const collectionsInfo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/collections/detail",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 购买
|
||||||
|
export const buy = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/payment/create",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 生成二维码
|
||||||
|
export const createQrcode = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/payment/offline/create",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 获取二维码信息
|
||||||
|
export const getQrcodeInfo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/payment/info",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 确认支付
|
||||||
|
export const confirmPay = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/payment/seller/sure",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 取消支付
|
||||||
|
export const cancelPay = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/payment/seller/cancel",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//判断是否领取该藏品
|
||||||
|
export const userHaveDropNo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/push/userHaveDropNo",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const collectionsDetail = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/collections/receive/info",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const collectionsReceive = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/collections/receive",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const collectionsBuy = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/collections/wx/buy",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const getSeriesData = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: "/mall/series/series-detail",
|
||||||
|
method: "POST",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export default {
|
||||||
|
list,
|
||||||
|
collectionsList,
|
||||||
|
collectionsInfo,
|
||||||
|
buy,
|
||||||
|
createQrcode,
|
||||||
|
getQrcodeInfo,
|
||||||
|
confirmPay,
|
||||||
|
cancelPay,
|
||||||
|
userHaveDropNo,
|
||||||
|
collectionsDetail,
|
||||||
|
collectionsReceive,
|
||||||
|
collectionsBuy,
|
||||||
|
getSeriesData
|
||||||
|
};
|
||||||
20
index.html
Normal file
20
index.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<!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>
|
||||||
190
locale/en.json
Normal file
190
locale/en.json
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
{
|
||||||
|
"app.name": "fontree",
|
||||||
|
"tabbar.home": "Home",
|
||||||
|
"tabbar.mine": "Mine",
|
||||||
|
"index.title": "Home",
|
||||||
|
"locale.auto": "System",
|
||||||
|
"locale.en": "English",
|
||||||
|
"locale.zh-hans": "简体中文",
|
||||||
|
"locale.zh-hant": "繁体中文",
|
||||||
|
"api-header": "en",
|
||||||
|
"index.language-change-confirm": "Applying this setting will restart the app",
|
||||||
|
"navbar.back": "Back",
|
||||||
|
"login.title": "Login Registration",
|
||||||
|
"login.input": "Enter your phone number",
|
||||||
|
"login.agree": "Have read and agreed",
|
||||||
|
"login.service": "《Service Agreements》",
|
||||||
|
"login.privacy": "《Privacy Policy》",
|
||||||
|
"login.registration": "《Registration Protocol》",
|
||||||
|
"login.btn": "Send Verification Code",
|
||||||
|
"login.mess": "Please read and tick the agreement",
|
||||||
|
"authentication.title": "Security Verification",
|
||||||
|
"authentication.content": "Drag the slider to fill the puzzle",
|
||||||
|
"sendCode.title": "Enter Verification Code",
|
||||||
|
"sendCode.send": "Already sent to",
|
||||||
|
"sendCode.login": "Login",
|
||||||
|
"sendCode.update": "Update",
|
||||||
|
"sendCode.loading": "Getting verification code",
|
||||||
|
"sendCode.toast": "Send after the countdown",
|
||||||
|
"login.success": "Login successful",
|
||||||
|
"login.error": "Login failed",
|
||||||
|
"sendCode.updateSuccess": "Update successfully,please login again",
|
||||||
|
"sendCode.updateError": "Update failed",
|
||||||
|
"sendCode": "Verification code has been sent",
|
||||||
|
"welcome.toHome": "Jumping to Home",
|
||||||
|
"welcome.title": "Verification success Welcome to",
|
||||||
|
"collection.info": "Colletion Information",
|
||||||
|
"collection.buy": "Buy",
|
||||||
|
"collection.name": "Collection Name",
|
||||||
|
"collection.type": "Collection Type",
|
||||||
|
"collection.size": "Collection Size ",
|
||||||
|
"collection.specs": "Collection Specification",
|
||||||
|
"collection.address": "Collection Origin",
|
||||||
|
"collection.intro": "Collection Introduction",
|
||||||
|
"collection.detail": "Collection Details",
|
||||||
|
"collection.sell": "Collection Selling Point",
|
||||||
|
"collection.sellDec": "Collection Details",
|
||||||
|
"collection.company": "Technology Introduction ",
|
||||||
|
"collection.copyight": "Copyright Notice",
|
||||||
|
"collection.blockchain": "Blockchain Description",
|
||||||
|
"buyVerfy.title": "Real name verification is required to purchase goods",
|
||||||
|
"buyVerfy.username": "Real Name",
|
||||||
|
"buyVerfy.idNum": "ID Number",
|
||||||
|
"buyVerfy.suss": "Authenticates effectively",
|
||||||
|
"buyVerfy.error": "Invalid authentication",
|
||||||
|
"buyVerfy.done": "Complete",
|
||||||
|
"buyVerfy.noGift": "Sell Out",
|
||||||
|
"buyVerfy.cancel": "Cancel",
|
||||||
|
"login.pls": "Please login first",
|
||||||
|
"alipay.payment": "Alipay Payment",
|
||||||
|
"comfirm.num1": "",
|
||||||
|
"comfirm.num2": "piece",
|
||||||
|
"comfirm.total": "Total",
|
||||||
|
"comfirm.pay": "Confirm Payment",
|
||||||
|
"comfirm.copy": "Copy order verification code",
|
||||||
|
"payment.back": "Back to home",
|
||||||
|
"payment.cancel": "Cancel Payment",
|
||||||
|
"payment.check": "View Details",
|
||||||
|
"payment.success": "Payment Successful",
|
||||||
|
"payment.cancelSuccess": "Payment Cancelled",
|
||||||
|
"payment.failed": "Payment Failed",
|
||||||
|
"payInfo.title": "Check order",
|
||||||
|
"payInfo.subtxt1": "Verifying the user",
|
||||||
|
"payInfo.subtxt2": "order information",
|
||||||
|
"payInfo.confirmDate": "verification date",
|
||||||
|
"payInfo.buyerName": "Buyer Nickname",
|
||||||
|
"payInfo.artworkName": "product name",
|
||||||
|
"payInfo.orderPrice": "order amount",
|
||||||
|
"payInfo.payTypeName": "payment method",
|
||||||
|
"payInfo.payImages": "payment voucher",
|
||||||
|
"payInfo.typePrice": "enter payment method",
|
||||||
|
"payInfo.salesperson": "Please contact the salesperson to verify the consumption information offline",
|
||||||
|
"payInfo.waitConfirm": "Wait for the salesperson to confirm",
|
||||||
|
"payInfo.copyCode": "Enter order verification code",
|
||||||
|
"mine.language": "language",
|
||||||
|
"mine.message": "news",
|
||||||
|
"mine.setting": "seting",
|
||||||
|
"mine.scan": "Scanning code",
|
||||||
|
"mine.blockchain": "blockchain",
|
||||||
|
"mine.artwork": "My Collection",
|
||||||
|
"mine.noData": "No collection",
|
||||||
|
"mine.updateLang": "Change Language",
|
||||||
|
"updateLang.done": "Used",
|
||||||
|
"updateLang.change": "Change",
|
||||||
|
"password.title": "Unlock more functions with operation password",
|
||||||
|
"password.set": "set operation password ",
|
||||||
|
"password.name": "user",
|
||||||
|
"password.input": "Enter the password",
|
||||||
|
"password.com": "Confirm the password",
|
||||||
|
"password.get": "Use the password",
|
||||||
|
"password.step": "Next",
|
||||||
|
"password": "Operation Password",
|
||||||
|
"password.vername": "Information on user",
|
||||||
|
"password.username": "'s identity being verified",
|
||||||
|
"comfrim": "Confirm",
|
||||||
|
"password.inputPass": "Please enter the password",
|
||||||
|
"password.messError": "Please confirm two passwords are consistent",
|
||||||
|
"password.setSucc": "Set successfully",
|
||||||
|
"password.setError": "Set failed",
|
||||||
|
"password.verSucc": "Validation successful",
|
||||||
|
"password.verError": "Validation failed",
|
||||||
|
"avatar.def": "Restore default avatar",
|
||||||
|
"avatar.update": "Change the avator",
|
||||||
|
"userInfo.name": "Nickname",
|
||||||
|
"userInfo.updateName": "Change",
|
||||||
|
"userInfo.createTime": "Registration Date",
|
||||||
|
"userInfo.idNum": "ID Number",
|
||||||
|
"userInfo.phone": "Contact Number",
|
||||||
|
"phone.update": "Change",
|
||||||
|
"phone.verInfo": "After certification you can change binding",
|
||||||
|
"user.realName": "Real Name",
|
||||||
|
"user.verfy": "Real Name Authentication",
|
||||||
|
"user.username": "Name",
|
||||||
|
"user.verDone": "Authenticated",
|
||||||
|
"user.idNum": "ID card",
|
||||||
|
"account.logout": "Account Cancellation",
|
||||||
|
"account.signOut": "Log Out",
|
||||||
|
"set.name": "Set Nickname",
|
||||||
|
"set.input": "Please enter content",
|
||||||
|
"problem.feedback": "Problem Feedback",
|
||||||
|
"logout.info": "Are you sure you want to cancel the account?",
|
||||||
|
"logout.btn": "deregister",
|
||||||
|
"signout.info": "Are you sure to log out?",
|
||||||
|
"realname.conduct": "Carry On The Certification",
|
||||||
|
"save.update": "Save Change",
|
||||||
|
"airdrop": "Airdrop",
|
||||||
|
"announcement": "Announcement",
|
||||||
|
"read": "Read",
|
||||||
|
"to.accept": "Accept",
|
||||||
|
"close": "Close",
|
||||||
|
"basic.info": "Basic Information",
|
||||||
|
"series.name": "Series Name",
|
||||||
|
"series.issuer": "Issuer",
|
||||||
|
"series.time": "Transaction Date",
|
||||||
|
"series.price": "Transaction Price",
|
||||||
|
"series.hash": "HASH",
|
||||||
|
"series.No": "Number",
|
||||||
|
"phone.old": "Original phone number",
|
||||||
|
"phone.code": "Verification code",
|
||||||
|
"update.phone.title": "Change of mobile number requires verification of original mobile number",
|
||||||
|
"phone.new": "New phone number",
|
||||||
|
"input.phoneCode": "Please fill in the verification code and new phone number",
|
||||||
|
"apply.logistics": "Apply For Logistics",
|
||||||
|
"logistics.info": "Logistics Information ",
|
||||||
|
"telephone": "Enquiries",
|
||||||
|
"consignee.name": "Consignee Name",
|
||||||
|
"consignee.address": "Consignee Address",
|
||||||
|
"consignee.phone": "Contact Number",
|
||||||
|
"release.info": "Release Information",
|
||||||
|
"release.time": "Release Date",
|
||||||
|
"brand.side": "Brand Side",
|
||||||
|
"circulation.info": "Circulation Information",
|
||||||
|
"possessor": "Holder",
|
||||||
|
"collection.status": "Collection Status",
|
||||||
|
"in.library": "In our warehouse",
|
||||||
|
"been.applied": "Logistics has been applied",
|
||||||
|
"circulation.type": "Circulation Type",
|
||||||
|
"on.line": "On line",
|
||||||
|
"circulation.time": "Circulation Time",
|
||||||
|
"transaction.hash": "Transaction Hash",
|
||||||
|
"apply.tips": "Please consider carefully once the aapplication is irrevocable!",
|
||||||
|
"input.address": "Please Fill In The Address",
|
||||||
|
"input.pla": "Please enter",
|
||||||
|
"apply.btn": "Apply",
|
||||||
|
"error.consignee.name": "Please enter the name of the consignee",
|
||||||
|
"error.consignee.phone": "Please enter the phone number ",
|
||||||
|
"error.consignee.address": "Please enter the consignee address",
|
||||||
|
"apply.succes": "Successful aapplication",
|
||||||
|
"apply.error": "Application failed ",
|
||||||
|
"load.failed": "Load failed",
|
||||||
|
"update.succes": "Modified Successfully",
|
||||||
|
"code.actPass": "Please enter the operation password and verification code",
|
||||||
|
"code.start": "Get the code",
|
||||||
|
"code.change": "X s to reacquire",
|
||||||
|
"code.end": "Retrieve",
|
||||||
|
"error.phone": "The mobile phone number entered is incorrect",
|
||||||
|
"pick.up": "Pick up",
|
||||||
|
"letter.you": "A Letter To You",
|
||||||
|
"letter.all": "A Letter To All Staff"
|
||||||
|
|
||||||
|
}
|
||||||
36
locale/uni-app.en.json
Normal file
36
locale/uni-app.en.json
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
{
|
||||||
|
"common": {
|
||||||
|
"uni.app.quit": "再按一次退出应用",
|
||||||
|
"uni.async.error": "连接服务器超时，点击屏幕重试",
|
||||||
|
"uni.showActionSheet.cancel": "取消",
|
||||||
|
"uni.showToast.unpaired": "请注意 showToast 与 hideToast 必须配对使用",
|
||||||
|
"uni.showLoading.unpaired": "请注意 showLoading 与 hideLoading 必须配对使用",
|
||||||
|
"uni.showModal.cancel": "取消",
|
||||||
|
"uni.showModal.confirm": "确定",
|
||||||
|
"uni.chooseImage.cancel": "取消",
|
||||||
|
"uni.chooseImage.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseImage.sourceType.camera": "拍摄",
|
||||||
|
"uni.chooseVideo.cancel": "取消",
|
||||||
|
"uni.chooseVideo.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseVideo.sourceType.camera": "拍摄",
|
||||||
|
"uni.previewImage.cancel": "取消",
|
||||||
|
"uni.previewImage.button.save": "保存图像",
|
||||||
|
"uni.previewImage.save.success": "保存图像到相册成功",
|
||||||
|
"uni.previewImage.save.fail": "保存图像到相册失败",
|
||||||
|
"uni.setClipboardData.success": "内容已复制",
|
||||||
|
"uni.scanCode.title": "扫码",
|
||||||
|
"uni.scanCode.album": "相册",
|
||||||
|
"uni.scanCode.fail": "识别失败",
|
||||||
|
"uni.scanCode.flash.on": "轻触照亮",
|
||||||
|
"uni.scanCode.flash.off": "轻触关闭",
|
||||||
|
"uni.startSoterAuthentication.authContent": "指纹识别中...",
|
||||||
|
"uni.picker.done": "完成",
|
||||||
|
"uni.picker.cancel": "取消",
|
||||||
|
"uni.video.danmu": "弹幕",
|
||||||
|
"uni.video.volume": "音量",
|
||||||
|
"uni.button.feedback.title": "问题反馈",
|
||||||
|
"uni.button.feedback.send": "发送"
|
||||||
|
},
|
||||||
|
"ios": {},
|
||||||
|
"android": {}
|
||||||
|
}
|
||||||
36
locale/uni-app.zh-Hans.json
Normal file
36
locale/uni-app.zh-Hans.json
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
{
|
||||||
|
"common": {
|
||||||
|
"uni.app.quit": "再按一次退出应用",
|
||||||
|
"uni.async.error": "连接服务器超时，点击屏幕重试",
|
||||||
|
"uni.showActionSheet.cancel": "取消",
|
||||||
|
"uni.showToast.unpaired": "请注意 showToast 与 hideToast 必须配对使用",
|
||||||
|
"uni.showLoading.unpaired": "请注意 showLoading 与 hideLoading 必须配对使用",
|
||||||
|
"uni.showModal.cancel": "取消",
|
||||||
|
"uni.showModal.confirm": "确定",
|
||||||
|
"uni.chooseImage.cancel": "取消",
|
||||||
|
"uni.chooseImage.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseImage.sourceType.camera": "拍摄",
|
||||||
|
"uni.chooseVideo.cancel": "取消",
|
||||||
|
"uni.chooseVideo.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseVideo.sourceType.camera": "拍摄",
|
||||||
|
"uni.previewImage.cancel": "取消",
|
||||||
|
"uni.previewImage.button.save": "保存图像",
|
||||||
|
"uni.previewImage.save.success": "保存图像到相册成功",
|
||||||
|
"uni.previewImage.save.fail": "保存图像到相册失败",
|
||||||
|
"uni.setClipboardData.success": "内容已复制",
|
||||||
|
"uni.scanCode.title": "扫码",
|
||||||
|
"uni.scanCode.album": "相册",
|
||||||
|
"uni.scanCode.fail": "识别失败",
|
||||||
|
"uni.scanCode.flash.on": "轻触照亮",
|
||||||
|
"uni.scanCode.flash.off": "轻触关闭",
|
||||||
|
"uni.startSoterAuthentication.authContent": "指纹识别中...",
|
||||||
|
"uni.picker.done": "完成",
|
||||||
|
"uni.picker.cancel": "取消",
|
||||||
|
"uni.video.danmu": "弹幕",
|
||||||
|
"uni.video.volume": "音量",
|
||||||
|
"uni.button.feedback.title": "问题反馈",
|
||||||
|
"uni.button.feedback.send": "发送"
|
||||||
|
},
|
||||||
|
"ios": {},
|
||||||
|
"android": {}
|
||||||
|
}
|
||||||
36
locale/uni-app.zh-Hant.json
Normal file
36
locale/uni-app.zh-Hant.json
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
{
|
||||||
|
"common": {
|
||||||
|
"uni.app.quit": "再按一次退出应用",
|
||||||
|
"uni.async.error": "连接服务器超时，点击屏幕重试",
|
||||||
|
"uni.showActionSheet.cancel": "取消",
|
||||||
|
"uni.showToast.unpaired": "请注意 showToast 与 hideToast 必须配对使用",
|
||||||
|
"uni.showLoading.unpaired": "请注意 showLoading 与 hideLoading 必须配对使用",
|
||||||
|
"uni.showModal.cancel": "取消",
|
||||||
|
"uni.showModal.confirm": "确定",
|
||||||
|
"uni.chooseImage.cancel": "取消",
|
||||||
|
"uni.chooseImage.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseImage.sourceType.camera": "拍摄",
|
||||||
|
"uni.chooseVideo.cancel": "取消",
|
||||||
|
"uni.chooseVideo.sourceType.album": "从相册选择",
|
||||||
|
"uni.chooseVideo.sourceType.camera": "拍摄",
|
||||||
|
"uni.previewImage.cancel": "取消",
|
||||||
|
"uni.previewImage.button.save": "保存图像",
|
||||||
|
"uni.previewImage.save.success": "保存图像到相册成功",
|
||||||
|
"uni.previewImage.save.fail": "保存图像到相册失败",
|
||||||
|
"uni.setClipboardData.success": "内容已复制",
|
||||||
|
"uni.scanCode.title": "扫码",
|
||||||
|
"uni.scanCode.album": "相册",
|
||||||
|
"uni.scanCode.fail": "识别失败",
|
||||||
|
"uni.scanCode.flash.on": "轻触照亮",
|
||||||
|
"uni.scanCode.flash.off": "轻触关闭",
|
||||||
|
"uni.startSoterAuthentication.authContent": "指纹识别中...",
|
||||||
|
"uni.picker.done": "完成",
|
||||||
|
"uni.picker.cancel": "取消",
|
||||||
|
"uni.video.danmu": "弹幕",
|
||||||
|
"uni.video.volume": "音量",
|
||||||
|
"uni.button.feedback.title": "问题反馈",
|
||||||
|
"uni.button.feedback.send": "发送"
|
||||||
|
},
|
||||||
|
"ios": {},
|
||||||
|
"android": {}
|
||||||
|
}
|
||||||
193
locale/zh-Hans.json
Normal file
193
locale/zh-Hans.json
Normal file
@ -0,0 +1,193 @@
|
|||||||
|
{
|
||||||
|
"app.name": "丰链艺树",
|
||||||
|
"tabbar.home": "首页",
|
||||||
|
"tabbar.mine": "我的",
|
||||||
|
"index.title": "首页",
|
||||||
|
"locale.auto": "系统",
|
||||||
|
"locale.en": "English",
|
||||||
|
"locale.zh-hans": "简体中文",
|
||||||
|
"locale.zh-hant": "繁体中文",
|
||||||
|
"api-header": "zh-CN",
|
||||||
|
"index.language-change-confirm": "应用此设置将重启App",
|
||||||
|
"navbar.back": "返回",
|
||||||
|
"login.title": "登录/注册",
|
||||||
|
"login.input": "在此输入手机号",
|
||||||
|
"login.agree": "已阅读并同意",
|
||||||
|
"login.service": "《平台服务协议》",
|
||||||
|
"login.privacy": "《隐私权政策》",
|
||||||
|
"login.registration": "《平台注册相关协议》",
|
||||||
|
"login.btn": "发送验证码",
|
||||||
|
"login.mess": "请阅读并勾选协议",
|
||||||
|
"authentication.title": "安全验证",
|
||||||
|
"authentication.content": "拖动滑块填充拼图",
|
||||||
|
"sendCode.title": "输入验证码",
|
||||||
|
"sendCode.send": "已发送到",
|
||||||
|
"sendCode.login": "登录",
|
||||||
|
"sendCode.update": "确认修改",
|
||||||
|
"sendCode.loading": "正在获取验证码",
|
||||||
|
"sendCode.toast": "倒计时结束后再发送",
|
||||||
|
"login.success": "登录成功",
|
||||||
|
"login.error": "登录失败",
|
||||||
|
"sendCode.updateSuccess": "修改成功，请重新登录",
|
||||||
|
"sendCode.updateError": "修改失败",
|
||||||
|
"sendCode": "验证码已发送",
|
||||||
|
"welcome.toHome": "正在跳转至首页",
|
||||||
|
"welcome.title": "验证成功欢迎来到",
|
||||||
|
"collection.info": "藏品信息",
|
||||||
|
"collection.buy": "购买",
|
||||||
|
"collection.name": "藏品名称",
|
||||||
|
"collection.type": "藏品类型",
|
||||||
|
"collection.size": "藏品尺寸",
|
||||||
|
"collection.specs": "藏品规格",
|
||||||
|
"collection.address": "藏品产地",
|
||||||
|
"collection.intro": "藏品介绍",
|
||||||
|
"collection.detail": "藏品详情",
|
||||||
|
"collection.sell": "藏品卖点",
|
||||||
|
"collection.sellDec": "藏品细节",
|
||||||
|
"collection.company": "工艺介绍",
|
||||||
|
"collection.copyight": "版权声明",
|
||||||
|
"collection.blockchain": "区块链说明",
|
||||||
|
"buyVerfy.title": "购买商品需要进行实名认证",
|
||||||
|
"buyVerfy.username": "真实姓名",
|
||||||
|
"buyVerfy.idNum": "身份证号",
|
||||||
|
"buyVerfy.suss": "实名认证有效",
|
||||||
|
"buyVerfy.error": "实名认证无效",
|
||||||
|
"buyVerfy.done": "完成",
|
||||||
|
"buyVerfy.cancel": "取消",
|
||||||
|
"buyVerfy.noGift": "售罄",
|
||||||
|
"login.pls": "请先登录",
|
||||||
|
"alipay.payment": "支付宝支付",
|
||||||
|
"comfirm.num1": "共",
|
||||||
|
"comfirm.num2": "件",
|
||||||
|
"comfirm.total": "合计",
|
||||||
|
"comfirm.pay": "生成核验二维码",
|
||||||
|
"confirm.payment":"去确认支付",
|
||||||
|
"comfirm.copy": "复制订单验证码",
|
||||||
|
"payment.back": "返回首页",
|
||||||
|
"payment.cancel": "取消交易",
|
||||||
|
"payment.check": "查看详情",
|
||||||
|
"payment.confirmSuccess": "交易成功",
|
||||||
|
"payment.cancelSuccess": "交易取消",
|
||||||
|
"payment.failed": "交易失败",
|
||||||
|
"payInfo.title": "核对订单",
|
||||||
|
"payInfo.subtxt1": "正在验证用户",
|
||||||
|
"payInfo.subtxt2": "的订单信息",
|
||||||
|
"payInfo.confirmDate": "核验日期",
|
||||||
|
"payInfo.buyerName": "买家昵称",
|
||||||
|
"payInfo.artworkName": "商品名称",
|
||||||
|
"payInfo.orderPrice": "订单金额",
|
||||||
|
"payInfo.payTypeName": "支付方式",
|
||||||
|
"payInfo.payImages": "支付凭证",
|
||||||
|
"payInfo.typePrice": "输入支付方式",
|
||||||
|
"payInfo.salesperson": "请联系工作人员核实消费信息",
|
||||||
|
"payInfo.waitConfirm": "等待销售员确认",
|
||||||
|
"payInfo.copyCode": "输入订单验证码",
|
||||||
|
"mine.language": "语言",
|
||||||
|
"mine.message": "消息",
|
||||||
|
"mine.setting": "设置",
|
||||||
|
"mine.scan": "扫码",
|
||||||
|
"mine.blockchain": "区块链",
|
||||||
|
"mine.artwork": "我的藏品",
|
||||||
|
"mine.noData": "暂无藏品",
|
||||||
|
"mine.updateLang": "更换语言",
|
||||||
|
"updateLang.done": "当前使用",
|
||||||
|
"updateLang.change": "更换",
|
||||||
|
"password.title": "使用操作密码解锁更多功能",
|
||||||
|
"password.set": "设置操作密码",
|
||||||
|
"password.name": "请用户",
|
||||||
|
"password.input": "输入操作密码",
|
||||||
|
"password.com": "确认操作密码",
|
||||||
|
"password.get": "使用操作密码",
|
||||||
|
"password.step": "下一步",
|
||||||
|
"password": "操作密码",
|
||||||
|
"password.vername": "正在验证用户",
|
||||||
|
"password.username": "身份信息",
|
||||||
|
"comfrim": "确认",
|
||||||
|
"password.inputPass": "请输入操作密码",
|
||||||
|
"password.messError": "请确认两次输入的操作密码相同",
|
||||||
|
"password.setSucc": "设置成功",
|
||||||
|
"password.setError": "设置失败",
|
||||||
|
"password.verSucc": "验证成功",
|
||||||
|
"password.verError": "验证失败",
|
||||||
|
"avatar.def": "恢复默认头像",
|
||||||
|
"avatar.update": "更换头像",
|
||||||
|
"userInfo.name": "昵称",
|
||||||
|
"userInfo.updateName": "修改昵称",
|
||||||
|
"userInfo.createTime": "注册日期",
|
||||||
|
"userInfo.idNum": "ID号码",
|
||||||
|
"userInfo.phone": "联系电话",
|
||||||
|
"phone.update": "换绑",
|
||||||
|
"phone.verInfo": "完成实名认证后才可以换绑手机",
|
||||||
|
"user.realName": "实名",
|
||||||
|
"user.verfy": "实名认证",
|
||||||
|
"user.username": "姓名",
|
||||||
|
"user.verDone": "已认证",
|
||||||
|
"user.idNum": "身份证",
|
||||||
|
"account.logout": "注销账号",
|
||||||
|
"account.signOut": "退出登录",
|
||||||
|
"set.name": "设置昵称",
|
||||||
|
"set.input": "请输入内容",
|
||||||
|
"problem.feedback": "问题反馈",
|
||||||
|
"logout.info": "是否确认要注销该账号",
|
||||||
|
"logout.btn": "注销",
|
||||||
|
"signout.info": "是否确认退出登录",
|
||||||
|
"realname.conduct": "进行实名认证",
|
||||||
|
"save.update": "保存修改",
|
||||||
|
"airdrop": "空投",
|
||||||
|
"announcement": "公告",
|
||||||
|
"read": "阅读",
|
||||||
|
"to.accept": "收下",
|
||||||
|
"close": "关闭",
|
||||||
|
"basic.info": "基础信息",
|
||||||
|
"series.name": "系列名称",
|
||||||
|
"series.issuer": "发行方",
|
||||||
|
"series.time": "交易日期",
|
||||||
|
"series.price": "交易价格",
|
||||||
|
"series.hash": "HASH值",
|
||||||
|
"series.No": "编号",
|
||||||
|
"phone.old": "原手机号",
|
||||||
|
"phone.code": "验证码",
|
||||||
|
"update.phone.title": "换绑手机号码需要原手机号验证",
|
||||||
|
"phone.new": "新手机号",
|
||||||
|
"input.phoneCode": "请填写验证码和新手机号",
|
||||||
|
"apply.logistics": "申请物流",
|
||||||
|
"logistics.info": "物流信息",
|
||||||
|
"telephone": "咨询电话",
|
||||||
|
"consignee.name": "收货人姓名",
|
||||||
|
"consignee.address": "收货地址",
|
||||||
|
"consignee.phone": "联系电话",
|
||||||
|
"release.info": "发行信息",
|
||||||
|
"release.time": "发行时间",
|
||||||
|
"brand.side": "品牌方",
|
||||||
|
"circulation.info": "流转信息",
|
||||||
|
"possessor": "持有人",
|
||||||
|
"collection.status": "藏品状态",
|
||||||
|
"in.library": "在库",
|
||||||
|
"been.applied": "已申请物流",
|
||||||
|
"circulation.type": "流转类型",
|
||||||
|
"on.line": "在线",
|
||||||
|
"circulation.time": "流转时间",
|
||||||
|
"transaction.hash": "交易哈希",
|
||||||
|
"apply.tips": "一旦申请，不可撤销，请着重考虑!",
|
||||||
|
"input.address": "请填写地址",
|
||||||
|
"input.pla": "请输入",
|
||||||
|
"apply.btn": "申请",
|
||||||
|
"error.consignee.name": "请输入收货人姓名",
|
||||||
|
"error.consignee.phone": "请输入联系电话",
|
||||||
|
"error.consignee.address": "请输入收货地址",
|
||||||
|
"apply.succes": "申请成功",
|
||||||
|
"apply.error": "申请失败",
|
||||||
|
"load.failed": "加载失败",
|
||||||
|
"update.succes": "修改成功",
|
||||||
|
"code.actPass": "请输入操作密码和验证码",
|
||||||
|
"code.start": "获取验证码",
|
||||||
|
"code.change": "X秒重新获取",
|
||||||
|
"code.end": "重新获取",
|
||||||
|
"error.phone": "手机号码不正确",
|
||||||
|
"pick.up": "领取",
|
||||||
|
"letter.you": "给你的一封信",
|
||||||
|
"letter.all": "给全体员工的一封信",
|
||||||
|
"sumbit":"提交",
|
||||||
|
"realHashTitle":"藏品信息",
|
||||||
|
"realHash":"藏品hash"
|
||||||
|
}
|
||||||
190
locale/zh-Hant.json
Normal file
190
locale/zh-Hant.json
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
{
|
||||||
|
"app.name": "豐鏈藝樹",
|
||||||
|
"tabbar.home": "首頁",
|
||||||
|
"tabbar.mine": "我的",
|
||||||
|
"index.title": "首頁",
|
||||||
|
"locale.auto": "系統",
|
||||||
|
"locale.en": "English",
|
||||||
|
"locale.zh-hans": "简体中文",
|
||||||
|
"locale.zh-hant": "繁體中文",
|
||||||
|
"api-header": "zh-TW",
|
||||||
|
"index.language-change-confirm": "應用此設置將重啟App",
|
||||||
|
"navbar.back": "返回",
|
||||||
|
"login.title": "登入/注册",
|
||||||
|
"login.input": "在此輸入手機號",
|
||||||
|
"login.agree": "已閱讀並同意",
|
||||||
|
"login.service": "《平臺服務協議》",
|
||||||
|
"login.privacy": "《隱私權政策》",
|
||||||
|
"login.registration": "《平臺注册相關協議》",
|
||||||
|
"login.btn": "發送驗證碼",
|
||||||
|
"login.mess": "請閱讀並勾選協定",
|
||||||
|
"authentication.title": "安全驗證",
|
||||||
|
"authentication.content": "拖動滑塊填充拼圖",
|
||||||
|
"sendCode.title": "輸入驗證碼",
|
||||||
|
"sendCode.send": "已發送到",
|
||||||
|
"sendCode.login": "登入",
|
||||||
|
"sendCode.update": "確認修改",
|
||||||
|
"sendCode.loading": "正在獲取驗證碼",
|
||||||
|
"sendCode.toast": "倒數計時結束後再發送",
|
||||||
|
"login.success": "登入成功",
|
||||||
|
"login.error": "登入失敗",
|
||||||
|
"sendCode.updateSuccess": "修改成功,請重新登入",
|
||||||
|
"sendCode.updateError": "修改失敗",
|
||||||
|
"sendCode": "驗證碼已發送",
|
||||||
|
"welcome.toHome": "正在跳轉至首頁",
|
||||||
|
"welcome.title": "驗證成功歡迎來到",
|
||||||
|
"collection.info": "藏品資訊",
|
||||||
|
"collection.buy": "購買",
|
||||||
|
"collection.name": "藏品名稱",
|
||||||
|
"collection.type": "藏品類型",
|
||||||
|
"collection.size": "藏品尺寸",
|
||||||
|
"collection.specs": "藏品規格",
|
||||||
|
"collection.address": "藏品產地",
|
||||||
|
"collection.intro": "藏品介紹",
|
||||||
|
"collection.detail": "藏品詳情",
|
||||||
|
"collection.sell": "藏品賣點",
|
||||||
|
"collection.sellDec": "藏品細節",
|
||||||
|
"collection.company": "工藝介紹",
|
||||||
|
"collection.copyight": "版權聲明",
|
||||||
|
"collection.blockchain": "區塊鏈說明",
|
||||||
|
"buyVerfy.title": "購買商品需要進行實名認證",
|
||||||
|
"buyVerfy.username": "真實姓名",
|
||||||
|
"buyVerfy.idNum": "身份證號",
|
||||||
|
"buyVerfy.suss": "實名認證有效",
|
||||||
|
"buyVerfy.error": "實名認證無效",
|
||||||
|
"buyVerfy.done": "完成",
|
||||||
|
"buyVerfy.noGift": "售罄",
|
||||||
|
"buyVerfy.cancel": "取消",
|
||||||
|
"login.pls": "請先登錄",
|
||||||
|
"alipay.payment": "支付寶支付",
|
||||||
|
"comfirm.num1": "共",
|
||||||
|
"comfirm.num2": "件",
|
||||||
|
"comfirm.total": "合計",
|
||||||
|
"comfirm.pay": "生成核驗二維碼",
|
||||||
|
"comfirm.copy": "復製訂單碼驗證",
|
||||||
|
"payment.back": "返回首頁",
|
||||||
|
"payment.cancel": "取消交易",
|
||||||
|
"payment.check": "查看詳情",
|
||||||
|
"payment.confirmSuccess": "交易成功",
|
||||||
|
"payment.cancelSuccess": "交易取消",
|
||||||
|
"payment.failed": "交易失敗",
|
||||||
|
"payInfo.title": "核對訂單",
|
||||||
|
"payInfo.subtxt1": "正在驗證用戶",
|
||||||
|
"payInfo.subtxt2": "的訂單信息",
|
||||||
|
"payInfo.confirmDate": "核驗日期",
|
||||||
|
"payInfo.buyerName": "買家昵稱",
|
||||||
|
"payInfo.artworkName": "商品名稱",
|
||||||
|
"payInfo.orderPrice": "訂單金額",
|
||||||
|
"payInfo.payTypeName": "支付方式",
|
||||||
|
"payInfo.payImages": "支付憑證",
|
||||||
|
"payInfo.typePrice": "輸入支付方式",
|
||||||
|
"payInfo.salesperson": "請聯系業務員線下核實消費信息",
|
||||||
|
"payInfo.waitConfirm": "等待銷售員確認",
|
||||||
|
"payInfo.copyCode": "輸入訂單驗證碼",
|
||||||
|
"mine.language": "語言",
|
||||||
|
"mine.message": "消息",
|
||||||
|
"mine.setting": "設定",
|
||||||
|
"mine.scan": "掃碼",
|
||||||
|
"mine.blockchain": "區塊鏈",
|
||||||
|
"mine.artwork": "我的藏品",
|
||||||
|
"mine.noData": "暫無藏品",
|
||||||
|
"mine.updateLang": "更換語言",
|
||||||
|
"updateLang.done": "當前使用",
|
||||||
|
"updateLang.change": "更換",
|
||||||
|
"password.title": "使用操作密碼解鎖更多功能",
|
||||||
|
"password.set": "設定操作密碼",
|
||||||
|
"password.name": "請用戶",
|
||||||
|
"password.input": "輸入操作密碼",
|
||||||
|
"password.com": "確認操作密碼",
|
||||||
|
"password.get": "使用操作密碼",
|
||||||
|
"password.step": "下一步",
|
||||||
|
"password": "操作密碼",
|
||||||
|
"password.vername": "正在驗證用戶",
|
||||||
|
"password.username": "身份資訊",
|
||||||
|
"comfrim": "確認",
|
||||||
|
"password.inputPass": "請輸入操作密碼",
|
||||||
|
"password.messError": "請確認兩次輸入的操作密碼相同",
|
||||||
|
"password.setSucc": "設定成功",
|
||||||
|
"password.setError": "設定失敗",
|
||||||
|
"password.verSucc": "驗證成功",
|
||||||
|
"password.verError": "驗證失敗",
|
||||||
|
"avatar.def": "恢復默認頭像",
|
||||||
|
"avatar.update": "更換頭像",
|
||||||
|
"userInfo.name": "昵稱",
|
||||||
|
"userInfo.updateName": "修改昵稱",
|
||||||
|
"userInfo.createTime": "注册日期",
|
||||||
|
"userInfo.idNum": "ID號碼",
|
||||||
|
"userInfo.phone": "聯繫電話",
|
||||||
|
"phone.update": "換綁",
|
||||||
|
"phone.verInfo": "完成實名認證後才可以換綁手機",
|
||||||
|
"user.realName": "實名",
|
||||||
|
"user.verfy": "實名認證",
|
||||||
|
"user.username": "姓名",
|
||||||
|
"user.verDone": "已認證",
|
||||||
|
"user.idNum": "身份證",
|
||||||
|
"account.logout": "註銷帳號",
|
||||||
|
"account.signOut": "登出",
|
||||||
|
"set.name": "設定昵稱",
|
||||||
|
"set.input": "請輸入內容",
|
||||||
|
"problem.feedback": "問題迴響",
|
||||||
|
"logout.info": "是否確認要註銷該帳號",
|
||||||
|
"logout.btn": "註銷",
|
||||||
|
"signout.info": "是否確認登出",
|
||||||
|
"realname.conduct": "進行實名認證",
|
||||||
|
"save.update": "保存修改",
|
||||||
|
"airdrop": "空投",
|
||||||
|
"announcement": "公告",
|
||||||
|
"read": "閱讀",
|
||||||
|
"to.accept": "收下",
|
||||||
|
"close": "關閉",
|
||||||
|
"basic.info": "基礎資訊",
|
||||||
|
"series.name": "系列名稱",
|
||||||
|
"series.issuer": "發行方",
|
||||||
|
"series.time": "交易日期",
|
||||||
|
"series.price": "交易價格",
|
||||||
|
"series.hash": "HASH值",
|
||||||
|
"series.No": "編號",
|
||||||
|
"phone.old": "原手機號",
|
||||||
|
"phone.code": "驗證碼",
|
||||||
|
"update.phone.title": "換綁手機號碼需要原手機號驗證",
|
||||||
|
"phone.new": "新手機號",
|
||||||
|
"input.phoneCode": "請填寫驗證碼和新手機號",
|
||||||
|
"apply.logistics": "申請物流",
|
||||||
|
"logistics.info": "物流資訊",
|
||||||
|
"telephone": "諮詢電話",
|
||||||
|
"consignee.name": "收貨人姓名",
|
||||||
|
"consignee.address": "收貨地址",
|
||||||
|
"consignee.phone": "聯繫電話",
|
||||||
|
"release.info": "發行資訊",
|
||||||
|
"release.time": "發行時間",
|
||||||
|
"brand.side": "品牌方",
|
||||||
|
"circulation.info": "流轉資訊",
|
||||||
|
"possessor": "持有人",
|
||||||
|
"collection.status": "藏品狀態",
|
||||||
|
"in.library": "在庫",
|
||||||
|
"been.applied": "已經申請物流",
|
||||||
|
"circulation.type": "流轉類型",
|
||||||
|
"on.line": "線上",
|
||||||
|
"circulation.time": "流轉時間",
|
||||||
|
"transaction.hash": "交易雜湊",
|
||||||
|
"apply.tips": "一旦申請,不可撤銷,請著重考慮！",
|
||||||
|
"input.address": "請填寫地址",
|
||||||
|
"input.pla": "請輸入",
|
||||||
|
"apply.btn": "申請",
|
||||||
|
"error.consignee.name": "請輸入收貨人姓名",
|
||||||
|
"error.consignee.phone": "請輸入聯繫電話",
|
||||||
|
"error.consignee.address": "請輸入收貨地址",
|
||||||
|
"apply.succes": "申請成功",
|
||||||
|
"apply.error": "申請失敗",
|
||||||
|
"load.failed": "加載失敗",
|
||||||
|
"update.succes": "修改成功",
|
||||||
|
"code.actPass": "請輸入操作密碼和驗證碼",
|
||||||
|
"code.start": "獲取驗證碼",
|
||||||
|
"code.change": "X秒重新獲取",
|
||||||
|
"code.end": "重新獲取",
|
||||||
|
"error.phone": "手機號碼不正確",
|
||||||
|
"pick.up": "領取",
|
||||||
|
"letter.you": "給你的一封信",
|
||||||
|
"letter.all": "給全體員工的一封信"
|
||||||
|
|
||||||
|
}
|
||||||
52
main.js
Normal file
52
main.js
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
import App from "./App";
|
||||||
|
|
||||||
|
import en from "./locale/en.json";
|
||||||
|
import zhHans from "./locale/zh-Hans.json";
|
||||||
|
import zhHant from "./locale/zh-Hant.json";
|
||||||
|
const messages = {
|
||||||
|
en,
|
||||||
|
"zh-Hans": zhHans,
|
||||||
|
"zh-Hant": zhHant,
|
||||||
|
};
|
||||||
|
|
||||||
|
let i18nConfig = {
|
||||||
|
locale: uni.getLocale(), // 获取已设置的语言
|
||||||
|
messages,
|
||||||
|
};
|
||||||
|
|
||||||
|
//弹出框禁止滑动
|
||||||
|
Vue.prototype.stopScroll = function () {
|
||||||
|
var mo = function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
};
|
||||||
|
document.body.style.overflow = "hidden";
|
||||||
|
document.addEventListener("touchmove", mo, false); // 禁止页面滑动
|
||||||
|
};
|
||||||
|
|
||||||
|
//弹出框可以滑动
|
||||||
|
Vue.prototype.canScroll = function () {
|
||||||
|
var mo = function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
};
|
||||||
|
document.body.style.overflow = ""; // 出现滚动条
|
||||||
|
document.removeEventListener("touchmove", mo, false);
|
||||||
|
};
|
||||||
|
import Vue from "vue";
|
||||||
|
import VueI18n from "vue-i18n"; // v8.x
|
||||||
|
import uView from "uview-ui";
|
||||||
|
import common from "./common/index.js";
|
||||||
|
import api from "@/http/";
|
||||||
|
Vue.use(VueI18n);
|
||||||
|
Vue.use(uView);
|
||||||
|
Vue.prototype.$common = common;
|
||||||
|
Vue.prototype.$api = api;
|
||||||
|
// Vue.prototype.$baseUrl = "http://114.218.158.24:9022";
|
||||||
|
Vue.prototype.$baseUrl = "https://shop.szjixun.cn";
|
||||||
|
const i18n = new VueI18n(i18nConfig);
|
||||||
|
Vue.config.productionTip = false;
|
||||||
|
App.mpType = "app";
|
||||||
|
const app = new Vue({
|
||||||
|
i18n,
|
||||||
|
...App,
|
||||||
|
});
|
||||||
|
app.$mount();
|
||||||
122
manifest.json
Normal file
122
manifest.json
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
{
|
||||||
|
"name" : "艺术商城",
|
||||||
|
"appid" : "__UNI__7D47507",
|
||||||
|
"description" : "",
|
||||||
|
"versionName" : "1.0.0",
|
||||||
|
"versionCode" : 101,
|
||||||
|
"locale" : "zh-Hans",
|
||||||
|
"transformPx" : false,
|
||||||
|
/* 5+App特有相关 */
|
||||||
|
"app-plus" : {
|
||||||
|
"safearea" : {
|
||||||
|
"bottom" : "none"
|
||||||
|
},
|
||||||
|
"usingComponents" : true,
|
||||||
|
"nvueStyleCompiler" : "uni-app",
|
||||||
|
"compilerVersion" : 3,
|
||||||
|
"splashscreen" : {
|
||||||
|
"alwaysShowBeforeRender" : true,
|
||||||
|
"waiting" : true,
|
||||||
|
"autoclose" : true,
|
||||||
|
"delay" : 0
|
||||||
|
},
|
||||||
|
/* 模块配置 */
|
||||||
|
"modules" : {
|
||||||
|
"Payment" : {},
|
||||||
|
"Camera" : {}
|
||||||
|
},
|
||||||
|
/* 应用发布信息 */
|
||||||
|
"distribute" : {
|
||||||
|
/* android打包配置 */
|
||||||
|
"android" : {
|
||||||
|
"permissions" : [
|
||||||
|
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
/* ios打包配置 */
|
||||||
|
"ios" : {
|
||||||
|
"dSYMs" : false
|
||||||
|
},
|
||||||
|
/* SDK配置 */
|
||||||
|
"sdkConfigs" : {
|
||||||
|
"payment" : {
|
||||||
|
"alipay" : {
|
||||||
|
"__platform__" : [ "ios", "android" ]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"ad" : {}
|
||||||
|
},
|
||||||
|
"splashscreen" : {
|
||||||
|
"androidStyle" : "common"
|
||||||
|
},
|
||||||
|
"icons" : {
|
||||||
|
"android" : {
|
||||||
|
"hdpi" : "unpackage/res/icons/72x72.png",
|
||||||
|
"xhdpi" : "unpackage/res/icons/96x96.png",
|
||||||
|
"xxhdpi" : "unpackage/res/icons/144x144.png",
|
||||||
|
"xxxhdpi" : "unpackage/res/icons/192x192.png"
|
||||||
|
},
|
||||||
|
"ios" : {
|
||||||
|
"appstore" : "unpackage/res/icons/1024x1024.png",
|
||||||
|
"ipad" : {
|
||||||
|
"app" : "unpackage/res/icons/76x76.png",
|
||||||
|
"app@2x" : "unpackage/res/icons/152x152.png",
|
||||||
|
"notification" : "unpackage/res/icons/20x20.png",
|
||||||
|
"notification@2x" : "unpackage/res/icons/40x40.png",
|
||||||
|
"proapp@2x" : "unpackage/res/icons/167x167.png",
|
||||||
|
"settings" : "unpackage/res/icons/29x29.png",
|
||||||
|
"settings@2x" : "unpackage/res/icons/58x58.png",
|
||||||
|
"spotlight" : "unpackage/res/icons/40x40.png",
|
||||||
|
"spotlight@2x" : "unpackage/res/icons/80x80.png"
|
||||||
|
},
|
||||||
|
"iphone" : {
|
||||||
|
"app@2x" : "unpackage/res/icons/120x120.png",
|
||||||
|
"app@3x" : "unpackage/res/icons/180x180.png",
|
||||||
|
"notification@2x" : "unpackage/res/icons/40x40.png",
|
||||||
|
"notification@3x" : "unpackage/res/icons/60x60.png",
|
||||||
|
"settings@2x" : "unpackage/res/icons/58x58.png",
|
||||||
|
"settings@3x" : "unpackage/res/icons/87x87.png",
|
||||||
|
"spotlight@2x" : "unpackage/res/icons/80x80.png",
|
||||||
|
"spotlight@3x" : "unpackage/res/icons/120x120.png"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/* 快应用特有相关 */
|
||||||
|
"quickapp" : {},
|
||||||
|
/* 小程序特有相关 */
|
||||||
|
"mp-weixin" : {
|
||||||
|
"appid" : "",
|
||||||
|
"setting" : {
|
||||||
|
"urlCheck" : false
|
||||||
|
},
|
||||||
|
"usingComponents" : true
|
||||||
|
},
|
||||||
|
"mp-alipay" : {
|
||||||
|
"usingComponents" : true
|
||||||
|
},
|
||||||
|
"mp-baidu" : {
|
||||||
|
"usingComponents" : true
|
||||||
|
},
|
||||||
|
"mp-toutiao" : {
|
||||||
|
"usingComponents" : true
|
||||||
|
},
|
||||||
|
"uniStatistics" : {
|
||||||
|
"enable" : false
|
||||||
|
},
|
||||||
|
"vueVersion" : "2",
|
||||||
|
"h5" : {
|
||||||
|
"title" : "艺树商城"
|
||||||
|
}
|
||||||
|
}
|
||||||
480
package-lock.json
generated
Normal file
480
package-lock.json
generated
Normal file
@ -0,0 +1,480 @@
|
|||||||
|
{
|
||||||
|
"name": "mall-app",
|
||||||
|
"lockfileVersion": 2,
|
||||||
|
"requires": true,
|
||||||
|
"packages": {
|
||||||
|
"": {
|
||||||
|
"dependencies": {
|
||||||
|
"jweixin-module": "^1.6.0",
|
||||||
|
"vue-3d-model": "^1.4.1",
|
||||||
|
"weixin-js-sdk": "^1.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@babel/parser": {
|
||||||
|
"version": "7.20.13",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.13.tgz",
|
||||||
|
"integrity": "sha512-gFDLKMfpiXCsjt4za2JA9oTMn70CeseCehb11kRZgvd7+F67Hih3OHOK24cRrWECJ/ljfPGac6ygXAs/C8kIvw==",
|
||||||
|
"peer": true,
|
||||||
|
"bin": {
|
||||||
|
"parser": "bin/babel-parser.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/compiler-core": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"source-map": "^0.6.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/compiler-dom": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/compiler-sfc": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/compiler-ssr": "3.2.45",
|
||||||
|
"@vue/reactivity-transform": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"magic-string": "^0.25.7",
|
||||||
|
"postcss": "^8.1.10",
|
||||||
|
"source-map": "^0.6.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/compiler-ssr": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/reactivity": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/reactivity-transform": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"magic-string": "^0.25.7"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/runtime-core": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/reactivity": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/runtime-dom": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/runtime-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"csstype": "^2.6.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/server-renderer": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/compiler-ssr": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vue": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@vue/shared": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"node_modules/csstype": {
|
||||||
|
"version": "2.6.21",
|
||||||
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
|
||||||
|
"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"node_modules/estree-walker": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"node_modules/jweixin-module": {
|
||||||
|
"version": "1.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/jweixin-module/-/jweixin-module-1.6.0.tgz",
|
||||||
|
"integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
|
||||||
|
},
|
||||||
|
"node_modules/magic-string": {
|
||||||
|
"version": "0.25.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
|
||||||
|
"integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"sourcemap-codec": "^1.4.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/nanoid": {
|
||||||
|
"version": "3.3.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
|
||||||
|
"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
|
||||||
|
"peer": true,
|
||||||
|
"bin": {
|
||||||
|
"nanoid": "bin/nanoid.cjs"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/picocolors": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"node_modules/postcss": {
|
||||||
|
"version": "8.4.21",
|
||||||
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
|
||||||
|
"integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/postcss/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "tidelift",
|
||||||
|
"url": "https://tidelift.com/funding/github/npm/postcss"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"nanoid": "^3.3.4",
|
||||||
|
"picocolors": "^1.0.0",
|
||||||
|
"source-map-js": "^1.0.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": "^10 || ^12 || >=14"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/source-map": {
|
||||||
|
"version": "0.6.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
|
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||||
|
"peer": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/source-map-js": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
|
||||||
|
"peer": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/sourcemap-codec": {
|
||||||
|
"version": "1.4.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
|
||||||
|
"integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
|
||||||
|
"deprecated": "Please use @jridgewell/sourcemap-codec instead",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"node_modules/three": {
|
||||||
|
"version": "0.135.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/three/-/three-0.135.0.tgz",
|
||||||
|
"integrity": "sha512-kuEpuuxRzLv0MDsXai9huCxOSQPZ4vje6y0gn80SRmQvgz6/+rI0NAvCRAw56zYaWKMGMfqKWsxF9Qa2Z9xymQ=="
|
||||||
|
},
|
||||||
|
"node_modules/vue": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==",
|
||||||
|
"peer": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/compiler-sfc": "3.2.45",
|
||||||
|
"@vue/runtime-dom": "3.2.45",
|
||||||
|
"@vue/server-renderer": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vue-3d-model": {
|
||||||
|
"version": "1.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue-3d-model/-/vue-3d-model-1.4.1.tgz",
|
||||||
|
"integrity": "sha512-IQjpqEjK1OLF/0XgF6O++IvOPLinLQ2aWZQFHxPFoTfPlB4vQW2sgv8EJSqpsIYC/wSCdGlP3CEnv9L3aZHlow==",
|
||||||
|
"dependencies": {
|
||||||
|
"three": "^0.135.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vue": ">=2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/weixin-js-sdk": {
|
||||||
|
"version": "1.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
|
||||||
|
"integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/parser": {
|
||||||
|
"version": "7.20.13",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.13.tgz",
|
||||||
|
"integrity": "sha512-gFDLKMfpiXCsjt4za2JA9oTMn70CeseCehb11kRZgvd7+F67Hih3OHOK24cRrWECJ/ljfPGac6ygXAs/C8kIvw==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"@vue/compiler-core": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"source-map": "^0.6.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/compiler-dom": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/compiler-sfc": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/compiler-ssr": "3.2.45",
|
||||||
|
"@vue/reactivity-transform": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"magic-string": "^0.25.7",
|
||||||
|
"postcss": "^8.1.10",
|
||||||
|
"source-map": "^0.6.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/compiler-ssr": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/reactivity": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/reactivity-transform": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@babel/parser": "^7.16.4",
|
||||||
|
"@vue/compiler-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"estree-walker": "^2.0.2",
|
||||||
|
"magic-string": "^0.25.7"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/runtime-core": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/reactivity": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/runtime-dom": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/runtime-core": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45",
|
||||||
|
"csstype": "^2.6.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/server-renderer": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/compiler-ssr": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@vue/shared": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"csstype": {
|
||||||
|
"version": "2.6.21",
|
||||||
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
|
||||||
|
"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"estree-walker": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"jweixin-module": {
|
||||||
|
"version": "1.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/jweixin-module/-/jweixin-module-1.6.0.tgz",
|
||||||
|
"integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
|
||||||
|
},
|
||||||
|
"magic-string": {
|
||||||
|
"version": "0.25.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
|
||||||
|
"integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"sourcemap-codec": "^1.4.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"nanoid": {
|
||||||
|
"version": "3.3.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
|
||||||
|
"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"picocolors": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"postcss": {
|
||||||
|
"version": "8.4.21",
|
||||||
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
|
||||||
|
"integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"nanoid": "^3.3.4",
|
||||||
|
"picocolors": "^1.0.0",
|
||||||
|
"source-map-js": "^1.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"source-map": {
|
||||||
|
"version": "0.6.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
|
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"source-map-js": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"sourcemap-codec": {
|
||||||
|
"version": "1.4.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
|
||||||
|
"integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
|
||||||
|
"peer": true
|
||||||
|
},
|
||||||
|
"three": {
|
||||||
|
"version": "0.135.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/three/-/three-0.135.0.tgz",
|
||||||
|
"integrity": "sha512-kuEpuuxRzLv0MDsXai9huCxOSQPZ4vje6y0gn80SRmQvgz6/+rI0NAvCRAw56zYaWKMGMfqKWsxF9Qa2Z9xymQ=="
|
||||||
|
},
|
||||||
|
"vue": {
|
||||||
|
"version": "3.2.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz",
|
||||||
|
"integrity": "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==",
|
||||||
|
"peer": true,
|
||||||
|
"requires": {
|
||||||
|
"@vue/compiler-dom": "3.2.45",
|
||||||
|
"@vue/compiler-sfc": "3.2.45",
|
||||||
|
"@vue/runtime-dom": "3.2.45",
|
||||||
|
"@vue/server-renderer": "3.2.45",
|
||||||
|
"@vue/shared": "3.2.45"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"vue-3d-model": {
|
||||||
|
"version": "1.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue-3d-model/-/vue-3d-model-1.4.1.tgz",
|
||||||
|
"integrity": "sha512-IQjpqEjK1OLF/0XgF6O++IvOPLinLQ2aWZQFHxPFoTfPlB4vQW2sgv8EJSqpsIYC/wSCdGlP3CEnv9L3aZHlow==",
|
||||||
|
"requires": {
|
||||||
|
"three": "^0.135.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"weixin-js-sdk": {
|
||||||
|
"version": "1.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
|
||||||
|
"integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
7
package.json
Normal file
7
package.json
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"dependencies": {
|
||||||
|
"jweixin-module": "^1.6.0",
|
||||||
|
"vue-3d-model": "^1.4.1",
|
||||||
|
"weixin-js-sdk": "^1.6.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
253
pages.json
Normal file
253
pages.json
Normal file
@ -0,0 +1,253 @@
|
|||||||
|
{
|
||||||
|
"easycom": {
|
||||||
|
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
|
||||||
|
},
|
||||||
|
"pages": [
|
||||||
|
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||||
|
{
|
||||||
|
"path": "pages/start/start",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/changePhone/changePhone",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/realName/realName",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/series/series",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/activeSeries/activeSeries",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/detail/detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/login",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/setting/setting",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/notice/notice",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/comfirm/comfirm",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/payment/payment",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/detail/detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/cert/cert",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/sendCode/sendCode",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/welcome/welcome",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/detail/open3D/open3D",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/mine/confirmOrder/confirmOrder",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/payment/reciveOK",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/activity/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "系列活动详情页",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/activity/detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "藏品活动详情页",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"app-plus": {
|
||||||
|
"titleNView": false // 禁用原生导航
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "components/tabBar/tabBar",
|
||||||
|
"style": {}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"globalStyle": {
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"navigationBarTitleText": "uni-app",
|
||||||
|
"navigationBarBackgroundColor": "#F8F8F8",
|
||||||
|
"backgroundColor": "#F8F8F8",
|
||||||
|
"app-plus": {
|
||||||
|
"bounce": "none"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tabBar": {
|
||||||
|
"list": [{
|
||||||
|
"pagePath": "pages/index/index",
|
||||||
|
"text": "%tabbar.home%"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/mine/index",
|
||||||
|
"text": "%tabbar.mine%"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"uniIdRouter": {}
|
||||||
|
}
|
||||||
104
pages/index/activeSeries/activeSeries.vue
Normal file
104
pages/index/activeSeries/activeSeries.vue
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<!-- <navBar navTitle="" :stickyShow="stickyShow" :backBackGroundColor="'rgba(255, 255, 255, 0.4)'"></navBar> -->
|
||||||
|
<view class="top">
|
||||||
|
<button class="back" @click="back">返回</button>
|
||||||
|
<image src="@/static/image/home/activity/series.png" mode="" class="cover"></image>
|
||||||
|
<button class="btn" @click="detail">查看详情
|
||||||
|
<image src="@/static/image/home/activity/right.png" mode="scaleToFill" class="img" />
|
||||||
|
</button>
|
||||||
|
</view>
|
||||||
|
<view class="article-box">
|
||||||
|
<image src="@/static/image/home/activity/article.png" mode="" class="article"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
back() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
detail() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/detail/detail'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 240rpx;
|
||||||
|
height: 58rpx;
|
||||||
|
position: absolute;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background: #3E0007;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
bottom: 44rpx;
|
||||||
|
left: 254rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 12rpx;
|
||||||
|
height: 12rpx;
|
||||||
|
margin-left: 14rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
width: 100%;
|
||||||
|
height: 1624rpx;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
position: absolute;
|
||||||
|
width: 128rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
color: #FFFFFF;
|
||||||
|
z-index: 999;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 56rpx;
|
||||||
|
left: 26rpx;
|
||||||
|
top: 30rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.article-box {
|
||||||
|
background: url('@/static/image/home/activity/container.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 1382rpx;
|
||||||
|
padding: 72rpx 44rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.article {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
428
pages/index/activity/detail.vue
Normal file
428
pages/index/activity/detail.vue
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<!-- <navBar :navTitle="collectionsDetail.Name" :isBack="true" :stickyShow="stickyShow"></navBar> -->
|
||||||
|
<view class="fixed-box">
|
||||||
|
<view class="btn">
|
||||||
|
<u-button
|
||||||
|
type="warning"
|
||||||
|
:text="$t('navbar.back')"
|
||||||
|
class="back"
|
||||||
|
@click="back"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-if="collectionsDetail.Num === collectionsDetail.SellNum"
|
||||||
|
:disabled="true"
|
||||||
|
type="primary"
|
||||||
|
:text="$t('buyVerfy.noGift')"
|
||||||
|
class="buyer"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-else
|
||||||
|
type="primary"
|
||||||
|
:text="$t('collection.buy')"
|
||||||
|
class="buyer"
|
||||||
|
@click="buy"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_01.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_02.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_03.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_04.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_05.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_06.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/activity/xqy1_07.png"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
|
||||||
|
<view style="height: 160rpx"></view>
|
||||||
|
<u-popup
|
||||||
|
:show="showVerfy"
|
||||||
|
mode="center"
|
||||||
|
@close="closeVerfy"
|
||||||
|
bgColor="transparent"
|
||||||
|
>
|
||||||
|
<view class="popup-box">
|
||||||
|
<view class="title">{{ $t("buyVerfy.title") }}</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("buyVerfy.username") }}：</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="realName"
|
||||||
|
@focus="verfFocus"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("buyVerfy.idNum") }}：</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="idNum"
|
||||||
|
@focus="verfFocus"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-end">
|
||||||
|
<view class="fl-e" v-if="succes">
|
||||||
|
<image
|
||||||
|
src="../../../static/image/home/true.png"
|
||||||
|
mode=""
|
||||||
|
style="width: 30rpx; height: 30rpx; margin-right: 5px"
|
||||||
|
></image>
|
||||||
|
<text style="color: #ffffff; font-size: 24rpx">{{
|
||||||
|
$t("buyVerfy.suss")
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fl-e" v-if="err">
|
||||||
|
<image
|
||||||
|
src="../../../static/image/home/false.png"
|
||||||
|
mode=""
|
||||||
|
style="width: 30rpx; height: 30rpx; margin-right: 5px"
|
||||||
|
></image>
|
||||||
|
<text style="color: #fd343c; font-size: 24rpx">{{
|
||||||
|
$t("buyVerfy.error")
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-button
|
||||||
|
:text="$t('buyVerfy.done')"
|
||||||
|
color="#558BF2"
|
||||||
|
@click="verifyName"
|
||||||
|
style="
|
||||||
|
width: 622rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
:text="$t('buyVerfy.cancel')"
|
||||||
|
color="#000000"
|
||||||
|
@click="closeVerfy"
|
||||||
|
style="
|
||||||
|
width: 622rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
showVerfy: false,
|
||||||
|
CollectionUID: "",
|
||||||
|
collectionsDetail: {},
|
||||||
|
sellPoint: [],
|
||||||
|
collDetails: [],
|
||||||
|
companyInfo: [],
|
||||||
|
copyright: [],
|
||||||
|
Blockchain: [],
|
||||||
|
realName: "",
|
||||||
|
idNum: "",
|
||||||
|
err: false,
|
||||||
|
succes: false,
|
||||||
|
SeriesName: "",
|
||||||
|
isHave: false,
|
||||||
|
AirdorpUid: "",
|
||||||
|
isClose: true,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.CollectionUID = option.CollectionUID;
|
||||||
|
this.SeriesName = option.SeriesName;
|
||||||
|
// this.getCollectionDetail();
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getCollectionDetail();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
open3D() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/index/detail/open3D/open3D",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
back() {
|
||||||
|
// this.$common.navigateBack();
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/activity/index?detail=" +
|
||||||
|
uni.getStorageSync("activity_params"),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async getCollectionDetail() {
|
||||||
|
let data = {
|
||||||
|
CollectionsUID: this.CollectionUID,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.collectionsInfo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
// await this.getPick(res.data.CollectionUID)
|
||||||
|
this.collectionsDetail = res.data;
|
||||||
|
// (this.AllImgList = res.data.CutImg ? JSON.parse(res.data.CutImg) : []),
|
||||||
|
// this.cutImg();
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/* async getPick(uid) {
|
||||||
|
let parmas = {
|
||||||
|
uuid: uid
|
||||||
|
}
|
||||||
|
let res = await this.$api.series.userHaveDropNo(parmas);
|
||||||
|
if(res.status === 0) {
|
||||||
|
console.log(res.data.Hava);
|
||||||
|
this.isHave = res.data.Have != 0 ? false : true;
|
||||||
|
this.AirdorpUid = res.data.UserAirdorpUid
|
||||||
|
} else {
|
||||||
|
this.isHave = false
|
||||||
|
}
|
||||||
|
}, */
|
||||||
|
/* cutImg() {
|
||||||
|
this.AllImgList.forEach((v) => {
|
||||||
|
if (v.label === "卖点") {
|
||||||
|
this.sellPoint = v.imgs;
|
||||||
|
} else if (v.label === "藏品细节") {
|
||||||
|
this.collDetails = v.imgs;
|
||||||
|
} else if (v.label === "工艺/公司介绍") {
|
||||||
|
this.companyInfo = v.imgs;
|
||||||
|
} else if (v.label === "版权声明") {
|
||||||
|
this.copyright = v.imgs;
|
||||||
|
} else if (v.label === "区块链说明") {
|
||||||
|
this.Blockchain = v.imgs;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, */
|
||||||
|
buy() {
|
||||||
|
let token = uni.getStorageSync("mall_token");
|
||||||
|
let realName = uni.getStorageSync("mall-user-info")
|
||||||
|
? uni.getStorageSync("mall-user-info").realName
|
||||||
|
: "";
|
||||||
|
if (!token) {
|
||||||
|
uni.$u.toast(this.$t("login.pls"));
|
||||||
|
uni.setStorageSync(
|
||||||
|
"return_url",
|
||||||
|
"/pages/index/activity/detail?CollectionUID=" +
|
||||||
|
this.CollectionUID +
|
||||||
|
"&SeriesName=" +
|
||||||
|
this.SeriesName
|
||||||
|
);
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
} else if (!realName) {
|
||||||
|
this.showVerfy = true;
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/comfirm/comfirm?Collection=" +
|
||||||
|
encodeURIComponent(JSON.stringify(this.collectionsDetail)),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/* async pickUp() {
|
||||||
|
let data = {
|
||||||
|
UserId: uni.getStorageSync('mall-user-info').ID,
|
||||||
|
Uuid: this.AirdorpUid
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.getCollection(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.recive();
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async recive() {
|
||||||
|
let data = {
|
||||||
|
collectionsUID: this.CollectionUID,
|
||||||
|
userAirdropUuid: this.AirdorpUid
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.getCollectionStepTwo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/payment/reciveOK'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
}, */
|
||||||
|
async verifyName() {
|
||||||
|
let data = {
|
||||||
|
idNum: this.idNum,
|
||||||
|
realName: this.realName,
|
||||||
|
};
|
||||||
|
let res = await this.$api.mine.update(data);
|
||||||
|
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.succes = true;
|
||||||
|
uni.setStorageSync("mall-user-info", res.data);
|
||||||
|
setTimeout(() => {
|
||||||
|
this.idNum = "";
|
||||||
|
this.realName = "";
|
||||||
|
this.showVerfy = false;
|
||||||
|
this.err = false;
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
this.err = true;
|
||||||
|
this.succes = false;
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verfFocus() {
|
||||||
|
this.err = false;
|
||||||
|
this.succes = false;
|
||||||
|
},
|
||||||
|
doneVerfy() {
|
||||||
|
this.showVerfy = false;
|
||||||
|
},
|
||||||
|
closeVerfy() {
|
||||||
|
this.showVerfy = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.fixed-box {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 172rpx;
|
||||||
|
// background: #3e3e3e;
|
||||||
|
background: rgba(0, 0, 0, 1);
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
padding: 42rpx 38rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 172rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #efba42;
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
border-color: rgba(0, 0, 0, 1);
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buyer {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #558bf2;
|
||||||
|
background: rgba(
|
||||||
|
252,
|
||||||
|
73,
|
||||||
|
71,
|
||||||
|
1
|
||||||
|
); //linear-gradient(#FFA10A 0%,#C12020 100%);
|
||||||
|
border-color: rgba(0, 0, 0, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .disBtn {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
line-height: 56upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
background: rgba(65, 0, 0, 1);
|
||||||
|
border: 1upx #fff solid;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.popup-box {
|
||||||
|
background: rgba(0, 0, 0, 1);
|
||||||
|
width: 698rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 80rpx;
|
||||||
|
margin-bottom: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 34rpx 34rpx 38rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-size: 22rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input {
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
width: 450rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
/deep/ .input-placeholder {
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-end {
|
||||||
|
padding: 0 34rpx 34rpx 38rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
.fl-e {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
154
pages/index/activity/index.vue
Normal file
154
pages/index/activity/index.vue
Normal file
@ -0,0 +1,154 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="container">
|
||||||
|
<view class="top-back">
|
||||||
|
<text @click="navigateBack">{{$t('navbar.back')}}</text>
|
||||||
|
</view>
|
||||||
|
<image src="@/static/image/home/activity/series.png" mode="widthFix" class="image1"></image>
|
||||||
|
<view class="click" @click="goDetail"></view>
|
||||||
|
<view class="btn" @click="goDetail">
|
||||||
|
查看详情
|
||||||
|
<image src="@/static/image/home/activity/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info">
|
||||||
|
<view class="content">
|
||||||
|
<image src="@/static/image/home/title.png" mode="widthFix" class="title"></image>
|
||||||
|
<image src="http://cdn2.tyfon.com.cn/activity/wen_an.png" mode="widthFix" class="wenan"></image>
|
||||||
|
<image src="@/static/image/home/activity/from.png" mode="widthFix" class="from"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
collectionsData: [],
|
||||||
|
CollectionUID: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad: function(option) {
|
||||||
|
this.seriesItem = JSON.parse(decodeURIComponent(option.detail));
|
||||||
|
this.getCollections()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
navigateBack() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goDetail() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/activity/detail?CollectionUID=' + this.CollectionUID + '&SeriesName=' + this.seriesItem.SeriesName
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async getCollections(){
|
||||||
|
let data = {
|
||||||
|
Page: 1,
|
||||||
|
PageSize: 99999,
|
||||||
|
SeriesUID:this.seriesItem.SeriesUuid
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.collectionsList(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
// this.collectionsData = res.data.Data;
|
||||||
|
res.data.Data.forEach(i =>{
|
||||||
|
if(i.CollectionUID == 'd00c6694-f223-48e7-a9fc-a08d7fe18b1e' || i.Name == '泰丰十周年纪念胸章') {
|
||||||
|
this.CollectionUID = i.CollectionUID
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t('load.failed'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
image{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.image1{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.info{
|
||||||
|
width: 100%;
|
||||||
|
background:url('@/static/image/home/activity/bg.png'), #5F000B;
|
||||||
|
background-position: bottom right;
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding: 72upx 34upx 52upx 34upx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.content{
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(11,0,0,0.4);
|
||||||
|
border-radius: 8upx;
|
||||||
|
padding: 40upx 26upx 80upx 26upx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.title{
|
||||||
|
margin: auto;
|
||||||
|
width: 300upx;
|
||||||
|
}
|
||||||
|
.wenan{
|
||||||
|
width: 618upx;
|
||||||
|
margin-top: 24upx;
|
||||||
|
}
|
||||||
|
.from{
|
||||||
|
width: 356upx;
|
||||||
|
position: absolute;
|
||||||
|
right: 26upx;
|
||||||
|
bottom: 52upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.container{
|
||||||
|
position: relative;
|
||||||
|
.top-back{
|
||||||
|
width: 68upx;
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
padding: 6upx 32upx;
|
||||||
|
border-radius: 40upx;
|
||||||
|
font-size: 28upx;
|
||||||
|
color: #ffffff;
|
||||||
|
position: absolute;
|
||||||
|
top: 50upx;
|
||||||
|
left: 46upx;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.click{
|
||||||
|
position: absolute;
|
||||||
|
width: 240upx;
|
||||||
|
height: 304upx;
|
||||||
|
bottom: 410upx;
|
||||||
|
left: 50%;
|
||||||
|
transform: rotateZ(-17deg) translateX(-58%);
|
||||||
|
}
|
||||||
|
.btn{
|
||||||
|
position: absolute;
|
||||||
|
width: 240upx;
|
||||||
|
height: 58upx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(62, 0, 7, 1);
|
||||||
|
|
||||||
|
border-radius: 40upx;
|
||||||
|
bottom: 30upx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
image{
|
||||||
|
width: 10upx;
|
||||||
|
margin-left: 10upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
595
pages/index/comfirm/comfirm.vue
Normal file
595
pages/index/comfirm/comfirm.vue
Normal file
@ -0,0 +1,595 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar
|
||||||
|
navTitle=""
|
||||||
|
:hasLogo="true"
|
||||||
|
:color="'#000000'"
|
||||||
|
:backBackGroundColor="'rgb(105, 154, 112)'"
|
||||||
|
></navBar>
|
||||||
|
<view class="goods">
|
||||||
|
<image :src="collection.CollectionImg" mode=""></image>
|
||||||
|
<view class="right">
|
||||||
|
<view class="title">{{ collection.Name }}</view>
|
||||||
|
<text style="font-size: 30rpx" class="price">
|
||||||
|
￥
|
||||||
|
<text style="font-size: 48rpx; font-weight: 600" class="price">{{
|
||||||
|
collection.Price.toFixed(2)
|
||||||
|
}}</text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="pay">
|
||||||
|
<!-- <u-radio-group v-model="payType" style="width: 100%">
|
||||||
|
<view class="item" v-for="(item, index) in list" :key="index">
|
||||||
|
<view class="left">
|
||||||
|
<image :src="item.icon"></image>
|
||||||
|
{{ item.name }}
|
||||||
|
</view>
|
||||||
|
<u-radio :name="item.id" active-color="#07C160"></u-radio>
|
||||||
|
</view>
|
||||||
|
</u-radio-group> -->
|
||||||
|
<view class="item">
|
||||||
|
<view class="min200">{{ $t("payInfo.buyerName") }}</view>
|
||||||
|
<view class="value">{{ nickName }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min200">{{ $t("payInfo.orderPrice") }}</view>
|
||||||
|
<view class="value">{{ collection.Price }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min200">{{ $t("payInfo.typePrice") }}</view>
|
||||||
|
<!-- <view>{{ payTypeName }}</view> -->
|
||||||
|
<view>
|
||||||
|
<payComponet @payModeHandel="payModeHandel" />
|
||||||
|
</view>
|
||||||
|
<!-- <u-input
|
||||||
|
v-model="payTypeName"
|
||||||
|
shape="circle"
|
||||||
|
border="none"
|
||||||
|
class="login-input"
|
||||||
|
></u-input> -->
|
||||||
|
</view>
|
||||||
|
<view class="item" v-show="payTypeName === '央行数字人民币'">
|
||||||
|
<view class="min200">{{ $t("payInfo.payImages") }}</view>
|
||||||
|
<view
|
||||||
|
><u-upload
|
||||||
|
:fileList="fileList"
|
||||||
|
@afterRead="afterRead"
|
||||||
|
@delete="deletePic"
|
||||||
|
multiple
|
||||||
|
:previewFullImage="true"
|
||||||
|
></u-upload
|
||||||
|
></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="text-align: center; color: #699a70"
|
||||||
|
v-if="payTypeName === '央行数字人民币'"
|
||||||
|
>{{ $t("payInfo.salesperson") }}
|
||||||
|
</view>
|
||||||
|
<view class="online-pay" v-else>
|
||||||
|
<view class="mode">请选择线上支付方式</view>
|
||||||
|
<view class="line"></view>
|
||||||
|
|
||||||
|
<u-radio-group v-model="value">
|
||||||
|
<u-radio>
|
||||||
|
<view class="mode-pay">
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/money.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
class="img"
|
||||||
|
/>
|
||||||
|
<view class="text">数字人名币</view>
|
||||||
|
</view>
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
<view class="navigation">
|
||||||
|
<view class="left">
|
||||||
|
<view class="price">
|
||||||
|
<text>{{ $t("comfirm.total") }}：</text>
|
||||||
|
<text>￥</text>
|
||||||
|
<text style="font-size: 46rpx">{{
|
||||||
|
collection.Price.toFixed(2)
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="right"
|
||||||
|
><u-button class="btn" @click="showCode" :disabled="!uploadFlag">{{
|
||||||
|
$t("confirm.payment")
|
||||||
|
}}</u-button>
|
||||||
|
</view>
|
||||||
|
<!-- <u-button :text="$t('comfirm.pay')" @click="showCode" :disabled="!uploadFlag" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
background: rgba(252, 73, 71, 1);
|
||||||
|
border-color: #3e3e3e;
|
||||||
|
color: #fff;
|
||||||
|
"></u-button> -->
|
||||||
|
</view>
|
||||||
|
<u-popup :show="show" @close="show = false" mode="center">
|
||||||
|
<view>
|
||||||
|
<view class="pop-title">{{ $t("payInfo.waitConfirm") }}</view>
|
||||||
|
<view class="codebox">
|
||||||
|
<img :src="qrCode" />
|
||||||
|
</view>
|
||||||
|
<u-button
|
||||||
|
:text="$t('comfirm.copy')"
|
||||||
|
color="#699A70"
|
||||||
|
@click="copyCode"
|
||||||
|
style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import payComponet from "pages/index/comfirm/payComponet/payComponet";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
payComponet,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
id: 0,
|
||||||
|
name: this.$t("alipay.payment"),
|
||||||
|
icon: "/static/image/home/zhifubao.png",
|
||||||
|
},
|
||||||
|
// {id: 1, name: '微信支付', icon:'/static/image/home/weixin.png'},
|
||||||
|
],
|
||||||
|
show: false,
|
||||||
|
numTotal: 1,
|
||||||
|
payType: 0,
|
||||||
|
collection: {},
|
||||||
|
fileList: [],
|
||||||
|
payTypeName: "央行数字人民币", // 暂时去除线上支付
|
||||||
|
nickName: "",
|
||||||
|
qrCode: "",
|
||||||
|
codeSec: "",
|
||||||
|
// 完成上传flag
|
||||||
|
uploadFlag: false,
|
||||||
|
value: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.collection = JSON.parse(decodeURIComponent(option.Collection));
|
||||||
|
// 从localStorage中获取用户昵称
|
||||||
|
this.nickName = uni.getStorageSync("mall-user-info").nickName;
|
||||||
|
console.log(this.nickName, "nickName");
|
||||||
|
},
|
||||||
|
// 监听文件列表，如果长度小于1，禁用提交按钮
|
||||||
|
watch: {
|
||||||
|
fileList: function (val) {
|
||||||
|
if (val.length < 1) {
|
||||||
|
this.uploadFlag = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 将二维码内容复制到剪贴板
|
||||||
|
copyCode() {
|
||||||
|
uni.setClipboardData({
|
||||||
|
data: this.codeSec,
|
||||||
|
success: (res) => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "复制成功",
|
||||||
|
icon: "success",
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: (res) => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "复制失败",
|
||||||
|
icon: "none",
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async submit() {
|
||||||
|
let res = await this.$api.series.buy({
|
||||||
|
collectionsUID: this.collection.CollectionUID,
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
// window.location.href = res.data.Url
|
||||||
|
uni.requestPayment({
|
||||||
|
provider: "alipay",
|
||||||
|
orderInfo: res.data.AppParams,
|
||||||
|
success: (result) => {
|
||||||
|
console.log(result, "成功回调");
|
||||||
|
let rawdata = JSON.parse(result.rawdata);
|
||||||
|
let outTradeNo = JSON.parse(rawdata.result)
|
||||||
|
.alipay_trade_app_pay_response.out_trade_no;
|
||||||
|
this.toFinish(outTradeNo);
|
||||||
|
},
|
||||||
|
fail: (error) => {},
|
||||||
|
});
|
||||||
|
} else if (res.status === 401) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
uni.clearStorageSync();
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 删除图片
|
||||||
|
deletePic(event) {
|
||||||
|
this[`fileList`].splice(event.index, 1);
|
||||||
|
},
|
||||||
|
async afterRead(event) {
|
||||||
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||||||
|
let lists = [].concat(event.file);
|
||||||
|
let fileListLen = this[`fileList`].length;
|
||||||
|
lists.map((item) => {
|
||||||
|
this[`fileList`].push({
|
||||||
|
...item,
|
||||||
|
status: "uploading",
|
||||||
|
message: "上传中",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url);
|
||||||
|
console.log(result, "result");
|
||||||
|
let item = this[`fileList`][fileListLen];
|
||||||
|
this[`fileList`].splice(
|
||||||
|
fileListLen,
|
||||||
|
1,
|
||||||
|
Object.assign(item, {
|
||||||
|
status: "success",
|
||||||
|
message: "",
|
||||||
|
url: result,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
fileListLen++;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uploadFilePromise(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const Authorization = uni.getStorageSync("token");
|
||||||
|
const userId = uni.getStorageSync("mall-user-info").ID;
|
||||||
|
let a = uni.uploadFile({
|
||||||
|
url: this.$baseUrl + "/mall/upload/file",
|
||||||
|
filePath: url,
|
||||||
|
name: "file",
|
||||||
|
formData: {
|
||||||
|
type: "image",
|
||||||
|
source: "user",
|
||||||
|
mask: userId,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
Authorization,
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res, "res");
|
||||||
|
res.data = JSON.parse(res.data);
|
||||||
|
resolve(res.data.data.ori_url);
|
||||||
|
this.uploadFlag = true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 支付成功跳转
|
||||||
|
async toFinish(tradeno) {
|
||||||
|
let res = await this.$api.mine.paymentDetail({
|
||||||
|
outTradeNo: tradeno,
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
console.log(res);
|
||||||
|
// uni.$u.toast('支付成功');
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/payment/payment?artworkUid=" +
|
||||||
|
res.data.pay.artworkUid +
|
||||||
|
"&ID=" +
|
||||||
|
res.data.pay.ID,
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 打开二维码
|
||||||
|
async showCode() {
|
||||||
|
// 生成二维码
|
||||||
|
console.log(this.fileList, "fileList");
|
||||||
|
if (!this.payTypeName) {
|
||||||
|
uni.$u.toast(this.$t("payInfo.typePrice"));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let res = await this.$api.series.createQrcode({
|
||||||
|
collectionsUID: this.collection.CollectionUID,
|
||||||
|
payTypeName: this.payTypeName,
|
||||||
|
payImages: this.fileList.map((item) => item.url),
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.qrCode = res.data.Code;
|
||||||
|
this.codeSec = res.data.CodeSc;
|
||||||
|
this.show = true;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
payModeHandel(mode) {
|
||||||
|
this.payTypeName = mode === "线下支付" ? "央行数字人民币" : mode;
|
||||||
|
console.log(this.payTypeName);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/new_bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-radio {
|
||||||
|
width: 550rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.online-pay {
|
||||||
|
margin: 40rpx 45rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
height: 190rpx;
|
||||||
|
|
||||||
|
.mode {
|
||||||
|
color: #699a70;
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
margin-bottom: 22rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 568rpx;
|
||||||
|
height: 0.5rpx;
|
||||||
|
background: #9dd0a4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode-pay {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
// margin-top: 30rpx;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 26rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
margin-right: 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: #434343;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods {
|
||||||
|
margin: 40rpx 45rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 40rpx 22rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 228rpx;
|
||||||
|
height: 228rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color: #699a70;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.min200 {
|
||||||
|
min-width: 200rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-input {
|
||||||
|
height: 68upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.6);
|
||||||
|
padding: 0 20rpx;
|
||||||
|
|
||||||
|
/deep/ .uni-input-placeholder {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
color: #fff;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay {
|
||||||
|
margin: 40rpx 45rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20rpx 22rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin: 10rpx 0;
|
||||||
|
margin-bottom: 30upx;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 10;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 30rpx 16rpx 30rpx 10rpx;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 20rpx;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
|
||||||
|
.num {
|
||||||
|
width: 84rpx;
|
||||||
|
color: #878787;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
flex: 1;
|
||||||
|
color: #434343;
|
||||||
|
|
||||||
|
text:nth-child(1) {
|
||||||
|
// color: #000000;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
text:nth-child(2) {
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
text:nth-child(3) {
|
||||||
|
font-size: 60rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding-right: 40rpx;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 258rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
line-height: 56rpx;
|
||||||
|
background: #699a70;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
border: none;
|
||||||
|
// background-color: $tree-theme-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
font-size: 30upx;
|
||||||
|
width: 400rpx;
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 40upx;
|
||||||
|
|
||||||
|
.imgBox {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-upload__button {
|
||||||
|
background-color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-popup__content {
|
||||||
|
background-color: #3e3e3e !important;
|
||||||
|
width: 700upx !important;
|
||||||
|
height: 880upx !important;
|
||||||
|
display: flex !important;
|
||||||
|
align-items: center !important;
|
||||||
|
|
||||||
|
.pop-title {
|
||||||
|
font-size: 40upx;
|
||||||
|
color: #699a70;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 80upx;
|
||||||
|
margin-top: 70upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 520upx;
|
||||||
|
height: 520upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.codebox {
|
||||||
|
width: 570upx;
|
||||||
|
height: 570upx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10upx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
124
pages/index/comfirm/payComponet/payComponet.vue
Normal file
124
pages/index/comfirm/payComponet/payComponet.vue
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
<template>
|
||||||
|
<view class="butttonGroup" :class="{ bg: isShow }">
|
||||||
|
<view class="onlineBox">
|
||||||
|
<view class="title">{{ selectPayMode }}</view>
|
||||||
|
<image
|
||||||
|
v-show="!isShow"
|
||||||
|
src="@/static/image/home/down-icon.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
class="img"
|
||||||
|
@click="showPay('up')"
|
||||||
|
/>
|
||||||
|
<image
|
||||||
|
v-show="isShow"
|
||||||
|
src="@/static/image/home/up-icon.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
class="img"
|
||||||
|
@click="showPay('down')"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="mode" v-show="isShow">
|
||||||
|
<view v-for="(item, index) in modeList" :key="item.id" class="pay">
|
||||||
|
<view
|
||||||
|
:class="['name', currect === index ? 'active' : '']"
|
||||||
|
@click="checkPay(item, index)"
|
||||||
|
>{{ item.name }}</view
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
modeList: [
|
||||||
|
// { id: "1", name: "线上支付" },// 暂时去除线上支付
|
||||||
|
{ id: "2", name: "线下支付" },
|
||||||
|
],
|
||||||
|
isShow: false,
|
||||||
|
currect: 0,
|
||||||
|
selectPayMode: "线下支付", // 暂时去除线上支付
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
showPay(type) {
|
||||||
|
if (type === "up") {
|
||||||
|
this.isShow = true;
|
||||||
|
} else {
|
||||||
|
this.isShow = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checkPay(item, index) {
|
||||||
|
this.currect = index;
|
||||||
|
if (this.selectPayMode === item.name) {
|
||||||
|
return this.selectPayMode;
|
||||||
|
}
|
||||||
|
this.selectPayMode = item.name;
|
||||||
|
this.$emit("payModeHandel", this.selectPayMode);
|
||||||
|
this.isShow = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.bg {
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
.butttonGroup {
|
||||||
|
width: 198rpx;
|
||||||
|
border-radius: 30rpx 30rpx 0 0;
|
||||||
|
position: relative;
|
||||||
|
border: 0;
|
||||||
|
.onlineBox {
|
||||||
|
width: 198rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 60rpx;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
color: #434343;
|
||||||
|
font-size: 20rpx;
|
||||||
|
border: 0;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
// margin-left: 40rpx;
|
||||||
|
// margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mode {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 150rpx;
|
||||||
|
height: 80rpx; // 暂时去除线上支付
|
||||||
|
border-radius: 0 0 30rpx 30rpx;
|
||||||
|
z-index: 1;
|
||||||
|
color: #434343;
|
||||||
|
font-size: 20rpx;
|
||||||
|
background: #f5f5f5;
|
||||||
|
top: 57rpx;
|
||||||
|
.pay {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
.name {
|
||||||
|
height: 42rpx;
|
||||||
|
padding: 8rpx 0;
|
||||||
|
margin-top: 14rpx;
|
||||||
|
line-height: 42rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
background: rgba(157, 208, 164, 0.2);
|
||||||
|
border-radius: 30rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
832
pages/index/detail/detail.vue
Normal file
832
pages/index/detail/detail.vue
Normal file
@ -0,0 +1,832 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar
|
||||||
|
:navTitle="collectionsDetail.Name"
|
||||||
|
:stickyShow="stickyShow"
|
||||||
|
:color="'#000000'"
|
||||||
|
:backBackGroundColor="'#699A70'"
|
||||||
|
v-if="!isActive"
|
||||||
|
:sfBack="true"
|
||||||
|
@triggerSfBack="back"
|
||||||
|
></navBar>
|
||||||
|
<view
|
||||||
|
class="fixed-box"
|
||||||
|
:style="{ background: !isActive ? '#FFFFFF' : '#000000' }"
|
||||||
|
>
|
||||||
|
<view class="btn" v-if="!isActive">
|
||||||
|
<u-button
|
||||||
|
type="primary"
|
||||||
|
:text="$t('navbar.back')"
|
||||||
|
class="back"
|
||||||
|
@click="back"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-if="this.collectionsDetail.CurrencyType === 'point'"
|
||||||
|
type="success"
|
||||||
|
:text="'积分制尚未开通'"
|
||||||
|
class="buyer"
|
||||||
|
></u-button>
|
||||||
|
|
||||||
|
<u-button
|
||||||
|
v-if="this.collectionsDetail.CurrencyType === 'normal'"
|
||||||
|
type="success"
|
||||||
|
:text="
|
||||||
|
this.collectionsDetail.SaleType === 'draw'
|
||||||
|
? '领取'
|
||||||
|
: this.collectionsDetail.SaleType === 'normal'
|
||||||
|
? '￥' + price + $t('collection.buy')
|
||||||
|
: '仅限渠道购买'
|
||||||
|
"
|
||||||
|
class="buyer"
|
||||||
|
@click="buy"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
<view class="btn" v-else>
|
||||||
|
<u-button
|
||||||
|
type="primary"
|
||||||
|
:text="$t('navbar.back')"
|
||||||
|
class="back-active"
|
||||||
|
@click="back"
|
||||||
|
></u-button>
|
||||||
|
<u-button type="success" :text="'售罄'" class="sell-out"></u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!isActive">
|
||||||
|
<view class="top-img">
|
||||||
|
<!-- @click="open3D"-->
|
||||||
|
<image
|
||||||
|
:src="this.collectionsDetail.CollectionImg"
|
||||||
|
mode="widthFix"
|
||||||
|
></image>
|
||||||
|
<!-- <text class="price" v-if="this.collectionsDetail.Price != 0">￥{{ this.collectionsDetail.Price }}</text> -->
|
||||||
|
</view>
|
||||||
|
<!-- <view class="title-t">{{ collectionsDetail.Price != 0 ? $t('letter.all') : $t('letter.you') }}</view> -->
|
||||||
|
<!-- <view class="info-box" style="padding: 28rpx 32rpx">
|
||||||
|
<image src="@/static/image/home/to1.png" class="title-img" v-if="collectionsDetail.Price != 0"></image>
|
||||||
|
<image src="@/static/image/home/to.png" class="title-img" v-else></image>
|
||||||
|
<image src="@/static/image/home/333.png" class="content-img" mode="widthFix"
|
||||||
|
v-if="collectionsDetail.Price != 0"></image>
|
||||||
|
<image src="@/static/image/home/222.png" class="content-img" mode="widthFix" v-else></image>
|
||||||
|
<view style="text-align: right;">
|
||||||
|
<image src="@/static/image/home/from.png" class="from-img"></image>
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<view
|
||||||
|
class="title-t"
|
||||||
|
:style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
|
||||||
|
>{{ $t("collection.info") }}
|
||||||
|
</view>
|
||||||
|
<view class="info-box" style="padding: 28rpx 32rpx; background: #ffffff">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.name") }}</text>
|
||||||
|
<text class="value">{{ this.collectionsDetail.Name || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.type") }}</text>
|
||||||
|
<text class="value">{{
|
||||||
|
this.collectionsDetail.CollectionType || "-"
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.size") }}</text>
|
||||||
|
<text class="value">{{ this.collectionsDetail.Size || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.specs") }}</text>
|
||||||
|
<text class="value">{{ this.collectionsDetail.Specs || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.address") }}</text>
|
||||||
|
<text class="value">{{ this.collectionsDetail.Address || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.intro") }}</text>
|
||||||
|
<view class="des">{{ this.collectionsDetail.Intro || "-" }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="title-t"
|
||||||
|
:style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
|
||||||
|
>{{ $t("collection.detail") }}
|
||||||
|
</view>
|
||||||
|
<view class="detail-info">
|
||||||
|
<!-- <view class="title-t">{{$t('collection.sell')}}</view>
|
||||||
|
<view class="box">
|
||||||
|
<image v-for="item in sellPoint" :key="item" :src="item" mode="widthFix" class="img"></image>
|
||||||
|
</view> -->
|
||||||
|
<view
|
||||||
|
v-if="
|
||||||
|
this.CollectionUID !== '372afbef-4d3c-4e06-8fae-2ef1068b0a89' &&
|
||||||
|
collDetails.length > 0
|
||||||
|
"
|
||||||
|
class="title-t"
|
||||||
|
>{{ $t("collection.sellDec") }}</view
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
v-if="
|
||||||
|
this.CollectionUID !== '372afbef-4d3c-4e06-8fae-2ef1068b0a89' &&
|
||||||
|
collDetails.length > 0
|
||||||
|
"
|
||||||
|
class="box"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
v-for="item in collDetails"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
v-if="
|
||||||
|
this.CollectionUID !== '372afbef-4d3c-4e06-8fae-2ef1068b0a89' &&
|
||||||
|
companyInfo.length > 0
|
||||||
|
"
|
||||||
|
class="title-t"
|
||||||
|
>{{ $t("collection.company") }}</view
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
v-if="
|
||||||
|
this.CollectionUID !== '372afbef-4d3c-4e06-8fae-2ef1068b0a89' &&
|
||||||
|
companyInfo.length > 0
|
||||||
|
"
|
||||||
|
class="box"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
v-for="item in companyInfo"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="copyright.length > 0" class="title-t">{{
|
||||||
|
$t("collection.copyight")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="copyright.length > 0" lass="box">
|
||||||
|
<image
|
||||||
|
v-for="item in copyright"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="Blockchain.length > 0" class="title-t">{{
|
||||||
|
$t("collection.blockchain")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="Blockchain.length > 0" class="box">
|
||||||
|
<image
|
||||||
|
v-for="item in Blockchain"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="" style="text-align: center; margin-top: 30rpx">
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/fontree.png"
|
||||||
|
mode=""
|
||||||
|
class="logo"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-else class="active">
|
||||||
|
<view class="head">
|
||||||
|
<u-button class="back" @click="back"> 返回 </u-button>
|
||||||
|
<view>泰丰十周年纪念徽章</view>
|
||||||
|
</view>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/drawing-board.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
class="drawing-board"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view style="height: 180rpx"></view>
|
||||||
|
<u-popup
|
||||||
|
:show="showVerfy"
|
||||||
|
mode="center"
|
||||||
|
@close="closeVerfy"
|
||||||
|
bgColor="transparent"
|
||||||
|
>
|
||||||
|
<view class="popup-box">
|
||||||
|
<view class="title">{{ $t("buyVerfy.title") }}</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("buyVerfy.username") }}：</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="realName"
|
||||||
|
@focus="verfFocus"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("buyVerfy.idNum") }}：</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="idNum"
|
||||||
|
@focus="verfFocus"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-end">
|
||||||
|
<view class="fl-e" v-if="succes">
|
||||||
|
<image
|
||||||
|
src="../../../static/image/home/true.png"
|
||||||
|
mode=""
|
||||||
|
style="width: 30rpx; height: 30rpx; margin-right: 5px"
|
||||||
|
></image>
|
||||||
|
<text style="color: #ffffff; font-size: 24rpx">{{
|
||||||
|
$t("buyVerfy.suss")
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fl-e" v-if="err">
|
||||||
|
<image
|
||||||
|
src="../../../static/image/home/false.png"
|
||||||
|
mode=""
|
||||||
|
style="width: 30rpx; height: 30rpx; margin-right: 5px"
|
||||||
|
></image>
|
||||||
|
<text style="color: #fd343c; font-size: 24rpx">{{
|
||||||
|
$t("buyVerfy.error")
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button
|
||||||
|
:text="$t('buyVerfy.done')"
|
||||||
|
color="#699A70"
|
||||||
|
@click="verifyName"
|
||||||
|
style="
|
||||||
|
'width: 622rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 114rpx;'
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
<view @click="closeVerfy" class="cancel">{{
|
||||||
|
$t("buyVerfy.cancel")
|
||||||
|
}}</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
showVerfy: false,
|
||||||
|
CollectionUID: "",
|
||||||
|
collectionsDetail: {},
|
||||||
|
sellPoint: [],
|
||||||
|
collDetails: [],
|
||||||
|
companyInfo: [],
|
||||||
|
copyright: [],
|
||||||
|
Blockchain: [],
|
||||||
|
realName: "",
|
||||||
|
idNum: "",
|
||||||
|
err: false,
|
||||||
|
succes: false,
|
||||||
|
SeriesName: "",
|
||||||
|
isHave: false,
|
||||||
|
AirdorpUid: "",
|
||||||
|
price: "",
|
||||||
|
isActive: false,
|
||||||
|
currencyType: "",
|
||||||
|
pageParams: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.pageParams = option;
|
||||||
|
this.CollectionUID = option.CollectionUID;
|
||||||
|
this.SeriesName = option.SeriesName;
|
||||||
|
this.price = option.Price;
|
||||||
|
this.isActive = !Object.keys(option).length;
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getCollectionDetail();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
calcRouteParams(obj) {
|
||||||
|
if (obj && JSON.stringify(obj) !== "{}") {
|
||||||
|
let str = "?";
|
||||||
|
for (let key in obj) {
|
||||||
|
str += key + "=" + obj[key] + "&";
|
||||||
|
}
|
||||||
|
return str.slice(0, -1);
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
open3D() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/index/detail/open3D/open3D",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
back() {
|
||||||
|
let routesRecord = getCurrentPages();
|
||||||
|
if (routesRecord.length > 1) {
|
||||||
|
this.$common.navigateBack();
|
||||||
|
} else {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getCollectionDetail() {
|
||||||
|
if (this.isActive) return;
|
||||||
|
let data = {
|
||||||
|
CollectionsUID: this.CollectionUID,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.collectionsInfo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
// await this.getPick(res.data.CollectionUID);
|
||||||
|
this.collectionsDetail = res.data;
|
||||||
|
(this.AllImgList = res.data.CutImg ? JSON.parse(res.data.CutImg) : []),
|
||||||
|
this.cutImg();
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getPick(uid) {
|
||||||
|
if (this.isActive) return;
|
||||||
|
let parmas = {
|
||||||
|
uuid: uid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.userHaveDropNo(parmas);
|
||||||
|
if (res.status === 0) {
|
||||||
|
console.log(res.data.Hava);
|
||||||
|
this.isHave = res.data.Have != 0 ? false : true;
|
||||||
|
this.AirdorpUid = res.data.UserAirdorpUid;
|
||||||
|
} else {
|
||||||
|
this.isHave = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cutImg() {
|
||||||
|
this.AllImgList.forEach((v) => {
|
||||||
|
if (Array.isArray(v.imgs)) {
|
||||||
|
v.imgs = v.imgs.filter((img) => {
|
||||||
|
if (img) {
|
||||||
|
return img;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
switch (v.label) {
|
||||||
|
case "卖点":
|
||||||
|
this.sellPoint = v.imgs;
|
||||||
|
break;
|
||||||
|
case "藏品细节":
|
||||||
|
this.collDetails = v.imgs;
|
||||||
|
break;
|
||||||
|
case "工艺/公司介绍":
|
||||||
|
this.companyInfo = v.imgs;
|
||||||
|
break;
|
||||||
|
case "版权声明":
|
||||||
|
this.copyright = v.imgs;
|
||||||
|
break;
|
||||||
|
case "区块链说明":
|
||||||
|
this.Blockchain = v.imgs;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buy() {
|
||||||
|
// 只有领取和普通购买 才执行下去
|
||||||
|
if (
|
||||||
|
this.collectionsDetail.CurrencyType === "normal" &&
|
||||||
|
["normal", "draw"].includes(this.collectionsDetail.SaleType)
|
||||||
|
) {
|
||||||
|
let token = uni.getStorageSync("mall_token");
|
||||||
|
let realName = uni.getStorageSync("mall-user-info")
|
||||||
|
? uni.getStorageSync("mall-user-info").realName
|
||||||
|
: "";
|
||||||
|
if (!token) {
|
||||||
|
uni.$u.toast(this.$t("login.pls"));
|
||||||
|
uni.setStorageSync(
|
||||||
|
"login-redirect",
|
||||||
|
"/pages/index/detail/detail" + this.calcRouteParams(this.pageParams)
|
||||||
|
);
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
} else if (!realName) {
|
||||||
|
this.showVerfy = true;
|
||||||
|
} else {
|
||||||
|
if (this.collectionsDetail.SaleType === "draw") {
|
||||||
|
this.directGet();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/comfirm/comfirm?Collection=" +
|
||||||
|
encodeURIComponent(JSON.stringify(this.collectionsDetail)),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async directGet() {
|
||||||
|
let data = {
|
||||||
|
CollectionsUID: this.collectionsDetail.CollectionUID,
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.directGet(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast("领取成功！");
|
||||||
|
this.getCollectionDetail();
|
||||||
|
|
||||||
|
let routesRecord = getCurrentPages();
|
||||||
|
if (routesRecord.length > 1) {
|
||||||
|
let that = this;
|
||||||
|
setTimeout(() => {
|
||||||
|
that.$common.navigateBack();
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async pickUp() {
|
||||||
|
let data = {
|
||||||
|
UserId: uni.getStorageSync("mall-user-info").ID,
|
||||||
|
Uuid: this.AirdorpUid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.getCollection(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.recive();
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async recive() {
|
||||||
|
let data = {
|
||||||
|
collectionsUID: this.CollectionUID,
|
||||||
|
userAirdropUuid: this.AirdorpUid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.getCollectionStepTwo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/index/payment/reciveOK",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async verifyName() {
|
||||||
|
let data = {
|
||||||
|
idNum: this.idNum,
|
||||||
|
realName: this.realName,
|
||||||
|
};
|
||||||
|
if (!data.idNum || !data.realName) {
|
||||||
|
return uni.$u.toast("姓名和身份证号不能为空");
|
||||||
|
}
|
||||||
|
if (!uni.$u.test.idCard(data.idNum)) {
|
||||||
|
return uni.$u.toast("身份证号不正确");
|
||||||
|
}
|
||||||
|
let res = await this.$api.mine.update(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.succes = true;
|
||||||
|
uni.setStorageSync("mall-user-info", res.data);
|
||||||
|
setTimeout(() => {
|
||||||
|
this.idNum = "";
|
||||||
|
this.realName = "";
|
||||||
|
this.showVerfy = false;
|
||||||
|
this.err = false;
|
||||||
|
this.succes = false;
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
this.err = true;
|
||||||
|
this.succes = false;
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verfFocus() {
|
||||||
|
this.err = false;
|
||||||
|
this.succes = false;
|
||||||
|
},
|
||||||
|
doneVerfy() {
|
||||||
|
this.showVerfy = false;
|
||||||
|
},
|
||||||
|
closeVerfy() {
|
||||||
|
this.showVerfy = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/new_bg.png?x-oss-process=image/resize,w_750,h_1580")
|
||||||
|
no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.head {
|
||||||
|
position: absolute;
|
||||||
|
top: 30rpx;
|
||||||
|
left: 26rpx;
|
||||||
|
display: flex;
|
||||||
|
height: 110rpx;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 128rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
color: #ffffff;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
line-height: 56rpx;
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
margin-right: 78rpx;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawing-board {
|
||||||
|
width: 100%;
|
||||||
|
height: 6986rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed-box {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 172rpx;
|
||||||
|
// background: #3e3e3e;
|
||||||
|
background: #ffffff;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
padding: 42rpx 38rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 172rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #efba42;
|
||||||
|
background: #efba42;
|
||||||
|
border-color: aliceblue;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-active {
|
||||||
|
width: 172rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #efba42;
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
border-color: aliceblue;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buyer {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #558bf2;
|
||||||
|
background: #699a70;
|
||||||
|
border-color: aliceblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sell-out {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
// background: #558bf2;
|
||||||
|
background: #fc4947;
|
||||||
|
border-color: #fc4947;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disBtn {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
line-height: 56upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
background: rgba(65, 0, 0, 1);
|
||||||
|
border: 1upx #fff solid;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-img {
|
||||||
|
background-size: contain;
|
||||||
|
width: 660rpx;
|
||||||
|
height: 660rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 44rpx 44rpx 32rpx 46rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.price {
|
||||||
|
font-size: 48rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 10rpx;
|
||||||
|
right: 30upx;
|
||||||
|
// left: 50%;
|
||||||
|
// transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .box-item {
|
||||||
|
// background: rgba(255, 255, 255, 0.3);
|
||||||
|
// background: rgba(11, 0, 0, 0.4);
|
||||||
|
// margin: 0 44rpx 0 46rpx;
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
// height: 198rpx;
|
||||||
|
}
|
||||||
|
} */
|
||||||
|
|
||||||
|
.detail-info {
|
||||||
|
// background: rgba(0, 0, 0, 0.8);
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 30rpx;
|
||||||
|
padding: 23rpx;
|
||||||
|
|
||||||
|
.box {
|
||||||
|
// margin: 0 44rpx 0 46rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
// background: url('@/static/image/home/bg-info.png') no-repeat; // rgba(255, 255, 255, 0.3);
|
||||||
|
border-radius: 15rpx;
|
||||||
|
// padding: 38rpx 32rpx;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-t {
|
||||||
|
text-align: center;
|
||||||
|
margin: 40rpx 0 30rpx 0;
|
||||||
|
color: #494949;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-box {
|
||||||
|
margin: 0 44rpx 0 46rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
// background: rgba(255, 255, 255, 0.3);
|
||||||
|
background: rgba(11, 0, 0, 0.3);
|
||||||
|
// background: url('@/static/image/home/bg-info.png') no-repeat;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
// padding: 38rpx 32rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title-img {
|
||||||
|
width: 300upx;
|
||||||
|
height: 50upx;
|
||||||
|
margin-bottom: 32upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.from-img {
|
||||||
|
width: 356upx;
|
||||||
|
height: 44upx;
|
||||||
|
margin-top: 20upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
font-size: 20rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
padding-right: 40rpx;
|
||||||
|
width: 130rpx;
|
||||||
|
color: #434343;
|
||||||
|
font-size: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
.des {
|
||||||
|
width: 450rpx;
|
||||||
|
/* display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden; */
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 202rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-box {
|
||||||
|
background: #ffffff;
|
||||||
|
height: 842rpx;
|
||||||
|
width: 698rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 38rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 96rpx;
|
||||||
|
margin-bottom: 152rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 34rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #699a70;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input {
|
||||||
|
background-color: rgba(135, 135, 135, 0.5);
|
||||||
|
width: 515rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
/deep/ .input-placeholder {
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-end {
|
||||||
|
padding: 0 34rpx 34rpx 38rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
.fl-e {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
color: #878787;
|
||||||
|
font-size: 32rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
50
pages/index/detail/open3D/open3D.vue
Normal file
50
pages/index/detail/open3D/open3D.vue
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="ThreeJSCity">
|
||||||
|
<!-- <model-obj class="ThreeDShow" src="../../static/5.obj" mtl="../../static/5.mtl" ></model-obj> -->
|
||||||
|
<!-- :background-alpha="alpha" :lights="lights"-->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import { ModelStl,ModelObj } from 'vue-3d-model'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
alpha: 0,
|
||||||
|
lights: [{
|
||||||
|
type: 'HemisphereLight',
|
||||||
|
position: {x: 0, y: 1, z: 0},
|
||||||
|
skyColor: 0xffffff,
|
||||||
|
// groundColor: 0xFF0000, // 此代码为灯光后颜色
|
||||||
|
intensity: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'DirectionalLight',
|
||||||
|
position: {x: 1, y: 1, z: 1},
|
||||||
|
color: 0xffffff,
|
||||||
|
intensity: .7,
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
components: { ModelStl ,ModelObj},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.ThreeJSCity {
|
||||||
|
width: 750upx;
|
||||||
|
height: 100vh;
|
||||||
|
// border:1px solid red;
|
||||||
|
background: url('../../../../static/bg-3d.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
// z-index:0;
|
||||||
|
// background: #fff;
|
||||||
|
.ThreeDShow {
|
||||||
|
width: 750upx;
|
||||||
|
height: 750upx;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
171
pages/index/dialog/dialog.vue
Normal file
171
pages/index/dialog/dialog.vue
Normal file
@ -0,0 +1,171 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<u-popup :show="show" mode="center" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="item">
|
||||||
|
<image style="width: 600upx; height: 600upx" :src="detail.collectionImg"></image>
|
||||||
|
</view>
|
||||||
|
<view style="
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
margin-top: 10upx;
|
||||||
|
margin-bottom: 10upx;
|
||||||
|
font-size: 40upx;
|
||||||
|
">
|
||||||
|
{{ detail.name }}
|
||||||
|
</view>
|
||||||
|
<view style="color: #6c6c6c; margin-top: 10upx; margin-bottom: 10upx" v-html="detail.intro">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn-box">
|
||||||
|
<u-button :text="detail.isReceive
|
||||||
|
? '已被领取'
|
||||||
|
: detail.saleType === 'homebuy'
|
||||||
|
? '￥' + detail.price + '购买'
|
||||||
|
: $t('to.accept')
|
||||||
|
" @click="recive" style="
|
||||||
|
width: 460rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
background: #699a70;
|
||||||
|
border: none;
|
||||||
|
color: #fff;
|
||||||
|
"></u-button>
|
||||||
|
<view style="margin-top: 30rpx; text-align: center" @click="close">{{
|
||||||
|
$t("buyVerfy.cancel")
|
||||||
|
}}</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
// const jweixin = require("jweixin-module");
|
||||||
|
// import jweixin from "weixin-js-sdk";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
isShow: {
|
||||||
|
immediate: true,
|
||||||
|
handler(newValue) {
|
||||||
|
this.show = newValue;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
props: ["detail", "collectionsUID", "num", "isShow"],
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
async recive() {
|
||||||
|
if (this.detail.isReceive) return;
|
||||||
|
if (this.detail.saleType === 'homebuy') {
|
||||||
|
this.payHandle()
|
||||||
|
} else {
|
||||||
|
await this.$api.series
|
||||||
|
.collectionsReceive({
|
||||||
|
collectionsUID: this.collectionsUID,
|
||||||
|
num: this.num,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.show = false;
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg, null, "error");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
async payHandle() {
|
||||||
|
await this.$api.series
|
||||||
|
.collectionsBuy({
|
||||||
|
collectionsUID: this.collectionsUID,
|
||||||
|
num: this.num,
|
||||||
|
openId: uni.getStorageSync("openId"),
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.vxPay(res.data);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
vxPay(data) {
|
||||||
|
jweixin.config({
|
||||||
|
debug: false,
|
||||||
|
appId: "wx72ffc6670d5ddb12",
|
||||||
|
timestamp: 1682402430,
|
||||||
|
nonceStr: "123",
|
||||||
|
signature: "123",
|
||||||
|
jsApiList: ["chooseWXPay"],
|
||||||
|
});
|
||||||
|
jweixin.chooseWXPay({
|
||||||
|
prepay_id: data.prepay_id,
|
||||||
|
appId: data.appId,
|
||||||
|
timestamp: data.timeStamp,
|
||||||
|
nonceStr: data.nonceStr,
|
||||||
|
package: data.package,
|
||||||
|
signType: data.signType,
|
||||||
|
paySign: data.paySign,
|
||||||
|
success: () => {
|
||||||
|
this.$common.msgToast("支付成功", null, "success");
|
||||||
|
this.close();
|
||||||
|
},
|
||||||
|
fail: (res) => {
|
||||||
|
this.$common.msgToast(res.errMsg, null, "error");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
jweixin.error(function (res) {
|
||||||
|
this.$common.msgToast("用户取消支付", null, "error");
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx;
|
||||||
|
|
||||||
|
.u-button {
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
395
pages/index/index.vue
Normal file
395
pages/index/index.vue
Normal file
@ -0,0 +1,395 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<tabBar :currentPage="'pages/index/index'"></tabBar>
|
||||||
|
<view class="content">
|
||||||
|
<image
|
||||||
|
src="../../static/image/home/fontree.png"
|
||||||
|
mode=""
|
||||||
|
class="logo"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<scroll-view
|
||||||
|
scroll-y
|
||||||
|
@scrolltolower="onreachBottom"
|
||||||
|
:refresher-enabled="true"
|
||||||
|
:refresher-triggered="isrefresh"
|
||||||
|
@refresherpulling="openLoading"
|
||||||
|
@refresherrefresh="onRefresh"
|
||||||
|
@refresherrestore="onRestore"
|
||||||
|
@scroll="onScroll"
|
||||||
|
:scroll-anchoring="true"
|
||||||
|
refresher-background="#699A70"
|
||||||
|
refresher-default-style="none"
|
||||||
|
:style="'height:' + listHeight + 'px;'"
|
||||||
|
:refresher-threshold="300"
|
||||||
|
class="scroll"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
src="../../static/image/home/new_line.png"
|
||||||
|
mode=""
|
||||||
|
class="line"
|
||||||
|
v-if="showPull"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="../../static/image/home/new_flower.png"
|
||||||
|
mode=""
|
||||||
|
class="flower-static"
|
||||||
|
v-if="showPull"
|
||||||
|
></image>
|
||||||
|
<view v-for="(item, index) in listData" :key="index" class="item">
|
||||||
|
<view class="box">
|
||||||
|
<!-- :style="'background: url(' + item.CoverImg + ');'" -->
|
||||||
|
<image
|
||||||
|
:src="item.CoverImg"
|
||||||
|
mode="scaleToFill"
|
||||||
|
class="img"
|
||||||
|
@click="goLink(item)"
|
||||||
|
></image>
|
||||||
|
<!-- <view class="bt-con">
|
||||||
|
<view class="name">{{ item.SeriesName }}</view>
|
||||||
|
<view class="des">{{ item.Desc }}</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="description">
|
||||||
|
<view class="text">
|
||||||
|
<view class="name">{{ item.SeriesName }}</view>
|
||||||
|
<view class="des">{{ item.Desc }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="line-des"></view>
|
||||||
|
<view
|
||||||
|
class="detail"
|
||||||
|
@click="goLink(item)"
|
||||||
|
:style="{
|
||||||
|
background:
|
||||||
|
item.SeriesName === '泰丰十周年' ? '#FC4947' : '#699A70',
|
||||||
|
}"
|
||||||
|
>查看详情</view
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<Dialog
|
||||||
|
:detail="detail"
|
||||||
|
:collectionsUID="collectionsUID"
|
||||||
|
:num="num"
|
||||||
|
:isShow="isShow"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
haojia
|
||||||
|
<script>
|
||||||
|
import Dialog from "./dialog/dialog.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
Dialog,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: "Hello",
|
||||||
|
fromLogin: true,
|
||||||
|
listData: [],
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
showPull: false,
|
||||||
|
isrefresh: false,
|
||||||
|
listHeight: uni.getSystemInfoSync().windowHeight - 88 - 61,
|
||||||
|
isShow: false,
|
||||||
|
collectionsUID: "",
|
||||||
|
num: "",
|
||||||
|
detail: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
|
||||||
|
let curRoute = routes[routes.length - 2];
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.onreachBottom();
|
||||||
|
const collectionsUID = uni.getStorageSync("collectionsUID");
|
||||||
|
if (collectionsUID) {
|
||||||
|
this.collectionsUID = collectionsUID;
|
||||||
|
}
|
||||||
|
const num = uni.getStorageSync("num");
|
||||||
|
if (num) {
|
||||||
|
this.num = JSON.parse(num);
|
||||||
|
}
|
||||||
|
if (this.collectionsUID && this.num) {
|
||||||
|
this.collectionsDetail();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
openLoading(e) {
|
||||||
|
if (e.detail.deltaY < 0) return;
|
||||||
|
this.showPull = true;
|
||||||
|
this.isrefresh = true;
|
||||||
|
},
|
||||||
|
onRefresh(e) {
|
||||||
|
if (this._freshing) return;
|
||||||
|
this._freshing = true;
|
||||||
|
this.isrefresh = true;
|
||||||
|
setTimeout(() => {
|
||||||
|
this.getData();
|
||||||
|
}, 2000);
|
||||||
|
},
|
||||||
|
onRestore() {
|
||||||
|
this.showPull = false;
|
||||||
|
},
|
||||||
|
onreachBottom() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
onScroll() {
|
||||||
|
this.page++;
|
||||||
|
let params = {
|
||||||
|
page: this.page,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
};
|
||||||
|
uni.$u.debounce(async () => {
|
||||||
|
await this.$api.series
|
||||||
|
.list(params)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
if (res.data.Data) {
|
||||||
|
this.listData = [...this.listData, ...(res.data.Data || [])];
|
||||||
|
}
|
||||||
|
this.page--;
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
goLink(item) {
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/index/activity/index?detail=' + encodeURIComponent(JSON.stringify(item))
|
||||||
|
// });
|
||||||
|
console.log(1111, item);
|
||||||
|
if (item.SeriesName === "泰丰十周年") {
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/activeSeries/activeSeries?detail=" +
|
||||||
|
encodeURIComponent(JSON.stringify(item)),
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/index/series/series?SeriesUID=" + item.SeriesUuid,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getData() {
|
||||||
|
let params = {
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
};
|
||||||
|
await this.$api.series
|
||||||
|
.list(params)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.listData = res.data.Data;
|
||||||
|
/* } else {
|
||||||
|
this.listData = [...this.listData, ...res.data.Data || []];
|
||||||
|
} */
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.isrefresh = false; //触发onRestore，并关闭刷新图标
|
||||||
|
this._freshing = false;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.log(1231312312, err);
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async collectionsDetail() {
|
||||||
|
if (uni.getStorageSync("collectionsDetail")) {
|
||||||
|
await this.$api.series
|
||||||
|
.collectionsDetail({
|
||||||
|
collectionsUID: this.collectionsUID,
|
||||||
|
num: this.num,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.detail = res.data;
|
||||||
|
this.isShow = true;
|
||||||
|
uni.setStorageSync("collectionsDetail", false);
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg, null, "error");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/new_bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-scroll-view-refresher {
|
||||||
|
max-height: 250rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-scroll-view {
|
||||||
|
overflow-y: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
height: 122rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
|
||||||
|
// padding-top: 300rpx;
|
||||||
|
// border: 1px solid red;
|
||||||
|
.logo {
|
||||||
|
width: 188rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-top: 36rpx;
|
||||||
|
margin-left: 48rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 2rpx;
|
||||||
|
height: 164rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.flower-static {
|
||||||
|
width: 43rpx;
|
||||||
|
height: 43rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 47%;
|
||||||
|
top: 167rpx;
|
||||||
|
animation: fadenum 1s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadenum {
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
width: 656rpx;
|
||||||
|
height: 814rpx;
|
||||||
|
margin: 0 48rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 656rpx;
|
||||||
|
height: 656rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
// .bt-con {
|
||||||
|
// position: absolute;
|
||||||
|
// bottom: 0;
|
||||||
|
// width: 656rpx;
|
||||||
|
// height: 158rpx;
|
||||||
|
// background: rgba(255, 255, 255, 0.3);
|
||||||
|
|
||||||
|
// //
|
||||||
|
// .name {
|
||||||
|
// font-size: 32rpx;
|
||||||
|
// border-bottom: 1rpx solid #fff;
|
||||||
|
// margin: 28rpx 50rpx 0 50rpx;
|
||||||
|
// text-align: center;
|
||||||
|
// padding-bottom: 10rpx;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .des {
|
||||||
|
// padding-top: 10rpx;
|
||||||
|
// font-size: 20rpx;
|
||||||
|
// text-align: center;
|
||||||
|
// overflow: hidden;
|
||||||
|
// text-overflow: ellipsis;
|
||||||
|
// white-space: nowrap;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
.description {
|
||||||
|
width: 656rpx;
|
||||||
|
height: 158rpx;
|
||||||
|
// border: 1px solid red;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 18px 11px 18px 11px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-bottom-left-radius: 8rpx;
|
||||||
|
border-bottom-right-radius: 8rpx;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #000000;
|
||||||
|
font-family: "Songti TC";
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.des {
|
||||||
|
margin-right: 28rpx;
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #939393;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-des {
|
||||||
|
width: 1rpx;
|
||||||
|
height: 114rpx;
|
||||||
|
background-color: #d8d8d8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail {
|
||||||
|
background: #699a70;
|
||||||
|
padding: 12rpx 40rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: 19px;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
76
pages/index/payment/payment.vue
Normal file
76
pages/index/payment/payment.vue
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar navTitle="" :hasLogo="true" :backToUrl="'/pages/index/index'" :isSwitchTab="true"></navBar>
|
||||||
|
<view class="" style="text-align: center;margin-top: 60upx;">
|
||||||
|
<image src="@/static/image/home/ok-logo.png" mode="" class="pay-Img"></image>
|
||||||
|
<image src="@/static/image/home/ok.png" mode="" class="payImg"></image>
|
||||||
|
</view>
|
||||||
|
<view class="btns">
|
||||||
|
<view class="item">
|
||||||
|
<u-button :text="$t('payment.back')" color="#EDC466" @click="goHome" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<!-- <u-button :text="$t('payment.check')" color="#558BF2" @click="goDetail" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
artworkUid:'',
|
||||||
|
ID: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.ID = option.ID
|
||||||
|
this.artworkUid = option.artworkUid
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goHome() {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goDetail() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/detail/detail?ID=' + this.ID + '&artworkUid=' + this.artworkUid
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page{
|
||||||
|
background: url('@/static/image/home/bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment:fixed;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-Img{
|
||||||
|
width: 608upx;
|
||||||
|
height: 576upx;
|
||||||
|
margin-top: 30upx;
|
||||||
|
}
|
||||||
|
.payImg{
|
||||||
|
width: 218rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-top: 20upx;
|
||||||
|
/* position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%,-50%); */
|
||||||
|
}
|
||||||
|
.btns{
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 200rpx;
|
||||||
|
.item{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
76
pages/index/payment/reciveOK.vue
Normal file
76
pages/index/payment/reciveOK.vue
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar navTitle="" :hasLogo="true" :backToUrl="'/pages/index/index'" :isSwitchTab="true"></navBar>
|
||||||
|
<view class="" style="text-align: center;margin-top: 60upx;">
|
||||||
|
<image src="@/static/image/home/ok-logo.png" mode="" class="pay-Img"></image>
|
||||||
|
<image src="@/static/image/home/recive.png" mode="" class="payImg"></image>
|
||||||
|
</view>
|
||||||
|
<view class="btns">
|
||||||
|
<view class="item">
|
||||||
|
<u-button :text="$t('payment.back')" color="#EDC466" @click="goHome" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<!-- <u-button :text="$t('payment.check')" color="#558BF2" @click="goDetail" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
artworkUid:'',
|
||||||
|
ID: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.ID = option.ID
|
||||||
|
this.artworkUid = option.artworkUid
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goHome() {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goDetail() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/detail/detail?ID=' + this.ID + '&artworkUid=' + this.artworkUid
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page{
|
||||||
|
background: url('@/static/image/home/bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment:fixed;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-Img{
|
||||||
|
width: 608upx;
|
||||||
|
height: 576upx;
|
||||||
|
margin-top: 30upx;
|
||||||
|
}
|
||||||
|
.payImg{
|
||||||
|
width: 218rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-top: 20upx;
|
||||||
|
/* position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%,-50%); */
|
||||||
|
}
|
||||||
|
.btns{
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 200rpx;
|
||||||
|
.item{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
292
pages/index/series/series.vue
Normal file
292
pages/index/series/series.vue
Normal file
@ -0,0 +1,292 @@
|
|||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<navBar
|
||||||
|
navTitle=""
|
||||||
|
:stickyShow="stickyShow"
|
||||||
|
:backBackGroundColor="'#699A70'"
|
||||||
|
></navBar>
|
||||||
|
|
||||||
|
<image :src="seriesItem.CoverImg" mode="" class="cover"></image>
|
||||||
|
<view class="designation">
|
||||||
|
<view class="left-x">
|
||||||
|
<view class="name">{{ seriesItem.SeriesName }}</view>
|
||||||
|
<view class="line"></view>
|
||||||
|
<view class="des">
|
||||||
|
{{ seriesItem.Desc }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="right-x">
|
||||||
|
<image :src="seriesItem.BrandImg" mode="" class="img"></image>
|
||||||
|
{{ seriesItem.BrandName }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="order-box">
|
||||||
|
<view
|
||||||
|
class="item"
|
||||||
|
v-for="i in collectionsData"
|
||||||
|
:key="i.CollectionUID"
|
||||||
|
@click="goDetail(i.CollectionUID)"
|
||||||
|
>
|
||||||
|
<image :src="i.CollectionImg" mode="" class="img"> </image>
|
||||||
|
<view class="content">
|
||||||
|
<view class="title">{{ i.Name }}</view>
|
||||||
|
<view class="price">
|
||||||
|
<text v-if="i.CurrencyType === 'normal'">￥</text>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/jifen.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
style="width: 24rpx; height: 24rpx"
|
||||||
|
v-else
|
||||||
|
/>
|
||||||
|
{{ i.Price }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bot-text">
|
||||||
|
<view class="text-line"></view>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/fontree.png"
|
||||||
|
mode="aspectFit"
|
||||||
|
class="logo"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
seriesItem: {},
|
||||||
|
collectionsData: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoad: function (option) {
|
||||||
|
Object.assign(this.seriesItem, { SeriesUuid: option.SeriesUID });
|
||||||
|
this.getPageData();
|
||||||
|
this.getCollections();
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getPageData() {
|
||||||
|
let params = {
|
||||||
|
seriesUuid: this.seriesItem.SeriesUuid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.getSeriesData(params);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.seriesItem = res.data;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
navigateBack() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goDetail(CollectionUID) {
|
||||||
|
const price = this.collectionsData.find(
|
||||||
|
(item) => item.CollectionUID === CollectionUID
|
||||||
|
).Price;
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/index/detail/detail?CollectionUID=" +
|
||||||
|
CollectionUID +
|
||||||
|
"&SeriesName=" +
|
||||||
|
this.seriesItem.SeriesName +
|
||||||
|
"&Price=" +
|
||||||
|
price,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async getCollections() {
|
||||||
|
let data = {
|
||||||
|
Page: 1,
|
||||||
|
PageSize: 99999,
|
||||||
|
SeriesUID: this.seriesItem.SeriesUuid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.collectionsList(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.collectionsData = res.data.Data;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/detail-kind-bg.png?x-oss-process=image/resize,w_750,h_1580")
|
||||||
|
no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-position: top center;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
// border: 1px solid red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding-bottom: 1upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-box {
|
||||||
|
margin: 72upx 45upx;
|
||||||
|
background: rgba(11, 0, 0, 0.4);
|
||||||
|
border-radius: 8upx;
|
||||||
|
padding: 36upx;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.title-img {
|
||||||
|
width: 300upx;
|
||||||
|
height: 44upx;
|
||||||
|
margin-bottom: 24upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-img {
|
||||||
|
width: 594upx;
|
||||||
|
height: 1074upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.from-img {
|
||||||
|
width: 356upx;
|
||||||
|
height: 44upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
width: 100%;
|
||||||
|
height: 772rpx;
|
||||||
|
object-fit: cover;
|
||||||
|
margin-top: -110rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.designation {
|
||||||
|
margin: 20rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 28rpx 26rpx;
|
||||||
|
|
||||||
|
.left-x {
|
||||||
|
width: 460rpx;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 32rpx;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
background: #878787;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.des {
|
||||||
|
padding-top: 30rpx;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 20rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-x {
|
||||||
|
color: #878787;
|
||||||
|
font-size: 24rpx;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 128rpx;
|
||||||
|
height: 128rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-box {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 332rpx;
|
||||||
|
height: 418rpx;
|
||||||
|
background: #797979;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 332rpx;
|
||||||
|
height: 318rpx;
|
||||||
|
// object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 74rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
text-align: center;
|
||||||
|
// border-radius: 8rpx;
|
||||||
|
padding: 10rpx 0;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bot-text {
|
||||||
|
margin-top: 40rpx;
|
||||||
|
padding-bottom: 50rpx;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.text-line {
|
||||||
|
width: 90%;
|
||||||
|
height: 1rpx;
|
||||||
|
background: #878787;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #878787;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 252rpx;
|
||||||
|
height: 76rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
193
pages/login/login.vue
Normal file
193
pages/login/login.vue
Normal file
@ -0,0 +1,193 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<navBar navTitle="" :backToUrl="'/pages/index/index'" :isSwitchTab="true" :color="'#000000'"
|
||||||
|
:backBackGroundColor="'#3D553D'"></navBar>
|
||||||
|
<view class="hint">*登录/注册后才可以体验所有功能</view>
|
||||||
|
<view style="margin-top: 446upx; font-size: 40upx">{{ $t('login.title') }}</view>
|
||||||
|
<view class="input-box">
|
||||||
|
<u-input v-model="TelNum" :placeholder="$t('login.input')" shape="circle" type="number" border="none"
|
||||||
|
class="login-input"></u-input>
|
||||||
|
<u-checkbox-group v-model="checked" iconPlacement="left" placement="row" @change="changechec">
|
||||||
|
<u-checkbox name="yes" shape="circle"></u-checkbox>
|
||||||
|
<view class="know">
|
||||||
|
{{ $t('login.agree') }}
|
||||||
|
<text>{{ $t('login.service') }}</text>
|
||||||
|
<text>{{ $t('login.privacy') }}</text>
|
||||||
|
<text>{{ $t('login.registration') }}</text>
|
||||||
|
</view>
|
||||||
|
</u-checkbox-group>
|
||||||
|
</view>
|
||||||
|
<u-button :loading="loading" @click="goSendCode" class="btn" :text="$t('login.btn')" shape="circle"
|
||||||
|
color="#699A70"></u-button>
|
||||||
|
<slider-verify :isShow="sliderVerifyFLag" @touchSliderResult="verifyResult" ref="verifyElement"></slider-verify>
|
||||||
|
<image class="logo" src="../../static/image/home/fontree-white.png"></image>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
TelNum: "",
|
||||||
|
Password: "",
|
||||||
|
checkKnow: "",
|
||||||
|
loading: false,
|
||||||
|
sliderVerifyFLag: false,
|
||||||
|
count: 120,
|
||||||
|
timer: null,
|
||||||
|
checked: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
if (Object.keys(e).length) {
|
||||||
|
const { collectionsUID, num } = e
|
||||||
|
uni.setStorageSync('collectionsUID', collectionsUID);
|
||||||
|
uni.setStorageSync('num', num);
|
||||||
|
if (uni.getStorageSync("mall-user-info") && uni.getStorageSync("mall_token")) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/welcome/welcome",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goSendCode() {
|
||||||
|
if (!uni.$u.test.mobile(this.TelNum)) {
|
||||||
|
this.$u.toast(this.$t('error.phone'));
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
if (this.checked.length > 0) {
|
||||||
|
this.sliderVerifyFLag = true;
|
||||||
|
} else {
|
||||||
|
this.$u.toast(this.$t('login.mess'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changechec() {
|
||||||
|
console.log(this.checked);
|
||||||
|
},
|
||||||
|
countdown() {
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
this.count--;
|
||||||
|
if (this.count === 0) {
|
||||||
|
clearInterval(this.timer);
|
||||||
|
// this.isReset = false;
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
// 滑块验证结果回调函数
|
||||||
|
verifyResult(res) {
|
||||||
|
console.log(res);
|
||||||
|
setTimeout(() => {
|
||||||
|
this.sliderVerifyFLag = false;
|
||||||
|
this.countdown();
|
||||||
|
if (res) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "../login/sendCode/sendCode?telNum=" + this.TelNum,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
/deep/ .u-input__content__field-wrapper__field {
|
||||||
|
font-size: 24upx !important;
|
||||||
|
margin-left: 10upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/.u-checkbox__icon-wrap--circle {
|
||||||
|
width: 25upx !important;
|
||||||
|
height: 25upx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-checkbox-label--left {
|
||||||
|
margin-top: -20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/login-bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
width: 588rpx;
|
||||||
|
height: 72rpx;
|
||||||
|
background-color: rgba(157, 208, 164, 0.3);
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 72rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 216rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.know {
|
||||||
|
margin-top: 20upx;
|
||||||
|
font-size: 28upx;
|
||||||
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
||||||
|
text {
|
||||||
|
color: #699A70;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 658upx;
|
||||||
|
width: 638upx;
|
||||||
|
|
||||||
|
.login-input {
|
||||||
|
height: 68upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
|
margin-bottom: 17upx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
|
||||||
|
/deep/ .uni-input-placeholder {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
color: #fff;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
width: 24upx;
|
||||||
|
height: 24upx;
|
||||||
|
margin-right: 20upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 344upx;
|
||||||
|
height: 60upx;
|
||||||
|
position: absolute;
|
||||||
|
top: 942upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.change-way {
|
||||||
|
color: #fcb462;
|
||||||
|
font-size: 28upx;
|
||||||
|
position: absolute;
|
||||||
|
top: 1068upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 202upx;
|
||||||
|
height: 56upx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40upx;
|
||||||
|
}</style>
|
||||||
201
pages/login/sendCode/sendCode.vue
Normal file
201
pages/login/sendCode/sendCode.vue
Normal file
@ -0,0 +1,201 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<navBar navTitle="" :isSwitchTab="true" :color="'#000000'" :backBackGroundColor="'#3D553D'"></navBar>
|
||||||
|
<u-code :seconds="seconds" @start="start" ref="uCode"
|
||||||
|
:start-text="$t('code.start')"
|
||||||
|
:change-text="$t('code.change')"
|
||||||
|
:end-text="$t('code.end')"
|
||||||
|
@change="codeChange"></u-code>
|
||||||
|
<view class="main-word">{{$t('sendCode.title')}}</view>
|
||||||
|
<view class="sec">
|
||||||
|
<view>{{$t('sendCode.send')}}</view>
|
||||||
|
<u--text mode="phone" color="#fff" :text="telNum || newNum" format="encrypt"></u--text>
|
||||||
|
<view class="resend" @tap="getCode">{{ tips }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="code-box"><u-code-input v-model="Code" :focus="focus"></u-code-input></view>
|
||||||
|
<u-button v-if="!this.token" class="btn" :text="$t('sendCode.login')" shape="circle" color="#699A70" @click="gologin" ></u-button>
|
||||||
|
<u-button v-else class="btn" :text="$t('sendCode.update')" shape="circle" color="#558BF2" @click="confirmChange" ></u-button>
|
||||||
|
<image class="logo" src="../../../static/image/home/fontree-white.png"></image>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tips: "",
|
||||||
|
// refCode: null,
|
||||||
|
seconds: 60,
|
||||||
|
wathTime: 10,
|
||||||
|
Code: "",
|
||||||
|
focus: false,
|
||||||
|
telNum: "",
|
||||||
|
token: "",
|
||||||
|
newNum: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.telNum) {
|
||||||
|
this.getCode();
|
||||||
|
} else {
|
||||||
|
this.getNewCode();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
this.telNum = options.telNum;
|
||||||
|
this.token = options.token;
|
||||||
|
this.newNum = options.newNum;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
codeChange(text) {
|
||||||
|
this.tips = text;
|
||||||
|
},
|
||||||
|
async getCode() {
|
||||||
|
if (this.$refs.uCode.canGetCode) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: this.$t("sendCode.loading"),
|
||||||
|
});
|
||||||
|
|
||||||
|
let res = await this.$api.login.sendCode({ telNum: this.telNum });
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
|
this.focus = true;
|
||||||
|
this.$refs.uCode.start();
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("sendCode.toast"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getNewCode() {
|
||||||
|
if (this.$refs.uCode.canGetCode) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: this.$t("sendCode.loading"),
|
||||||
|
});
|
||||||
|
|
||||||
|
let res = await this.$api.login.sendNewCode({ token: this.token });
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
|
this.focus = true;
|
||||||
|
this.$refs.uCode.start();
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("sendCode.toast"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
async gologin() {
|
||||||
|
let data = {
|
||||||
|
telNum: this.telNum,
|
||||||
|
password: "",
|
||||||
|
code: this.Code,
|
||||||
|
};
|
||||||
|
let res = await this.$api.login.login(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.$common.msgToast(this.$t("login.success"), null, "success");
|
||||||
|
uni.setStorageSync("mall-user-info", res.data.accountInfo);
|
||||||
|
uni.setStorageSync("mall_token", res.data.token);
|
||||||
|
let returnUrl = uni.getStorageSync("return_url");
|
||||||
|
if (returnUrl) {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: returnUrl,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/welcome/welcome",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg || this.$t("login.error"), null, "error");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async confirmChange() {
|
||||||
|
let data = {
|
||||||
|
code: this.Code,
|
||||||
|
};
|
||||||
|
let res = await this.$api.login.confirmNew(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.$common.msgToast(
|
||||||
|
this.$t("sendCode.updateSuccess"),
|
||||||
|
null,
|
||||||
|
"success"
|
||||||
|
);
|
||||||
|
uni.removeStorageSync("mall-user-info");
|
||||||
|
uni.removeStorageSync("mall_token");
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg || this.$t("sendCode.updateError"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
start() {
|
||||||
|
uni.$u.toast(this.$t("sendCode"));
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url('@/static/image/home/login-bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.main {
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.main-word {
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 40upx;
|
||||||
|
font-weight: bold;
|
||||||
|
top: 274upx;
|
||||||
|
}
|
||||||
|
.sec {
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
top: 380upx;
|
||||||
|
.resend {
|
||||||
|
margin-left: 20upx;
|
||||||
|
color: #fcb462;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.code-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 554upx;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
width: 344upx;
|
||||||
|
height: 60upx;
|
||||||
|
position: absolute;
|
||||||
|
top: 742upx;
|
||||||
|
}
|
||||||
|
/deep/ .u-code-input__item {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 20upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.65);
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
width: 202upx;
|
||||||
|
height: 56upx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
134
pages/login/welcome/welcome.vue
Normal file
134
pages/login/welcome/welcome.vue
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<image src="@/static/image/home/new_line.png" mode="" class="line"></image>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/new_flower.png"
|
||||||
|
mode=""
|
||||||
|
class="flower"
|
||||||
|
></image>
|
||||||
|
<view class="text">{{ $t("welcome.toHome") }}</view>
|
||||||
|
<!-- <view class="title-one">- - -{{$t('welcome.title')}}- - -</view> -->
|
||||||
|
<!-- <image class="img" src="@/static/image/home/fonchain.png"></image> -->
|
||||||
|
<image class="logo" src="@/static/image/home/fontree-white.png"></image>
|
||||||
|
<u-loading-page
|
||||||
|
loading-text="请在微信浏览器中打开"
|
||||||
|
:loading="loading"
|
||||||
|
></u-loading-page>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
// if (this.loading) return;
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: uni.getStorageSync("login-redirect") || "/pages/index/index",
|
||||||
|
success: () => {
|
||||||
|
uni.setStorageSync("collectionsDetail", true);
|
||||||
|
if (uni.getStorageSync("login-redirect")) {
|
||||||
|
uni.removeStorageSync("login-redirect");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}, 3000);
|
||||||
|
},
|
||||||
|
onLoad(params) {
|
||||||
|
// 获取openid
|
||||||
|
if (params) {
|
||||||
|
uni.setStorageSync("openid_code", params.code);
|
||||||
|
uni.setStorageSync("openid_state", params.state);
|
||||||
|
}
|
||||||
|
let ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
||||||
|
let openid_code = uni.getStorageSync("openid_code");
|
||||||
|
if (!openid_code) {
|
||||||
|
const apiUrl = "https://appointteam.szjixun.cn/";
|
||||||
|
window.location.href = `${apiUrl}api/appointment/auth/wx?time=${Math.random()}¬ifyUrl=${encodeURIComponent(
|
||||||
|
window.location.href
|
||||||
|
)}`;
|
||||||
|
} else {
|
||||||
|
this.handleOpenId();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.loading = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async handleOpenId() {
|
||||||
|
let params = {
|
||||||
|
code: uni.getStorageSync("openid_code"),
|
||||||
|
state: uni.getStorageSync("openid_state"),
|
||||||
|
};
|
||||||
|
await this.$api.login
|
||||||
|
.getOpenId(params)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.setStorageSync("openId", res.data.openId);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/welcome-bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
// border: 1px solid red;
|
||||||
|
}
|
||||||
|
.line {
|
||||||
|
width: 2rpx;
|
||||||
|
height: 164rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
.flower {
|
||||||
|
width: 43rpx;
|
||||||
|
height: 43rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 47%;
|
||||||
|
top: 167rpx;
|
||||||
|
// transform: translateX(-50%);
|
||||||
|
animation: fadenum 1s infinite;
|
||||||
|
}
|
||||||
|
@keyframes fadenum {
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
// left: 37%;
|
||||||
|
top: 227rpx;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.title-one {
|
||||||
|
color: #558bf2;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 33upx;
|
||||||
|
// left: 26%;
|
||||||
|
top: 600rpx;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
width: 202rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 92rpx;
|
||||||
|
left: 46rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
557
pages/mine/cert/cert.vue
Normal file
557
pages/mine/cert/cert.vue
Normal file
@ -0,0 +1,557 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar
|
||||||
|
:navTitle="seriesName"
|
||||||
|
:stickyShow="stickyShow"
|
||||||
|
:color="'#000000'"
|
||||||
|
:backBackGroundColor="'#699A70'"
|
||||||
|
>
|
||||||
|
</navBar>
|
||||||
|
<view class="top-img">
|
||||||
|
<image :src="collectionImg"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
class=""
|
||||||
|
style="margin: auto; width: 500rpx"
|
||||||
|
v-if="physical && status === 2"
|
||||||
|
>
|
||||||
|
<u-button
|
||||||
|
type="primary"
|
||||||
|
:text="$t('apply.logistics')"
|
||||||
|
class="apply"
|
||||||
|
@click="apply"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
<view class="info-box">
|
||||||
|
<view class="title">{{ $t("logistics.info") }}</view>
|
||||||
|
<view class="address-box">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("telephone") }}</text>
|
||||||
|
<text class="value" @click="goPhone">(852) 5491 1547</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="address-box" v-if="status > 3">
|
||||||
|
<view class="item bm">
|
||||||
|
<text class="label">{{ $t("consignee.name") }}</text>
|
||||||
|
<text class="value">{{ express.name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item bm">
|
||||||
|
<text class="label">{{ $t("consignee.address") }}</text>
|
||||||
|
<text class="value">{{ express.address }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("consignee.phone") }}</text>
|
||||||
|
<text class="value">{{ express.telNum }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="info-box">
|
||||||
|
<view class="title">{{ $t("realHashTitle") }}</view>
|
||||||
|
<view class="box">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("realHash") }}</text>
|
||||||
|
<text class="value">{{ realHash }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="info-box">
|
||||||
|
<view class="title">{{ $t("release.info") }}</view>
|
||||||
|
<view class="box">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.issuer") }}</text>
|
||||||
|
<text class="value">{{ detail.publisher || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("release.time") }}</text>
|
||||||
|
<text class="value">{{ detail.published_time || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("brand.side") }}</text>
|
||||||
|
<text class="value">{{ detail.brand_name || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.hash") }}</text>
|
||||||
|
<text class="value">{{ detail.brand_hash || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info-box">
|
||||||
|
<view class="title">{{ $t("circulation.info") }}</view>
|
||||||
|
<view class="detail">
|
||||||
|
<view class="item" v-for="(item, index) in flows" :key="index">
|
||||||
|
<view class="left">
|
||||||
|
{{ item.createdAt }}
|
||||||
|
<!-- <view class="" style="font-size: 10rpx;">
|
||||||
|
星期二 下午 5:07
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<view class="cricle2" v-if="item.status === 1"></view>
|
||||||
|
<view class="cricle" v-else></view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("possessor") }}</text>
|
||||||
|
<text class="value">{{ item.holdName || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.status") }}</text>
|
||||||
|
<text class="value">{{
|
||||||
|
item.status == 1 ? $t("in.library") : $t("been.applied")
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("circulation.type") }}</text>
|
||||||
|
<text class="value">{{
|
||||||
|
item.type == 1 ? $t("on.line") : "-"
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("circulation.time") }}</text>
|
||||||
|
<text class="value">{{ item.createdAt || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item" v-if="item.flowHash">
|
||||||
|
<text class="label">{{ $t("transaction.hash") }}</text>
|
||||||
|
<text class="value" style="font-size: 24rpx">{{
|
||||||
|
item.flowHash || "-"
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="" style="text-align: center; margin-top: 30rpx">
|
||||||
|
<image src="@/static/image/home/fontree.png" mode="" class="logo"></image>
|
||||||
|
</view>
|
||||||
|
<u-popup
|
||||||
|
:show="showApply"
|
||||||
|
mode="center"
|
||||||
|
@close="closeApply"
|
||||||
|
bgColor="transparent"
|
||||||
|
>
|
||||||
|
<view class="popup-top"> *{{ $t("apply.tips") }} </view>
|
||||||
|
<view class="popup-box">
|
||||||
|
<view class="title">{{ $t("input.address") }}</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("consignee.name") }}</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="name"
|
||||||
|
:placeholder="$t('input.pla')"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("consignee.address") }}</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--textarea
|
||||||
|
v-model="address"
|
||||||
|
border="none"
|
||||||
|
:placeholder="$t('input.pla')"
|
||||||
|
autoHeight
|
||||||
|
></u--textarea>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="label">{{ $t("consignee.phone") }}</view>
|
||||||
|
<view class="input">
|
||||||
|
<u--input
|
||||||
|
border="none"
|
||||||
|
shape="circle"
|
||||||
|
v-model="telNum"
|
||||||
|
:placeholder="$t('input.pla')"
|
||||||
|
></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btns">
|
||||||
|
<u-button
|
||||||
|
:text="$t('navbar.back')"
|
||||||
|
color="#EDC466"
|
||||||
|
@click="closeApply"
|
||||||
|
style="width: 260rpx; height: 56rpx; border-radius: 40rpx"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
:text="$t('apply.btn')"
|
||||||
|
color="#699A70"
|
||||||
|
@click="applyCom"
|
||||||
|
style="width: 260rpx; height: 56rpx; border-radius: 40rpx"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
showApply: false,
|
||||||
|
address: "",
|
||||||
|
name: "",
|
||||||
|
telNum: "",
|
||||||
|
CollectionsUID: "",
|
||||||
|
express: {},
|
||||||
|
flows: [],
|
||||||
|
detail: {},
|
||||||
|
seriesName: "",
|
||||||
|
collectionImg: "",
|
||||||
|
ID: "",
|
||||||
|
status: "",
|
||||||
|
realHash: "",
|
||||||
|
physical: "",
|
||||||
|
//订单状态(1-待支付 2-成功 3-失败，4-已申请快递，5后台批准快递 6-退款)
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
console.log(11111111, this.flows);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
apply() {
|
||||||
|
this.showApply = true;
|
||||||
|
},
|
||||||
|
closeApply() {
|
||||||
|
this.showApply = false;
|
||||||
|
this.name = "";
|
||||||
|
this.address = "";
|
||||||
|
this.telNum = "";
|
||||||
|
},
|
||||||
|
async applyCom() {
|
||||||
|
let name = this.$common.vefEmpty(
|
||||||
|
this.name,
|
||||||
|
this.$t("error.consignee.name")
|
||||||
|
);
|
||||||
|
let address = this.$common.vefEmpty(
|
||||||
|
this.address,
|
||||||
|
this.$t("error.consignee.address")
|
||||||
|
);
|
||||||
|
let telNum = this.$common.vefEmpty(
|
||||||
|
this.telNum,
|
||||||
|
this.$t("error.consignee.phone")
|
||||||
|
);
|
||||||
|
if (!name || !address || !telNum) return;
|
||||||
|
let data = {
|
||||||
|
ID: Number(this.ID),
|
||||||
|
express: {
|
||||||
|
address: this.address,
|
||||||
|
name: this.name,
|
||||||
|
telNum: this.telNum,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
let res = await this.$api.mine.paymentApproval(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t("apply.succes"));
|
||||||
|
this.status = 4;
|
||||||
|
this.express = res.data.express;
|
||||||
|
this.flows = res.data.flows;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("apply.error"));
|
||||||
|
}
|
||||||
|
this.showApply = false;
|
||||||
|
this.name = "";
|
||||||
|
this.address = "";
|
||||||
|
this.telNum = "";
|
||||||
|
},
|
||||||
|
goPhone(val) {
|
||||||
|
// 拨打电话
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: val,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async getDetail() {
|
||||||
|
let data = {
|
||||||
|
CollectionsUID: this.CollectionsUID,
|
||||||
|
};
|
||||||
|
let res = await this.$api.mine.certDetail(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.detail = res.data;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
const item = JSON.parse(decodeURIComponent(option.data));
|
||||||
|
this.CollectionsUID = item.CollectionsUID;
|
||||||
|
this.physical = item.physical;
|
||||||
|
this.ID = item.payDetail.ID;
|
||||||
|
this.express = item.payDetail.express;
|
||||||
|
this.flows = item.payDetail.flows;
|
||||||
|
this.status = item.payDetail.status;
|
||||||
|
this.realHash = item.payDetail.realHash;
|
||||||
|
this.collectionImg = item.collectionImg;
|
||||||
|
console.log(this.collectionImg);
|
||||||
|
this.seriesName = item.seriesName;
|
||||||
|
this.getDetail();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/detail-kind-bg.png") no-repeat;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// background-attachment:fixed;
|
||||||
|
// height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-img {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
width: 660rpx;
|
||||||
|
height: 660rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 44rpx 44rpx 32rpx 46rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply {
|
||||||
|
width: 500rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
border-radius: 40rpx !important;
|
||||||
|
// background: #558BF2;
|
||||||
|
background: #699a70;
|
||||||
|
border-color: #699a70;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-box {
|
||||||
|
margin: 0 44rpx 0 46rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
// padding: 38rpx 32rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
// background: rgba(255,255,255,0.3);
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 24rpx 32rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
margin: 32rpx 0;
|
||||||
|
font-size: 20rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
color: #434343;
|
||||||
|
padding-right: 40rpx;
|
||||||
|
width: 130rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: #878787;
|
||||||
|
width: 450rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-box {
|
||||||
|
// background: rgba(255,255,255,0.3);
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 24rpx 32rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
|
||||||
|
.bm {
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin: 15rpx 0;
|
||||||
|
font-size: 20rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
padding-right: 40rpx;
|
||||||
|
width: 150rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
text-align: right;
|
||||||
|
width: 400rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail {
|
||||||
|
// background: rgba(255,255,255,0.3);
|
||||||
|
padding: 24rpx 32rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
font-size: 16rpx;
|
||||||
|
padding-right: 30rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
border-left: 1rpx solid #464646;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
color: #434343;
|
||||||
|
padding-right: 20rpx;
|
||||||
|
width: 130rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: #434343;
|
||||||
|
width: 260rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cricle {
|
||||||
|
width: 22rpx;
|
||||||
|
height: 22rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -14rpx;
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cricle2 {
|
||||||
|
width: 21rpx;
|
||||||
|
height: 21rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -13rpx;
|
||||||
|
background: #699a70;
|
||||||
|
border: 1px solid #699a70;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 202rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-box {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
margin-bottom: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
// align-items: center;
|
||||||
|
padding: 0 34rpx 34rpx 38rpx;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input {
|
||||||
|
width: 340rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
/deep/ .input-placeholder {
|
||||||
|
font-size: 24rpx;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-textarea {
|
||||||
|
background: transparent;
|
||||||
|
width: 340rpx;
|
||||||
|
padding: 0;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-textarea__field {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-top {
|
||||||
|
width: 582rpx;
|
||||||
|
padding: 22rpx 0;
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
189
pages/mine/changePhone/changePhone.vue
Normal file
189
pages/mine/changePhone/changePhone.vue
Normal file
@ -0,0 +1,189 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<navBar navTitle="" :hasLogo="true" :hasRight="true" :backToUrl="'/pages/mine/setting/setting'"
|
||||||
|
@clickRight="clickRight" :color="'#000000'" :backBackGroundColor="'#3D553D'" />
|
||||||
|
<u-code :seconds="seconds" @start="start" ref="uCode"
|
||||||
|
:start-text="$t('code.start')"
|
||||||
|
:change-text="$t('code.change')"
|
||||||
|
:end-text="$t('code.end')"
|
||||||
|
@change="codeChange"></u-code>
|
||||||
|
<view class="info">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">{{$t('phone.old')}}</view>
|
||||||
|
<view class="gray">{{ telNum }}</view>
|
||||||
|
</view>
|
||||||
|
<u-divider></u-divider>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">{{$t('phone.code')}}</view>
|
||||||
|
<view style="margin-left: 30upx;">
|
||||||
|
<u--input style="width: 130upx;" border="none" v-model="code" type="number"></u--input>
|
||||||
|
</view>
|
||||||
|
<view class="resend" @tap="getCode">{{ tips }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="color: #717171; text-align: right;font-size: 10rpx;margin-right:56rpx;margin-top:16rpx">*{{$t('update.phone.title')}}</view>
|
||||||
|
<view class="info" style="height: 120upx;">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">{{$t('phone.new')}}</view>
|
||||||
|
<view style="margin-left: 30upx;">
|
||||||
|
<u--input style="width: 200upx; color:#878787" :placeholder="$t('input.pla')" border="none" v-model="newTelNum" type="number"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('save.update')" color="#699A70" @click="changePhone" class="btn" style=""></u-button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tips: '',
|
||||||
|
// refCode: null,
|
||||||
|
seconds: 60,
|
||||||
|
wathTime: 10,
|
||||||
|
code: '',
|
||||||
|
focus: false,
|
||||||
|
telNum: '',
|
||||||
|
newTelNum: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(opt) {
|
||||||
|
this.telNum = opt.telNum
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/setting/setting'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
codeChange(text) {
|
||||||
|
this.tips = text;
|
||||||
|
},
|
||||||
|
async getCode() {
|
||||||
|
if (this.$refs.uCode.canGetCode) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: this.$t('sendCode.loading')
|
||||||
|
});
|
||||||
|
|
||||||
|
let res = await this.$api.mine.mineCode();
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
|
this.focus = true;
|
||||||
|
this.$refs.uCode.start();
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t('sendCode.toast'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
start() {
|
||||||
|
uni.$u.toast(this.$t('sendCode'));
|
||||||
|
},
|
||||||
|
async changePhone(){
|
||||||
|
if(!this.code || !this.newTelNum){
|
||||||
|
uni.$u.toast(this.$t('input.phoneCode'));
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let data = {code:this.code,newTelNum:this.newTelNum}
|
||||||
|
let res = await this.$api.mine.verifyCode(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/sendCode/sendCode?token='+res.data.token+'&newNum='+this.newTelNum
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url('@/static/image/home/new_bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.main {
|
||||||
|
display: grid;
|
||||||
|
justify-content: center;
|
||||||
|
/deep/.uni-input-input{
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
margin-top: 40upx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
image {
|
||||||
|
width: 201upx;
|
||||||
|
height: 60upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
height: 56rpx;
|
||||||
|
width: 600upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 120upx;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
.cancel {
|
||||||
|
text-align: center;
|
||||||
|
height: 56rpx;
|
||||||
|
width: 600upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40upx;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
width: 650upx;
|
||||||
|
height: 218upx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
margin: 65rpx 50rpx 0 50rpx;
|
||||||
|
|
||||||
|
padding: 0 65rpx 0 65rpx;
|
||||||
|
.item {
|
||||||
|
font-size: 30upx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 40upx;
|
||||||
|
.rz {
|
||||||
|
margin-left: 10upx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
background-color: #558bf2;
|
||||||
|
width: 60upx;
|
||||||
|
|
||||||
|
border-radius: 40upx;
|
||||||
|
padding: 0upx 20upx 4upx 20upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.lable{
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
.gray {
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
/deep/ .u-input__content__field-wrapper__field {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
.resend {
|
||||||
|
color: #699A70;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
223
pages/mine/confirmOrder/confirmOrder.vue
Normal file
223
pages/mine/confirmOrder/confirmOrder.vue
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar
|
||||||
|
navTitle=""
|
||||||
|
:hasLogo="true"
|
||||||
|
:backToUrl="'/pages/index/index'"
|
||||||
|
:isSwitchTab="true"
|
||||||
|
:color="'#000000'" :backBackGroundColor="'#3D553D'"
|
||||||
|
></navBar>
|
||||||
|
<view class="info">
|
||||||
|
<view class="head">
|
||||||
|
<view class="title">{{ $t("payInfo.title") }}</view>
|
||||||
|
<view class="user"
|
||||||
|
>{{ $t("payInfo.subtxt1") }}<span style="color:#699A70">{{ payInfo.buyerTel }}</span
|
||||||
|
>{{ $t("payInfo.subtxt2") }}</view
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.confirmDate") }}：</view>
|
||||||
|
<view class="lable">{{ today }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.buyerName") }}：</view>
|
||||||
|
<view class="lable">{{ payInfo.buyerName }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.orderPrice") }}：</view>
|
||||||
|
<view class="lable">{{ payInfo.price }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.artworkName") }}：</view>
|
||||||
|
<view class="lable">{{ payInfo.artworkName }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.payTypeName") }}：</view>
|
||||||
|
<view class="lable">{{ payInfo.payTypeName }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="min160">{{ $t("payInfo.payImages") }}：</view>
|
||||||
|
<view class="imgBox">
|
||||||
|
<u--image
|
||||||
|
v-for="(item, index) in payInfo.payImages"
|
||||||
|
width="300rpx"
|
||||||
|
height="300rpx"
|
||||||
|
:key="index"
|
||||||
|
:src="item"
|
||||||
|
@click="privewImg(item)"
|
||||||
|
mode="scaleToFill"
|
||||||
|
></u--image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button
|
||||||
|
:text="$t('comfrim')"
|
||||||
|
color="#699A70"
|
||||||
|
@click="comfirmPayment"
|
||||||
|
style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
:text="$t('payment.cancel')"
|
||||||
|
color="#808080"
|
||||||
|
@click="cancelPayment"
|
||||||
|
style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
infoCode: "",
|
||||||
|
collectionsInfo: {},
|
||||||
|
payInfo: {},
|
||||||
|
today: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取核验码信息
|
||||||
|
async getCodeInfo() {
|
||||||
|
let data = {
|
||||||
|
code: this.infoCode,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.getQrcodeInfo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.collectionsInfo = res.data.collections;
|
||||||
|
this.payInfo = res.data.pay;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 确认支付
|
||||||
|
async comfirmPayment() {
|
||||||
|
let data = {
|
||||||
|
code: this.infoCode,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.confirmPay(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t("payment.confirmSuccess"));
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
}, 2000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg || this.$t("payment.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 取消支付
|
||||||
|
async cancelPayment() {
|
||||||
|
let data = {
|
||||||
|
code: this.infoCode,
|
||||||
|
};
|
||||||
|
let res = await this.$api.series.cancelPay(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t("payment.cancelSuccess"));
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
}, 2000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg || this.$t("payment.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 预览图片
|
||||||
|
privewImg(url) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: [url],
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoad: function (option) {
|
||||||
|
this.infoCode = option.code;
|
||||||
|
this.getCodeInfo();
|
||||||
|
// 获取今天的日期
|
||||||
|
let date = new Date();
|
||||||
|
let year = date.getFullYear();
|
||||||
|
let month = date.getMonth() + 1;
|
||||||
|
let day = date.getDate();
|
||||||
|
this.today = year + "年" + month + "月" + day + "日";
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/new_bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
// border: 1px solid red;696.1123
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.min160 {
|
||||||
|
min-width: 160rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
// 居中
|
||||||
|
.info {
|
||||||
|
width: 600rpx;
|
||||||
|
height: 1100rpx;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 40rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow-y: scroll;
|
||||||
|
.head {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
margin-top: 44rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
.lable{
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
.user {
|
||||||
|
font-size: 16rpx;
|
||||||
|
color: #878787;
|
||||||
|
margin-bottom: 66rpx;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
font-size: 30upx;
|
||||||
|
width: 400rpx;
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 40upx;
|
||||||
|
.imgBox {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
.image {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
405
pages/mine/detail/detail.vue
Normal file
405
pages/mine/detail/detail.vue
Normal file
@ -0,0 +1,405 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar
|
||||||
|
:navTitle="collectionsDetail.name"
|
||||||
|
:stickyShow="stickyShow"
|
||||||
|
:color="'#000000'"
|
||||||
|
:backBackGroundColor="'#699A70'"
|
||||||
|
></navBar>
|
||||||
|
|
||||||
|
<view class="top-img">
|
||||||
|
<image :src="collectionsDetail.coverImg"></image>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="title-t"
|
||||||
|
:style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
|
||||||
|
>{{ $t("basic.info") }}</view
|
||||||
|
>
|
||||||
|
<view class="info-box" style="padding: 28rpx 32rpx 4rpx 32rpx">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.name") }}</text>
|
||||||
|
<text class="value">{{ payDetail.seriesName }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.issuer") }}</text>
|
||||||
|
<text class="value">{{ payDetail.senderName }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.time") }}</text>
|
||||||
|
<text class="value">{{ payDetail.createdAt }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.price") }}</text>
|
||||||
|
<text class="value">
|
||||||
|
<text v-if="collectionsDetail.currencyType === 'normal'">{{
|
||||||
|
symbol
|
||||||
|
}}</text>
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/jifen.png"
|
||||||
|
mode="scaleToFill"
|
||||||
|
style="width: 24rpx; height: 24rpx"
|
||||||
|
v-else
|
||||||
|
/>
|
||||||
|
{{ payDetail.price }}
|
||||||
|
<!-- <text v-if="payDetail.payType === 6">{{
|
||||||
|
$t("airdrop")
|
||||||
|
}}</text> -->
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="item">
|
||||||
|
<text class="label">{{$t('series.No')}}</text>
|
||||||
|
<text class="value">{{payDetail.payNum}}</text>
|
||||||
|
</view> -->
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("series.hash") }}</text>
|
||||||
|
<text class="value">{{ payDetail.artworkHash }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="title-t">{{ $t("collection.info") }}</view>
|
||||||
|
<view class="info-box" style="padding: 28rpx 32rpx">
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.name") }}</text>
|
||||||
|
<text class="value">{{ collectionsDetail.name || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.type") }}</text>
|
||||||
|
<text class="value">{{ collectionsDetail.collectionType || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.size") }}</text>
|
||||||
|
<text class="value">{{ collectionsDetail.size || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.specs") }}</text>
|
||||||
|
<text class="value">{{ collectionsDetail.specs || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.address") }}</text>
|
||||||
|
<text class="value">{{ collectionsDetail.address || "-" }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<text class="label">{{ $t("collection.intro") }}</text>
|
||||||
|
<view class="des">{{ collectionsDetail.intro || "-" }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="title-t"
|
||||||
|
:style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
|
||||||
|
>{{ $t("collection.detail") }}</view
|
||||||
|
>
|
||||||
|
<view class="detail-info">
|
||||||
|
<!-- <view class="title-t">{{$t('collection.sell')}}</view>
|
||||||
|
<view class="box-item">
|
||||||
|
<image v-for="item in sellPoint" :key="item" :src="item" mode="widthFix"></image>
|
||||||
|
</view> -->
|
||||||
|
<view v-if="collDetails.length > 0" class="title-t">{{
|
||||||
|
$t("collection.sellDec")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="collDetails.length > 0" class="box">
|
||||||
|
<image
|
||||||
|
v-for="item in collDetails"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="companyInfo.length > 0" class="title-t">{{
|
||||||
|
$t("collection.company")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="companyInfo.length > 0" class="box">
|
||||||
|
<image
|
||||||
|
v-for="item in companyInfo"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="copyright.length > 0" class="title-t">{{
|
||||||
|
$t("collection.copyight")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="copyright.length > 0" class="box">
|
||||||
|
<image
|
||||||
|
v-for="item in copyright"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="Blockchain.length > 0" class="title-t">{{
|
||||||
|
$t("collection.blockchain")
|
||||||
|
}}</view>
|
||||||
|
<view v-if="Blockchain.length > 0" class="box">
|
||||||
|
<image
|
||||||
|
v-for="item in Blockchain"
|
||||||
|
:src="item"
|
||||||
|
:key="item"
|
||||||
|
mode="widthFix"
|
||||||
|
class="img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="" style="text-align: center; margin-top: 30rpx">
|
||||||
|
<image
|
||||||
|
src="@/static/image/home/fontree.png"
|
||||||
|
mode="aspectFit"
|
||||||
|
class="logo"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<image
|
||||||
|
src="../../../static/image/mine/cert.png"
|
||||||
|
@click="goCert"
|
||||||
|
mode=""
|
||||||
|
class="cert-img"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stickyShow: false,
|
||||||
|
ID: 0,
|
||||||
|
collectionsDetail: {},
|
||||||
|
sellPoint: [],
|
||||||
|
collDetails: [],
|
||||||
|
companyInfo: [],
|
||||||
|
copyright: [],
|
||||||
|
Blockchain: [],
|
||||||
|
payDetail: {},
|
||||||
|
allImgList: [],
|
||||||
|
symbol:
|
||||||
|
uni.getLocale() === "en"
|
||||||
|
? "$"
|
||||||
|
: uni.getLocale() === "zh-Hant"
|
||||||
|
? "HK$"
|
||||||
|
: "￥",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goCert() {
|
||||||
|
console.log(this.collectionsDetail.coverImg);
|
||||||
|
let data = {
|
||||||
|
CollectionsUID: this.collectionsDetail.collectionUID,
|
||||||
|
collectionImg: this.collectionsDetail.coverImg,
|
||||||
|
seriesName: this.collectionsDetail.name,
|
||||||
|
physical: this.collectionsDetail.physical,
|
||||||
|
payDetail: this.payDetail,
|
||||||
|
};
|
||||||
|
uni.navigateTo({
|
||||||
|
url:
|
||||||
|
"/pages/mine/cert/cert?data=" +
|
||||||
|
encodeURIComponent(JSON.stringify(data)),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async getDetail() {
|
||||||
|
let data = {
|
||||||
|
ID: Number(this.ID),
|
||||||
|
};
|
||||||
|
let res = await this.$api.mine.paymentDetail(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.collectionsDetail = res.data.collections;
|
||||||
|
this.payDetail = res.data.pay;
|
||||||
|
(this.allImgList = this.collectionsDetail.cutImg
|
||||||
|
? JSON.parse(this.collectionsDetail.cutImg)
|
||||||
|
: []),
|
||||||
|
this.cutImg();
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t("load.failed"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cutImg() {
|
||||||
|
this.allImgList.forEach((v) => {
|
||||||
|
if (Array.isArray(v.imgs)) {
|
||||||
|
v.imgs = v.imgs.filter((img) => {
|
||||||
|
if (img) {
|
||||||
|
return img;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.allImgList.forEach((v) => {
|
||||||
|
if (v.label === "卖点") {
|
||||||
|
this.sellPoint = v.imgs;
|
||||||
|
} else if (v.label === "藏品细节") {
|
||||||
|
this.collDetails = v.imgs;
|
||||||
|
} else if (v.label === "工艺/公司介绍") {
|
||||||
|
this.companyInfo = v.imgs;
|
||||||
|
} else if (v.label === "版权声明") {
|
||||||
|
this.copyright = v.imgs;
|
||||||
|
} else if (v.label === "区块链说明") {
|
||||||
|
this.Blockchain = v.imgs;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.ID = option.ID;
|
||||||
|
this.artworkUid = option.artworkUid;
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getDetail();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/detail-kind-bg.png") no-repeat;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// background-attachment:fixed;
|
||||||
|
// height: 100vh;
|
||||||
|
}
|
||||||
|
.fixed-box {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 172rpx;
|
||||||
|
background: #3e3e3e;
|
||||||
|
z-index: 10;
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
padding: 42rpx 38rpx;
|
||||||
|
}
|
||||||
|
.back {
|
||||||
|
width: 172rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
background: #efba42;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
.buyer {
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
background: #558bf2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-img {
|
||||||
|
// background: url('../../../static/image/home/box.png') no-repeat;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
width: 660rpx;
|
||||||
|
height: 660rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 44rpx 44rpx 32rpx 46rpx;
|
||||||
|
position: relative;
|
||||||
|
.price {
|
||||||
|
font-size: 48rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 10rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.box-item {
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
// margin: 0 44rpx 0 46rpx;
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
// height: 198rpx;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.detail-info {
|
||||||
|
// background: rgba(0,0,0,0.8);
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 30rpx;
|
||||||
|
padding: 23rpx;
|
||||||
|
.box {
|
||||||
|
// margin: 0 44rpx 0 46rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
// padding: 38rpx 32rpx;
|
||||||
|
position: relative;
|
||||||
|
.item-img {
|
||||||
|
width: 234rpx;
|
||||||
|
height: 234rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 38rpx;
|
||||||
|
right: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title-t {
|
||||||
|
text-align: center;
|
||||||
|
margin: 40rpx 0 16rpx 0;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
.info-box {
|
||||||
|
margin: 0 44rpx 0 46rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
// background: rgba(11, 0, 0, 0.3);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
// padding: 38rpx 32rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
font-size: 20rpx;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
.label {
|
||||||
|
color: #434343;
|
||||||
|
padding-right: 40rpx;
|
||||||
|
width: 130rpx;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
color: #878787;
|
||||||
|
width: 450rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
.des {
|
||||||
|
color: #878787;
|
||||||
|
width: 450rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: normal;
|
||||||
|
font-size: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 202rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
.cert-img {
|
||||||
|
position: fixed;
|
||||||
|
right: 40rpx;
|
||||||
|
bottom: 25vh;
|
||||||
|
width: 84rpx;
|
||||||
|
height: 84rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
100
pages/mine/feedback/feedback.vue
Normal file
100
pages/mine/feedback/feedback.vue
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<u-popup :show="isShow" mode="center" bgColor="transparent" @close="close">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title">{{ $t('problem.feedback') }}</view>
|
||||||
|
<view class="item">
|
||||||
|
<u--textarea height="340" v-model="content" :placeholder="$t('set.input')" maxlength="200" count
|
||||||
|
border="none"></u--textarea>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<u-button :text="$t('navbar.back')" color="#EDC466" @click="close"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<u-button :text="$t('sumbit')" color="#699A70" @click="sendFeedBack"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
content: '',
|
||||||
|
isShow: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: ['showQa'],
|
||||||
|
watch: {
|
||||||
|
showQa() {
|
||||||
|
this.isShow = this.showQa
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async sendFeedBack() {
|
||||||
|
let res = await this.$api.mine.feedBack({
|
||||||
|
content: this.content
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.$common.msgToast(res.msg, null, 'success');
|
||||||
|
this.show = false
|
||||||
|
this.content = ''
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.$emit('closeFeed', false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" >
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-button {
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 34rpx 0 38rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips {
|
||||||
|
color: #DC0023;
|
||||||
|
font-size: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-textarea__count {
|
||||||
|
background-color: transparent !important;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-textarea-textarea {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-textarea {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
849
pages/mine/index.vue
Normal file
849
pages/mine/index.vue
Normal file
@ -0,0 +1,849 @@
|
|||||||
|
<template>
|
||||||
|
<view v-show="showPage">
|
||||||
|
<tabBar :currentPage="'pages/mine/index'"></tabBar>
|
||||||
|
<view class="logo">
|
||||||
|
<image src="../../static/image/home/fontree.png" mode="" class="img"></image>
|
||||||
|
</view>
|
||||||
|
<scroll-view scroll-y :scroll-anchoring="true" :style="'height:' + listHeight + 'px;'">
|
||||||
|
|
||||||
|
<view class="user-box">
|
||||||
|
<u-avatar :src="userInfo.avatar" class="avatar" size="75" fontSize="18" bg-color="#558BF2"></u-avatar>
|
||||||
|
<view class="info">
|
||||||
|
<view class="username">{{ userInfo.nickName }}</view>
|
||||||
|
<view class="blockchain">{{ $t("mine.blockchain") }}：{{ userInfo.account }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mine-icon">
|
||||||
|
<view class="message" @click="goMess">
|
||||||
|
<u-badge v-if="notReadNum > 0" class="point" numberType="overflow" max="99" :value="notReadNum">
|
||||||
|
</u-badge>
|
||||||
|
<image src="../../static/image/mine/message-icon.png" mode="" style="width: 60rpx; height: 60rpx">
|
||||||
|
</image>
|
||||||
|
<view class="value">{{ $t("mine.message") }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="scan" @click="goScan" v-if="canScan">
|
||||||
|
<image src="../../static/image/mine/scan-icon.png" mode="" style="width: 60rpx; height: 60rpx"></image>
|
||||||
|
<view class="value">{{ $t("mine.scan") }}</view>
|
||||||
|
</view>
|
||||||
|
<view @click="goLang" class="tag">
|
||||||
|
<image src="../../static/image/mine/language.png" mode="" style="width: 60rpx; height: 60rpx"></image>
|
||||||
|
<view class="value">{{ $t("mine.language") }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="setting" @click="goSets">
|
||||||
|
<image src="../../static/image/mine/setting-icon.png" mode="" style="width: 60rpx; height: 60rpx">
|
||||||
|
</image>
|
||||||
|
<view class="value">{{ $t("mine.setting") }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="his-title-text">
|
||||||
|
<view>我的历史购买记录</view>
|
||||||
|
<view class="line"></view>
|
||||||
|
</view>
|
||||||
|
<view class="his-box">
|
||||||
|
<view class="item" v-for="(item, index) in paymentList" :key="index"
|
||||||
|
@click="goDetail(item.ID, item.artworkUid)">
|
||||||
|
<image src="../../static/image/mine/icon-logo1.png" v-if="item.artworkLevel == 'D'" mode=""
|
||||||
|
class="icon"></image>
|
||||||
|
<image src="../../static/image/mine/icon-logo2.png" v-if="item.artworkLevel == 'C'" mode=""
|
||||||
|
class="icon"></image>
|
||||||
|
<image src="../../static/image/mine/icon-logo3.png" v-if="item.artworkLevel == 'B'" mode=""
|
||||||
|
class="icon"></image>
|
||||||
|
<image src="../../static/image/mine/icon-logo4.png" v-if="item.artworkLevel == 'A'" mode=""
|
||||||
|
class="icon"></image>
|
||||||
|
<image :src="item.coverImg || item.artworkImg" mode="" class="img"> </image>
|
||||||
|
<view class="contentD content" v-if="item.artworkLevel == 'D'">{{
|
||||||
|
item.artworkName
|
||||||
|
}}</view>
|
||||||
|
<view class="contentC content" v-if="item.artworkLevel == 'C'">{{
|
||||||
|
item.artworkName
|
||||||
|
}}</view>
|
||||||
|
<view class="contentB content" v-if="item.artworkLevel == 'B'">{{
|
||||||
|
item.artworkName
|
||||||
|
}}</view>
|
||||||
|
<view class="contentA content" v-if="item.artworkLevel == 'A'">{{
|
||||||
|
item.artworkName
|
||||||
|
}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-empty mode="favor" v-if="!paymentList" :text="$t('mine.noData')" marginTop="100"></u-empty>
|
||||||
|
</scroll-view>
|
||||||
|
<u-popup :show="showLocale" mode="center" @close="closeLocale" @open="openLocale" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title">{{ $t("mine.updateLang") }}</view>
|
||||||
|
<view class="item" v-for="(item, index) in locales" :key="index"
|
||||||
|
:style="{ borderBottom: (item.code !== 'en' ? '1px solid #dedede' : 'none') }">
|
||||||
|
<view class="left">{{ item.text }}</view>
|
||||||
|
<view class="right">
|
||||||
|
<text v-if="item.code == applicationLocale">{{
|
||||||
|
$t("updateLang.done")
|
||||||
|
}}</text>
|
||||||
|
<u-tag v-else :text="$t('updateLang.change')" @click="onLocaleChange(item)" class="tag-btn"
|
||||||
|
shape="circle" bgColor="#699A70" borderColor="#699A70"></u-tag>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('navbar.back')" color="#EDC466" @click="closeLocale" style="
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
"></u-button>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="showSetPass" mode="bottom" @close="closeBack" bgColor="transparent">
|
||||||
|
<view class="step-top">{{ $t("password.title") }}</view>
|
||||||
|
<view class="step-box">
|
||||||
|
<view class="title">{{ $t("password.set") }}</view>
|
||||||
|
<view class="step-pl">
|
||||||
|
{{ $t("password.name") }}
|
||||||
|
<text>{{ userInfo.telNum | disposeTel }}</text>
|
||||||
|
{{ $t("password.set") }}
|
||||||
|
</view>
|
||||||
|
<view class="verfy-box">
|
||||||
|
<view>
|
||||||
|
<view class="label">{{ $t("password.input") }}：</view>
|
||||||
|
<u-code-input v-model="setPwd" dot :maxlength="6" hairline color="#ffffff"
|
||||||
|
borderColor="transparent"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="verfy-box">
|
||||||
|
<view>
|
||||||
|
<view class="label">{{ $t("password.com") }}：</view>
|
||||||
|
<u-code-input v-model="confirmPwd" dot :maxlength="6" hairline color="#ffffff"
|
||||||
|
borderColor="transparent"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('password.step')" color="#699A70" @click="step2" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 150rpx;
|
||||||
|
"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="showVerfyPass" mode="bottom" @close="closeBack" bgColor="transparent">
|
||||||
|
<view class="step-top">{{ $t("password.title") }}</view>
|
||||||
|
<view class="step-box">
|
||||||
|
<view class="title">{{ $t("password.get") }}</view>
|
||||||
|
<view class="verfy-box">
|
||||||
|
<view>
|
||||||
|
<view class="label">{{ $t("password.input") }}：</view>
|
||||||
|
<u-code-input v-model="userPwd" dot :maxlength="6" hairline color="#ffffff"
|
||||||
|
borderColor="transparent"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="verfy-box" style="margin-top: 40upx">
|
||||||
|
<view>
|
||||||
|
<view class="label">{{ $t("password.com") }}：</view>
|
||||||
|
<u-code-input v-model="confirmUserPwd" dot :maxlength="6" hairline color="#ffffff"
|
||||||
|
borderColor="transparent"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('buyVerfy.done')" color="#699A70" @click="stepDone" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 150rpx;
|
||||||
|
"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="showAuthentication" mode="center" @close="closePass" bgColor="transparent">
|
||||||
|
<view class="pass-box">
|
||||||
|
<view class="title">{{ $t("password") }}</view>
|
||||||
|
<view class="verfy-box">
|
||||||
|
<view>
|
||||||
|
<view class="label" style="margin-top:30rpx">{{ $t("password.input") }}：</view>
|
||||||
|
<u-code-input v-model="userPwd" dot :maxlength="6" hairline color="#ffffff"
|
||||||
|
borderColor="transparent"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-end">
|
||||||
|
{{ $t("password.vername") }}
|
||||||
|
<text>{{ userInfo.telNum | disposeTel }}</text>
|
||||||
|
{{ $t("password.username") }}
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('comfrim')" color="#699A70" @click="comPass" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top:30rpx;
|
||||||
|
"></u-button>
|
||||||
|
<u-button :text="$t('payment.back')" color="#EDC466" @click="closePass" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<!-- 邀请码弹窗 -->
|
||||||
|
<u-popup :show="showInvite" mode="center" @close="closeInvite" bgColor="transparent">
|
||||||
|
<view class="invite-box">
|
||||||
|
<view style="margin-bottom: 20upx">{{ $t("payInfo.copyCode") }}</view>
|
||||||
|
<u-input v-model="codeSC" shape="circle" border="none" class="login-input"></u-input>
|
||||||
|
<u-button :text="$t('comfrim')" color="#558BF2" @click="sendConfirm" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
"></u-button>
|
||||||
|
<u-button :text="$t('close')" color="rgb(224,119,115)" @click="closeInvite" style="
|
||||||
|
width: 484rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
src: "",
|
||||||
|
showLocale: false,
|
||||||
|
applicationLocale: "",
|
||||||
|
userInfo: {},
|
||||||
|
showSetPass: false,
|
||||||
|
showVerfyPass: false,
|
||||||
|
showAuthentication: false,
|
||||||
|
setPwd: "",
|
||||||
|
confirmPwd: "",
|
||||||
|
userPwd: "",
|
||||||
|
confirmUserPwd: "",
|
||||||
|
paymentList: [],
|
||||||
|
notReadNum: 0,
|
||||||
|
showPage: false,
|
||||||
|
isAndroid: false,
|
||||||
|
canScan: false,
|
||||||
|
showInvite: false,
|
||||||
|
codeSC: "",
|
||||||
|
showPull: false,
|
||||||
|
listHeight: uni.getSystemInfoSync().windowHeight - 88 - 61,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
locales() {
|
||||||
|
return [
|
||||||
|
// {
|
||||||
|
// text: this.$t("locale.auto"),
|
||||||
|
// code: "auto",
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
text: this.$t("locale.zh-hans"),
|
||||||
|
code: "zh-Hans",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: this.$t("locale.zh-hant"),
|
||||||
|
code: "zh-Hant",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: this.$t("locale.en"),
|
||||||
|
code: "en",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
disposeTel(phoneNum) {
|
||||||
|
return Number(phoneNum).toString().slice(0, 3) + '****' + Number(phoneNum).toString().slice(-4);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
toJSON() { },
|
||||||
|
|
||||||
|
goLang() {
|
||||||
|
this.showLocale = true;
|
||||||
|
},
|
||||||
|
closeLocale() {
|
||||||
|
this.showLocale = false;
|
||||||
|
},
|
||||||
|
closeInvite() {
|
||||||
|
this.showInvite = false;
|
||||||
|
this.codeSC = "";
|
||||||
|
},
|
||||||
|
openLocale() {
|
||||||
|
// console.log(uni.getLocale());
|
||||||
|
let systemInfo = uni.getSystemInfoSync();
|
||||||
|
this.systemLocale = systemInfo.language;
|
||||||
|
this.applicationLocale = uni.getLocale();
|
||||||
|
this.isAndroid = systemInfo.platform.toLowerCase() === "android";
|
||||||
|
uni.onLocaleChange((e) => {
|
||||||
|
this.applicationLocale = e.locale;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onLocaleChange(e) {
|
||||||
|
// console.log(e)
|
||||||
|
if (this.isAndroid) {
|
||||||
|
uni.showModal({
|
||||||
|
content: this.$t("index.language-change-confirm"),
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.setLocale(e.code);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.setLocale(e.code);
|
||||||
|
this.$i18n.locale = e.code;
|
||||||
|
}
|
||||||
|
// console.log(this.$refs.tabbarRef);
|
||||||
|
this.$refs.tabbarRef.tabBarList = [{
|
||||||
|
pagePath: "pages/index/index",
|
||||||
|
iconPath: "../../static/image/tabbar/home.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/home_check.png",
|
||||||
|
text: this.$t("tabbar.home"),
|
||||||
|
customIcon: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pagePath: "pages/mine/index",
|
||||||
|
iconPath: "../../static/image/tabbar/mine.png",
|
||||||
|
selectedIconPath: "../../static/image/tabbar/mine_check.png",
|
||||||
|
text: this.$t("tabbar.mine"),
|
||||||
|
customIcon: false,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
goDetail(ID, artworkUid) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/mine/detail/detail?ID=" + ID + "&artworkUid=" + artworkUid,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goMess() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/mine/notice/notice",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goSets() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/mine/setting/setting",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 唤起扫描二维码
|
||||||
|
goScan() {
|
||||||
|
this.showInvite = true;
|
||||||
|
// 判断当前页面是不是H5
|
||||||
|
// try {
|
||||||
|
// uni.scanCode({
|
||||||
|
// success: (res) => {
|
||||||
|
// if (res.result) {
|
||||||
|
// console.log(res.result, "res.result");
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: `/pages/mine/confirmOrder/confirmOrder?code=${res.result}`,
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
// } catch (error) {
|
||||||
|
// console.log(123123);
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
sendConfirm() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/mine/confirmOrder/confirmOrder?code=${this.codeSC}`,
|
||||||
|
});
|
||||||
|
this.closeInvite();
|
||||||
|
},
|
||||||
|
// 获取未读消息
|
||||||
|
async getNotReadMsg() {
|
||||||
|
let res = await this.$api.airdrop.checkPoint();
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.notReadNum = res.data.Count;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 设置密码
|
||||||
|
step2() {
|
||||||
|
if (!this.setPwd || !this.confirmPwd) {
|
||||||
|
this.$common.msgToast(this.$t("password.inputPass"), null, "error");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.setPwd !== this.confirmPwd) {
|
||||||
|
this.$common.msgToast(this.$t("password.messError"), null, "error");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.setPassword();
|
||||||
|
},
|
||||||
|
// 设置密码接口
|
||||||
|
async setPassword() {
|
||||||
|
let res = await this.$api.mine.update({
|
||||||
|
password: this.confirmPwd,
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t("password.setSucc"));
|
||||||
|
this.showSetPass = false;
|
||||||
|
this.showVerfyPass = true;
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg || this.$t("password.setError"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 验证密码接口
|
||||||
|
async verifyPwd(setFlag) {
|
||||||
|
let res = await this.$api.mine.verifyPwd({
|
||||||
|
password: this.userPwd,
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t("password.verSucc"));
|
||||||
|
this.showVerfyPass = false;
|
||||||
|
this.showAuthentication = false;
|
||||||
|
// 如果有setFlag 说明是验证操作密码,在localStorage中存储一个标识
|
||||||
|
if (setFlag) {
|
||||||
|
uni.setStorageSync("isSetPass", 1);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg || this.$t("password.verError"));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 第一次验证操作密码
|
||||||
|
async stepDone() {
|
||||||
|
if (!this.userPwd || !this.confirmUserPwd) {
|
||||||
|
this.$common.msgToast(this.$t("password.inputPass"), null, "error");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.userPwd !== this.confirmUserPwd) {
|
||||||
|
this.$common.msgToast(this.$t("password.messError"), null, "error");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await this.verifyPwd();
|
||||||
|
this.showVerfyPass = false;
|
||||||
|
},
|
||||||
|
// 验证操作密码
|
||||||
|
async comPass() {
|
||||||
|
let vef = this.$common.vefEmpty(
|
||||||
|
this.userPwd,
|
||||||
|
this.$t("password.inputPass")
|
||||||
|
);
|
||||||
|
if (!vef) return;
|
||||||
|
await this.verifyPwd(true);
|
||||||
|
this.userPwd = "";
|
||||||
|
//
|
||||||
|
},
|
||||||
|
// 返回
|
||||||
|
closePass() {
|
||||||
|
this.showAuthentication = false;
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 返回主页
|
||||||
|
closeBack() {
|
||||||
|
this.showSetPass = false;
|
||||||
|
this.showVerfyPass = false;
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 获取信息
|
||||||
|
async getInfo() {
|
||||||
|
uni.showLoading();
|
||||||
|
await this.$api.mine
|
||||||
|
.getInfo()
|
||||||
|
.then(async (res) => {
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.userInfo = res.data;
|
||||||
|
this.showPage = true;
|
||||||
|
await this.getPaymentInfo();
|
||||||
|
await this.getNotReadMsg();
|
||||||
|
} else if (res.status === 401) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/login/login",
|
||||||
|
});
|
||||||
|
uni.clearStorageSync();
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg, null, "error");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
uni.showToast({
|
||||||
|
title: this.$t("load.failed"),
|
||||||
|
icon: "none"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
uni.hideLoading();
|
||||||
|
/* let res = await this.$api.mine.getInfo();
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.userInfo = res.data;
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg , null, "error");
|
||||||
|
} */
|
||||||
|
},
|
||||||
|
// 获取藏品
|
||||||
|
async getPaymentInfo() {
|
||||||
|
let res = await this.$api.mine.paymentList();
|
||||||
|
console.log(1111, res)
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.paymentList = res.data.data;
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg || this.$t("load.failed"), null, "error");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async onShow() {
|
||||||
|
this.showPage = false;
|
||||||
|
await this.getInfo();
|
||||||
|
this.canScan = uni.getStorageSync("mall-user-info")?.canScan;
|
||||||
|
|
||||||
|
// 判断是否是第一次设置
|
||||||
|
if (this.userInfo.isNeedChange === 1) {
|
||||||
|
this.showSetPass = true;
|
||||||
|
} else {
|
||||||
|
this.userPwd = "";
|
||||||
|
// 如果localStorage中有isSetPass 说明已经设置过操作密码,不需要再次验证
|
||||||
|
this.showAuthentication = uni.getStorageSync("isSetPass") !== 1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url("@/static/image/home/mine-bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
// border: 1px solid red;696.1123
|
||||||
|
}
|
||||||
|
.login-input {
|
||||||
|
height: 68upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.6);
|
||||||
|
padding: 0 20rpx;
|
||||||
|
|
||||||
|
/deep/ .uni-input-placeholder {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
color: #E4E4E4;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 100vw;
|
||||||
|
height: 122rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 188rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-top: 36rpx;
|
||||||
|
margin-left: 48rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-box {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
height: 210rpx;
|
||||||
|
margin: 20rpx 28rpx 20rpx 28rpx;
|
||||||
|
padding: 22rpx 20rpx;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
margin-left: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
|
||||||
|
.username {
|
||||||
|
width: 75%;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 34rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blockchain {
|
||||||
|
color: #699A70;
|
||||||
|
font-size: 20rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 75%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mine-icon {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
height: 130rpx;
|
||||||
|
margin: 0rpx 28rpx 40rpx 28rpx;
|
||||||
|
padding: 20rpx 20rpx;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag,
|
||||||
|
.message,
|
||||||
|
.scan,
|
||||||
|
.setting {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.point {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 999;
|
||||||
|
left: 35rpx;
|
||||||
|
top: 0rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .scan {
|
||||||
|
|
||||||
|
// width: 60rpx;
|
||||||
|
|
||||||
|
// font-size: 20rpx;
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.his-title-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
margin: 28rpx;
|
||||||
|
padding-bottom: 4upx;
|
||||||
|
color: #959595;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&>.line {
|
||||||
|
flex: 1;
|
||||||
|
height: 0.5rpx;
|
||||||
|
background: #D0D0D0;
|
||||||
|
margin-left: 5rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.his-box {
|
||||||
|
margin: 0 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 332rpx;
|
||||||
|
height: 418rpx;
|
||||||
|
// background: #000000;
|
||||||
|
// border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin: 20rpx 10rpx 0 18rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 28rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 16rpx;
|
||||||
|
right: 18rpx;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
height: 324rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
height: 96rpx;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 96rpx;
|
||||||
|
background-position: center center;
|
||||||
|
background-size:cover !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentD {
|
||||||
|
background: url("../../static/image/mine/item-bg1.png") no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentC {
|
||||||
|
background: url("../../static/image/mine/item-bg2.png") no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentB {
|
||||||
|
background: url("../../static/image/mine/item-bg3.png") no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentA {
|
||||||
|
background: url("../../static/image/mine/item-bg4.png") no-repeat;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.invite-box {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx;
|
||||||
|
|
||||||
|
.content3 {
|
||||||
|
background: url("../../static/image/mine/item-bg3.png") no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content4 {
|
||||||
|
background: url("../../static/image/mine/item-bg4.png") no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
height: 96rpx;
|
||||||
|
width: 100%;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 96rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx 0 42rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-button {
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 34rpx 50rpx 38rpx 0;
|
||||||
|
// border-bottom: 1px solid #dedede;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.right {
|
||||||
|
font-size: 20rpx;
|
||||||
|
|
||||||
|
.tag-btn {
|
||||||
|
width: 100rpx;
|
||||||
|
|
||||||
|
/deep/ .u-tag {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-tag__text--medium {
|
||||||
|
font-size: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
height: 40rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-popup__content {
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-top {
|
||||||
|
width: 466rpx;
|
||||||
|
padding: 16rpx 40rpx;
|
||||||
|
background: #699A70;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-box {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 26rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
padding-bottom: 80rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin: 46rpx 0 34rpx 0;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-pl {
|
||||||
|
text-align: center;
|
||||||
|
color: #878787;
|
||||||
|
font-size: 28rpx;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.verfy-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-size: 24rpx;
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
margin-top: 90rpx;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-code-input__item {
|
||||||
|
background: rgba(228, 228, 228, 0.7);
|
||||||
|
width: 60rpx !important;
|
||||||
|
height: 60rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pass-box {
|
||||||
|
width: 582rpx;
|
||||||
|
height: 484rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin: 46rpx 0 34rpx 0;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-end {
|
||||||
|
margin-top: 70rpx;
|
||||||
|
padding: 58rpx;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}</style>
|
||||||
367
pages/mine/notice/notice.vue
Normal file
367
pages/mine/notice/notice.vue
Normal file
@ -0,0 +1,367 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<feedback :showQa="showQa" @closeFeed ='closeFeed'/>
|
||||||
|
<navBar :navTitle="'消息'" :hasRight="true" :stickyShow="stickyShow" :currentPage="'pages/mine/index'" :backBackGroundColor="'#699A70'" @clickRight="clickRight"/>
|
||||||
|
<view class="list">
|
||||||
|
<scroll-view style="width: 100%; height: calc(100vh - 200upx); position: relative" scroll-y="true">
|
||||||
|
<view
|
||||||
|
class="card"
|
||||||
|
v-for="item in indexList"
|
||||||
|
:key="item.Uuid"
|
||||||
|
:style="!item.Clicked ||!item.Claimed? 'background-color: #E4E4E4;':'background-color: #FFFFFF;' "
|
||||||
|
@click="openKt(item)"
|
||||||
|
>
|
||||||
|
<view class="avtor"><image class="avtimg" :src="item.PicUrl"></image></view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="item-txt">
|
||||||
|
<view v-if="item.DropOrAnnounce === 0" class="kt">{{$t('airdrop')}}</view>
|
||||||
|
<view v-else class="gonggao">{{$t('announcement')}}</view>
|
||||||
|
<view v-if="item.DropOrAnnounce === 0" class="title">{{ item.Series }}</view>
|
||||||
|
<view v-else class="title">{{ item.Title }}</view>
|
||||||
|
<image
|
||||||
|
v-if="!item.Clicked&& item.DropOrAnnounce === 0"
|
||||||
|
class="dian"
|
||||||
|
src="../../../static/image/mine/dian.png"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<view class="item-txt" style="margin-top: 10upx">
|
||||||
|
<view v-if="item.DropOrAnnounce === 0" class="content">{{ item.Desc }}</view>
|
||||||
|
<view v-else class="content" v-html="item.Content"></view>
|
||||||
|
<!-- <view style="font-size: 12upx;color: rgba(255, 255, 255, 0.3);">{{ item.TimeFormat }}</view> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
<u-popup :show="showKt" mode="center" @close="closePop" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view style="padding-left: 190upx; padding-right: 190upx">
|
||||||
|
<view v-if="!this.isMsgDetail" class="title">{{$t('airdrop')}}</view>
|
||||||
|
<view v-else style="background-color: #EDC466;" class="title">{{$t('announcement')}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="item"><image style="width: 600upx; height: 600upx" :src="listItem.PicUrl"></image></view>
|
||||||
|
<view
|
||||||
|
style="
|
||||||
|
color: #000;
|
||||||
|
margin-top: 10upx;
|
||||||
|
margin-bottom: 10upx;
|
||||||
|
font-size: 40upx;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ this.isMsgDetail ? listItem.Title : listItem.Collection }}
|
||||||
|
</view>
|
||||||
|
<view v-if="!this.isMsgDetail" style="color: #6c6c6c; margin-top: 10upx; margin-bottom: 10upx">
|
||||||
|
{{ listItem.Desc }}
|
||||||
|
</view>
|
||||||
|
<view v-else style="color: #6c6c6c; margin-top: 10upx; margin-bottom: 10upx" v-html="listItem.Content"></view>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex">
|
||||||
|
<u-button
|
||||||
|
v-if="listItem.Claimed === 0 && !this.isMsgDetail"
|
||||||
|
:text="$t('to.accept')"
|
||||||
|
|
||||||
|
@click="recive"
|
||||||
|
style="width: 460rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;background: #699A70;
|
||||||
|
border: none;
|
||||||
|
color:#fff;"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-if="listItem.Clicked === 0 && this.isMsgDetail"
|
||||||
|
:text="$t('read')"
|
||||||
|
@click="readMsg"
|
||||||
|
style="
|
||||||
|
width: 460rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
background: #699A70;
|
||||||
|
border: none;
|
||||||
|
color:#fff;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-if="listItem.Clicked === 1 && this.isMsgDetail"
|
||||||
|
:text="$t('close')"
|
||||||
|
|
||||||
|
@click="closePop"
|
||||||
|
style="
|
||||||
|
width: 460rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
background: #699A70;
|
||||||
|
border: none;
|
||||||
|
color:#fff;
|
||||||
|
"
|
||||||
|
></u-button>
|
||||||
|
<u-button
|
||||||
|
v-if="listItem.Claimed === 1 && !this.isMsgDetail"
|
||||||
|
:text="$t('close')"
|
||||||
|
|
||||||
|
@click="closePop"
|
||||||
|
style="width: 460rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;background: #699A70;
|
||||||
|
border: none;
|
||||||
|
color:#fff;"
|
||||||
|
></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import feedback from '../feedback/feedback.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components:{
|
||||||
|
feedback
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showKt: false,
|
||||||
|
stickyShow: false,
|
||||||
|
indexList: [],
|
||||||
|
listItem: {},
|
||||||
|
isMsgDetail: false,
|
||||||
|
showQa:false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.loadmore();
|
||||||
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
closePop() {
|
||||||
|
this.showKt = false;
|
||||||
|
this.loadmore();
|
||||||
|
this.canScroll();
|
||||||
|
},
|
||||||
|
// 打开空头详情
|
||||||
|
async openKt(item) {
|
||||||
|
this.listItem = item;
|
||||||
|
// console.log(this.listItem);
|
||||||
|
if (this.listItem.DropOrAnnounce === 0) {
|
||||||
|
this.isMsgDetail = false;
|
||||||
|
await this.clickDetail();
|
||||||
|
} else {
|
||||||
|
this.isMsgDetail = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.showKt = true;
|
||||||
|
this.stopScroll();
|
||||||
|
},
|
||||||
|
// 阅读
|
||||||
|
async readMsg(){
|
||||||
|
let data = {
|
||||||
|
Uuid: this.listItem.Uuid,
|
||||||
|
Clicked: this.listItem.Clicked
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.readMsg(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.showKt = false;
|
||||||
|
this.canScroll();
|
||||||
|
this.loadmore();
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 查看详情
|
||||||
|
async clickDetail() {
|
||||||
|
let data = {
|
||||||
|
Collection: this.listItem.Collection,
|
||||||
|
Desc: this.listItem.Desc,
|
||||||
|
PicUrl: this.listItem.PicUrl,
|
||||||
|
Series: this.listItem.Series,
|
||||||
|
Uuid: this.listItem.Uuid,
|
||||||
|
Clicked: this.listItem.Clicked
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.collectionSepcific(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 加载空投列表
|
||||||
|
async loadmore() {
|
||||||
|
let res = await this.$api.airdrop.collectionList();
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.indexList = res.data.Data;
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 接受1
|
||||||
|
async recive() {
|
||||||
|
let data = {
|
||||||
|
UserId: uni.getStorageSync('mall-user-info').ID,
|
||||||
|
Uuid: this.listItem.Uuid
|
||||||
|
};
|
||||||
|
|
||||||
|
let res = await this.$api.airdrop.getCollection(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.step2(this.listItem.CollectionUid);
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 接受1
|
||||||
|
async step2(id) {
|
||||||
|
let data = {
|
||||||
|
collectionsUID: id,
|
||||||
|
userAirdropUuid: this.listItem.Uuid
|
||||||
|
};
|
||||||
|
let res = await this.$api.airdrop.getCollectionStepTwo(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.showKt = false;
|
||||||
|
this.canScroll();
|
||||||
|
this.loadmore();
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clickRight() {
|
||||||
|
this.showQa = true;
|
||||||
|
},
|
||||||
|
closeFeed(isShow){
|
||||||
|
this.showQa = isShow
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: #F5F5F5;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.main {
|
||||||
|
height: 100%;
|
||||||
|
padding: 36upx 32upx;
|
||||||
|
.list {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
// .u-popup /deep/ .u-transition {
|
||||||
|
// background-color: rgba(0, 0, 0, 0.9) !important;
|
||||||
|
// }
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx;
|
||||||
|
.title {
|
||||||
|
// background-color: rgba(88, 146, 255, 0.6);
|
||||||
|
background: rgba(105,154,112, 0.6);
|
||||||
|
font-size: 40rpx;
|
||||||
|
|
||||||
|
border-radius: 40upx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
.u-button {
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
width: 100%;
|
||||||
|
height: 200upx;
|
||||||
|
border-radius: 8upx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20upx;
|
||||||
|
display: inline-flex;
|
||||||
|
// background: #FFFFFF;
|
||||||
|
.avtor {
|
||||||
|
width: 220upx;
|
||||||
|
margin-top: 30upx;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
align-items: center;
|
||||||
|
.avtimg {
|
||||||
|
width: 144upx;
|
||||||
|
height: 144upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
padding-right: 20upx;
|
||||||
|
position: relative;
|
||||||
|
.happy {
|
||||||
|
position: absolute;
|
||||||
|
width: 181upx;
|
||||||
|
height: 176upx;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.item-txt {
|
||||||
|
margin-top: 30upx;
|
||||||
|
display: inline-flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
.kt {
|
||||||
|
padding: 4upx 16upx ;
|
||||||
|
// background-color: #558bf2;
|
||||||
|
background: #699A70;
|
||||||
|
border-radius: 30upx;
|
||||||
|
margin-right: 10upx;
|
||||||
|
font-size: 24upx;
|
||||||
|
}
|
||||||
|
.gonggao {
|
||||||
|
padding: 4upx 16upx ;
|
||||||
|
background-color: #edc466;
|
||||||
|
border-radius: 30upx;
|
||||||
|
margin-right: 10upx;
|
||||||
|
font-size: 24upx;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
width: 290upx;
|
||||||
|
font-size: 34upx;
|
||||||
|
line-height: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
word-break: break-all;
|
||||||
|
color: #434343;
|
||||||
|
text-align: left;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
.dian {
|
||||||
|
width: 40upx;
|
||||||
|
height: 40upx;
|
||||||
|
position: absolute;
|
||||||
|
right: 20upx;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
width: 300upx;
|
||||||
|
height: 80upx;
|
||||||
|
word-break: break-all;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
152
pages/mine/realName/realName.vue
Normal file
152
pages/mine/realName/realName.vue
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<navBar navTitle="" :hasLogo="true" :backToUrl="'/pages/mine/setting/setting'" :backBackGroundColor="'#3D553D'" />
|
||||||
|
<view class="input-box">
|
||||||
|
<view class="text">{{ $t('realname.conduct') }}</view>
|
||||||
|
<view class="formItem">
|
||||||
|
<view style="color: #434343;font-size: 26upx;">{{ $t('buyVerfy.username') }}：</view>
|
||||||
|
<u-input v-model="realName" shape="circle" border="none" class="login-input"></u-input>
|
||||||
|
</view>
|
||||||
|
<view class="formItem">
|
||||||
|
<view style="color:#434343;font-size: 26upx;">{{ $t('buyVerfy.idNum') }}：</view>
|
||||||
|
<u-input v-model="idNum" shape="circle" border="none" class="login-input"></u-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-button :text="$t('buyVerfy.done')" color="#699A70" @click="save" class="btn"></u-button>
|
||||||
|
<!-- <view @click="cancel" class="cancel">{{ $t('buyVerfy.cancel') }}</view> -->
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
idNum: '',
|
||||||
|
realName: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/setting/setting'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async save() {
|
||||||
|
if (!this.idNum || !this.realName) {
|
||||||
|
return this.$refs.uToast.show({
|
||||||
|
message: '姓名和身份证号码不能为空',
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let data = { idNum: this.idNum, realName: this.realName }
|
||||||
|
let res = await this.$api.mine.update(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
message: this.$t('buyVerfy.done'),
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
this.cancel()
|
||||||
|
} else {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
message: res.msg,
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url('@/static/image/home/new_bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-input__content__field-wrapper__field {
|
||||||
|
font-size: 24upx !important;
|
||||||
|
margin-left: 10upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-top: 40upx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 201upx;
|
||||||
|
height: 60upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
height: 56rpx;
|
||||||
|
width: 600upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 120upx;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
text-align: center;
|
||||||
|
height: 56rpx;
|
||||||
|
width: 600upx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40upx;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 258upx;
|
||||||
|
width: 638upx;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 45upx;
|
||||||
|
margin-bottom: 250upx;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formItem {
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 40upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-input {
|
||||||
|
height: 60upx;
|
||||||
|
background-color: rgba(135, 135, 135, 0.5);
|
||||||
|
margin-left: 10upx;
|
||||||
|
width: 482upx;
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
color: #fff;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
width: 24upx;
|
||||||
|
height: 24upx;
|
||||||
|
margin-right: 20upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
501
pages/mine/setting/setting.vue
Normal file
501
pages/mine/setting/setting.vue
Normal file
@ -0,0 +1,501 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<navBar navTitle="" :hasLogo="true" :hasRight="true" :backToUrl="'/pages/mine/index'" :isSwitchTab="true"
|
||||||
|
@clickRight="clickRight" :color="'#000000'" :backBackGroundColor="'rgb(105, 154, 112)'" />
|
||||||
|
<view class="avtor">
|
||||||
|
<image :src="userInfo.avatar + '?x-oss-process=image/resize,w_158,h_158'"></image>
|
||||||
|
<view>
|
||||||
|
<u-button :text="$t('avatar.def')" shape="circle" class="size" style="background-color: #000000;"
|
||||||
|
@click="backDafult"></u-button>
|
||||||
|
<u-upload :fileList="fileList" name="1" accept="image" @afterRead="upLoaded">
|
||||||
|
<u-button :text="$t('avatar.update')" shape="circle" class="size"></u-button>
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info">
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('userInfo.name') }}</view>
|
||||||
|
<view class="gray" style="display:flex;justify-content: center;align-items: center;">
|
||||||
|
<view>{{ userInfo.nickName }}</view>
|
||||||
|
<text class="rz" @click="showName = true">{{ $t('userInfo.updateName') }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-divider></u-divider>
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('userInfo.createTime') }}</view>
|
||||||
|
<view class="gray">{{ userInfo.createdAt }}</view>
|
||||||
|
</view>
|
||||||
|
<u-divider></u-divider>
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('userInfo.idNum') }}</view>
|
||||||
|
<view class="gray">{{ userInfo.ID }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info">
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('userInfo.phone') }}</view>
|
||||||
|
<view class="gray" style="display: flex;">
|
||||||
|
<u--text mode="phone" :text="userInfo.telNum" format="encrypt"></u--text>
|
||||||
|
<view class="rz" style="background-color:#676767;" @click="goChangeNum">{{ $t('phone.update') }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="width: 100%; text-align: right;color: #656565;margin-top: 20upx;font-size:20rpx">
|
||||||
|
*{{ $t('phone.verInfo') }}</view>
|
||||||
|
<view v-if="!userInfo.realName" class="info" style="margin-top: 20upx;">
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('user.realName') }}</view>
|
||||||
|
<view class="gray"><text class="rz" @click="goRealName">{{ $t('user.verfy') }}</text></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="userInfo.realName" class="info" style="margin-top: 20upx;">
|
||||||
|
<view class="item">
|
||||||
|
<view class="title" style="display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;">
|
||||||
|
{{ $t('user.username') }}
|
||||||
|
<view
|
||||||
|
style="background-color:#699A70 ;border-radius: 40rpx;font-size: 20rpx;padding: 0 15rpx 0 15rpx;color:#FFFFFF;margin-left:10rpx">
|
||||||
|
{{ $t('user.verDone') }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="gray">
|
||||||
|
{{ userInfo.realName }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-divider></u-divider>
|
||||||
|
<view class="item">
|
||||||
|
<view class="title">{{ $t('user.idNum') }}</view>
|
||||||
|
<view class="gray">{{ userInfo.idNum }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn">
|
||||||
|
<u-button :text="$t('account.logout')" shape="circle" class="size"
|
||||||
|
style=" background-color:#ED6666;color: #fff;border: 0;margin-right: 20upx;"
|
||||||
|
@click="showDestory = true"></u-button>
|
||||||
|
<u-button @click="showLogout = true" :text="$t('account.signOut')" shape="circle" class="size"
|
||||||
|
style="background-color: #3E3E3E;color: #fff;border: 0;"></u-button>
|
||||||
|
</view>
|
||||||
|
<u-popup :show="showName" mode="center" @close="showName = false" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title" style="color:#FFFFFF;font-size:40rpx">{{ $t('set.name') }}</view>
|
||||||
|
<view class="item">
|
||||||
|
<u--input :placeholder="$t('set.input')" shape="circle" v-model="changeName"
|
||||||
|
style="background-color: rgba(255, 255, 255, 0.5);border: 0;margin-left: 50upx;"
|
||||||
|
class="setName"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<u-button :text="$t('navbar.back')" color="#EDC466" @click="showName = false"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<u-button :text="$t('comfrim')" color="#699A70" @click="updateName"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<feedback :showQa="showQa" @closeFeed='closeFeed' />
|
||||||
|
<u-popup :show="showDestory" mode="center" @close="showDestory = false" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title" style="margin-bottom: 0;">
|
||||||
|
<image style="width: 76upx;height: 76upx;" src="../../../static/image/mine/warning.png"></image>
|
||||||
|
</view>
|
||||||
|
<view class="item" style="font-size: 32upx;">{{ $t('logout.info') }}</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<u-button :text="$t('navbar.back')" color="#EDC466" @click="showDestory = false"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<u-button :text="$t('comfrim')" color="#ED6666" @click="goConfirm"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="confirmDestory" mode="center" @close="confirmDestory = false" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title" style="margin-bottom: 0;">
|
||||||
|
<image style="width: 76upx;height: 76upx;" src="../../../static/image/mine/confim-warning.png"></image>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="sec">
|
||||||
|
<view>{{ $t('sendCode.send') }}{{ userInfo.telNum }}</view>
|
||||||
|
<view class="resend" @tap="getCode">{{ tips }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="code-box">
|
||||||
|
<u-code-input v-model="Code" :focus="focus"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="action-box">
|
||||||
|
<view class="confirm-input">
|
||||||
|
<view style="margin-bottom: 15upx;color: rgba(255, 255, 255, 0.6);">{{ $t('password.input') }}：
|
||||||
|
</view>
|
||||||
|
<u-code-input v-model="actCode"></u-code-input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="tips">*注意：此操作将彻底删除该账号所有信息</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<u-button :text="$t('navbar.back')" color="#ECC366" @click="confirmDestory = false"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<u-button :text="$t('logout.btn')" color="#ED6666" @click="destoryAccount"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-popup :show="showLogout" mode="center" @close="showLogout = false" bgColor="transparent">
|
||||||
|
<view class="popupLocale-box">
|
||||||
|
<view class="title" style="margin-bottom: 0;">
|
||||||
|
<image style="width: 80upx;height: 80upx;" src="../../../static/image/mine/warning.png"></image>
|
||||||
|
</view>
|
||||||
|
<view class="item" style="font-size: 30upx;">{{ $t('signout.info') }}</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<u-button :text="$t('navbar.back')" color="#ECC366" @click="showLogout = false"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
<u-button :text="$t('comfrim')" color="#ED6666" @click="logout"
|
||||||
|
style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
<u-code :seconds="seconds" @start="start" ref="uCode" @change="codeChange"></u-code>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import feedback from '../feedback/feedback.vue';
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
feedback
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showName: false,
|
||||||
|
showQa: false,
|
||||||
|
showDestory: false,
|
||||||
|
showLogout: false,
|
||||||
|
confirmDestory: false,
|
||||||
|
fileList: [],
|
||||||
|
tips: '',
|
||||||
|
seconds: 60,
|
||||||
|
wathTime: 10,
|
||||||
|
changeName: '',
|
||||||
|
focus: false,
|
||||||
|
Code: '',
|
||||||
|
actCode: '',
|
||||||
|
userInfo: {},
|
||||||
|
// content: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getInfo()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取信息
|
||||||
|
async getInfo() {
|
||||||
|
let res = await this.$api.mine.getInfo();
|
||||||
|
if (res.status === 0) {
|
||||||
|
this.userInfo = res.data;
|
||||||
|
} else {
|
||||||
|
this.$common.msgToast(res.msg, null, 'error');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取头像
|
||||||
|
uploadFilePromise(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const Authorization = uni.getStorageSync('token');
|
||||||
|
const userId = uni.getStorageSync('mall-user-info').ID
|
||||||
|
let a = uni.uploadFile({
|
||||||
|
url: this.$baseUrl + '/mall/upload/file',
|
||||||
|
filePath: url,
|
||||||
|
name: 'file',
|
||||||
|
formData: {
|
||||||
|
type: 'image',
|
||||||
|
source: 'user',
|
||||||
|
mask: userId
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
Authorization
|
||||||
|
},
|
||||||
|
success: res => {
|
||||||
|
resolve(res.data);
|
||||||
|
|
||||||
|
this.updateInfo({
|
||||||
|
avatar: JSON.parse(res.data).data.ori_url
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 上传头像
|
||||||
|
async upLoaded(file, lists, name) {
|
||||||
|
this.uploadFilePromise(file.file.url);
|
||||||
|
},
|
||||||
|
// 发送验证码
|
||||||
|
start() {
|
||||||
|
uni.$u.toast(this.$t('sendCode'));
|
||||||
|
},
|
||||||
|
// 改变提示
|
||||||
|
codeChange(text) {
|
||||||
|
this.tips = text;
|
||||||
|
},
|
||||||
|
async destoryAccount() {
|
||||||
|
if (!this.Code || !this.actCode) {
|
||||||
|
this.$common.msgToast(this.$t('code.actPass'), null, 'error');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const data = {
|
||||||
|
password: this.actCode,
|
||||||
|
code: this.Code
|
||||||
|
}
|
||||||
|
const res = await this.$api.mine.logout(data)
|
||||||
|
if (res.status === 0) {
|
||||||
|
console.log(res)
|
||||||
|
this.confirmDestory = false;
|
||||||
|
this.logout()
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取验证码
|
||||||
|
async getCode() {
|
||||||
|
if (this.$refs.uCode.canGetCode) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: this.$t('sendCode.loading')
|
||||||
|
});
|
||||||
|
|
||||||
|
let res = await this.$api.mine.mineCode({
|
||||||
|
TelNum: this.userInfo.telNum
|
||||||
|
});
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
|
this.focus = true;
|
||||||
|
this.$refs.uCode.start();
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(this.$t('sendCode.toast'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 退出登录
|
||||||
|
logout() {
|
||||||
|
// uni.removeStorageSync("mall-user-info");
|
||||||
|
// uni.removeStorageSync("token");
|
||||||
|
uni.clearStorageSync();
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 确认销毁
|
||||||
|
goConfirm() {
|
||||||
|
this.showDestory = false;
|
||||||
|
this.confirmDestory = true;
|
||||||
|
},
|
||||||
|
// 修改电话
|
||||||
|
goChangeNum() {
|
||||||
|
if (!this.userInfo.realName) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/changePhone/changePhone?telNum=' + this.userInfo.telNum
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 实名认证
|
||||||
|
goRealName() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/mine/realName/realName'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 更新昵称
|
||||||
|
async updateName() {
|
||||||
|
await this.updateInfo({
|
||||||
|
nickName: this.changeName
|
||||||
|
})
|
||||||
|
this.showName = false
|
||||||
|
},
|
||||||
|
// 更新信息
|
||||||
|
async updateInfo(data) {
|
||||||
|
let res = await this.$api.mine.update(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
uni.$u.toast(this.$t('update.succes'));
|
||||||
|
this.getInfo()
|
||||||
|
uni.setStorageSync('mall-user-info', this.userInfo);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// ，默认头像
|
||||||
|
backDafult() {
|
||||||
|
this.updateInfo({
|
||||||
|
avatar: 'https://dci-file.bj.bcebos.com/shop-main/prod/image/0/user/6ae57adf-7d05-4f84-9053-d39967870327.jpg'
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
// 反馈
|
||||||
|
clickRight() {
|
||||||
|
this.showQa = true;
|
||||||
|
},
|
||||||
|
closeFeed(isShow) {
|
||||||
|
this.showQa = isShow
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: url('@/static/image/home/new_bg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sec {
|
||||||
|
color: #ffffff;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
top: 120upx;
|
||||||
|
|
||||||
|
.resend {
|
||||||
|
margin-left: 100upx;
|
||||||
|
color: #fcb462;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-box {
|
||||||
|
margin-top: 70upx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-code-input__item {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 20upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.65);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
display: grid;
|
||||||
|
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.avtor {
|
||||||
|
margin-top: 40upx;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 160upx;
|
||||||
|
height: 160upx;
|
||||||
|
border-radius: 40upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.size {
|
||||||
|
color: #fff;
|
||||||
|
border: 0;
|
||||||
|
background-color: #699A70;
|
||||||
|
margin-bottom: 20upx;
|
||||||
|
width: 348upx;
|
||||||
|
height: 64upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-box {
|
||||||
|
|
||||||
|
margin-top: 50upx;
|
||||||
|
position: relative;
|
||||||
|
height: 250upx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
|
|
||||||
|
.confirm-input {
|
||||||
|
position: absolute;
|
||||||
|
top: 30%;
|
||||||
|
left: 4%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
width: 600upx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
margin-top: 65upx;
|
||||||
|
padding: 34rpx 40upx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
font-size: 30upx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.rz {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-left: 10upx;
|
||||||
|
font-size: 20rpx;
|
||||||
|
background-color: #699A70;
|
||||||
|
color: #FFFFFF;
|
||||||
|
border-radius: 40upx;
|
||||||
|
padding: 6rpx 34rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gray {
|
||||||
|
color: #878787;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
margin-top: 100upx;
|
||||||
|
width: 100%;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popupLocale-box {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
width: 582rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 30rpx 42rpx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-button {
|
||||||
|
width: 260rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 34rpx 0 38rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips {
|
||||||
|
color: #DC0023;
|
||||||
|
font-size: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 80rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.setName {
|
||||||
|
/deep/ .uni-input-placeholder {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uni-input-input {
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
}</style>
|
||||||
46
pages/start/start.vue
Normal file
46
pages/start/start.vue
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<!-- <image src="../../static/image/start/logo.png" mode="" class="logo"></image> -->
|
||||||
|
<!-- <image src="../../static/image/start/welcome.png" mode="" class="welcome"></image> -->
|
||||||
|
<!-- <image src="../../static/image/start/bt-bg.png" mode="" class="btBg"></image> -->
|
||||||
|
<!-- <view class="btn" @click="goHome">
|
||||||
|
点击进入
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/* goHome() {
|
||||||
|
console.log(1111);
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
} */
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
},1000)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page{
|
||||||
|
height: 100vh;
|
||||||
|
background:url('../../static/image/start/new_bg.png') no-repeat center center fixed;
|
||||||
|
background-size: cover;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
14
static/1.mtl
Normal file
14
static/1.mtl
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
#
|
||||||
|
## Alias OBJ Material File
|
||||||
|
# Exported from SketchUp, (c) 2000-2012 Trimble Navigation Limited
|
||||||
|
|
||||||
|
newmtl Color_D06
|
||||||
|
Ka 0.000000 0.000000 0.000000
|
||||||
|
Kd 0.894118 0.752941 0.329412
|
||||||
|
Ks 0.330000 0.330000 0.330000
|
||||||
|
|
||||||
|
newmtl Color_D07
|
||||||
|
Ka 0.000000 0.000000 0.000000
|
||||||
|
Kd 0.650980 0.513725 0.105882
|
||||||
|
Ks 0.330000 0.330000 0.330000
|
||||||
|
|
||||||
25988
static/1.obj
Normal file
25988
static/1.obj
Normal file
File diff suppressed because it is too large
Load Diff
19
static/5.mtl
Normal file
19
static/5.mtl
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
#
|
||||||
|
## Alias OBJ Material File
|
||||||
|
# Exported from SketchUp, (c) 2000-2012 Trimble Navigation Limited
|
||||||
|
|
||||||
|
newmtl Color_D06
|
||||||
|
Ka 0.000000 0.000000 0.000000
|
||||||
|
Kd 0.894118 0.752941 0.329412
|
||||||
|
Ks 0.330000 0.330000 0.330000
|
||||||
|
|
||||||
|
newmtl ForegroundColor
|
||||||
|
Ka 0.000000 0.000000 0.000000
|
||||||
|
Kd 0.000000 0.000000 0.000000
|
||||||
|
Ks 0.330000 0.330000 0.330000
|
||||||
|
|
||||||
|
newmtl Color_D07
|
||||||
|
Ka 0.000000 0.000000 0.000000
|
||||||
|
Kd 0.650980 0.513725 0.105882
|
||||||
|
Ks 0.330000 0.330000 0.330000
|
||||||
|
|
||||||
76656
static/5.obj
Normal file
76656
static/5.obj
Normal file
File diff suppressed because it is too large
Load Diff
BIN
static/app.png
Normal file
BIN
static/app.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
static/bg-3d.png
Normal file
BIN
static/bg-3d.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 403 KiB |
5
static/book.txt
Normal file
5
static/book.txt
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
安卓证书
|
||||||
|
|
||||||
|
证书别名： mallapp
|
||||||
|
秘钥密码： 12345678
|
||||||
|
证明文件： <同目录的mall-app.keystore>SDSSS
|
||||||
BIN
static/code.jpg
Normal file
BIN
static/code.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
static/image/home/1.png
Normal file
BIN
static/image/home/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 451 KiB |
BIN
static/image/home/1/1.png
Normal file
BIN
static/image/home/1/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
static/image/home/1/2.png
Normal file
BIN
static/image/home/1/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
BIN
static/image/home/1/bg.png
Normal file
BIN
static/image/home/1/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
static/image/home/1/flower.png
Normal file
BIN
static/image/home/1/flower.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
static/image/home/1/line.png
Normal file
BIN
static/image/home/1/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 B |
BIN
static/image/home/1/top-bg.png
Normal file
BIN
static/image/home/1/top-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
BIN
static/image/home/1/top-bg1.png
Normal file
BIN
static/image/home/1/top-bg1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
static/image/home/222.png
Normal file
BIN
static/image/home/222.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
BIN
static/image/home/333.png
Normal file
BIN
static/image/home/333.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 465 KiB |
BIN
static/image/home/activity/article.png
Normal file
BIN
static/image/home/activity/article.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 578 KiB |
BIN
static/image/home/activity/bg.png
Normal file
BIN
static/image/home/activity/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
BIN
static/image/home/activity/container.png
Normal file
BIN
static/image/home/activity/container.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
static/image/home/activity/from.png
Normal file
BIN
static/image/home/activity/from.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/image/home/activity/right.png
Normal file
BIN
static/image/home/activity/right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
BIN
static/image/home/activity/series.png
Normal file
BIN
static/image/home/activity/series.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
static/image/home/activity/series1.png
Normal file
BIN
static/image/home/activity/series1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
BIN
static/image/home/activity/title.png
Normal file
BIN
static/image/home/activity/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
static/image/home/activity/wen_an.png
Normal file
BIN
static/image/home/activity/wen_an.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 630 KiB |
BIN
static/image/home/activity/xqy1_01.png
Normal file
BIN
static/image/home/activity/xqy1_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
static/image/home/activity/xqy1_02.png
Normal file
BIN
static/image/home/activity/xqy1_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 777 KiB |
BIN
static/image/home/activity/xqy1_03.png
Normal file
BIN
static/image/home/activity/xqy1_03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
static/image/home/activity/xqy1_04.png
Normal file
BIN
static/image/home/activity/xqy1_04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
static/image/home/activity/xqy1_05.png
Normal file
BIN
static/image/home/activity/xqy1_05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
static/image/home/activity/xqy1_06.png
Normal file
BIN
static/image/home/activity/xqy1_06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
static/image/home/activity/xqy1_07.png
Normal file
BIN
static/image/home/activity/xqy1_07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
BIN
static/image/home/bg-info.png
Normal file
BIN
static/image/home/bg-info.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/image/home/bg.png
Normal file
BIN
static/image/home/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
static/image/home/button.png
Normal file
BIN
static/image/home/button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
static/image/home/detail-bg.png
Normal file
BIN
static/image/home/detail-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 MiB |
BIN
static/image/home/detail-kind-bg.png
Normal file
BIN
static/image/home/detail-kind-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
static/image/home/detail_bg.png
Normal file
BIN
static/image/home/detail_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
static/image/home/down-icon.png
Normal file
BIN
static/image/home/down-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 B |
BIN
static/image/home/drawing-board.png
Normal file
BIN
static/image/home/drawing-board.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 MiB |
BIN
static/image/home/false.png
Normal file
BIN
static/image/home/false.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/image/home/flower.png
Normal file
BIN
static/image/home/flower.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/image/home/fonchain.png
Normal file
BIN
static/image/home/fonchain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
static/image/home/fontree-white.png
Normal file
BIN
static/image/home/fontree-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
static/image/home/fontree.png
Normal file
BIN
static/image/home/fontree.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
static/image/home/from.png
Normal file
BIN
static/image/home/from.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user