Commit 92deaafe authored by liwei's avatar liwei

删除了注册页面

parent 41104e77
This diff is collapsed.
<template>
<view class="dialog_box" v-if="show">
<view class="bg"></view>
<view class="dialog_content">
<view class="bag">
<image class="pop-bgc" :src="img + '/img/home-pop-bg.png'"></image>
<view class="divss">
<view class="namne">资料审核已提交</view>
<view class="namnes">为了保证交友环境安全,我们 需要对你的资料进行审核</view>
<view class="button" @click="gzh">审核通过后通知我</view>
</view>
</view>
<view class="dialog_foot" @click="hideDialog()"><image src="/static/images/closeing.png" mode="aspectFill" style="width: 64rpx;height: 64rpx;;"></image></view>
</view>
</view>
</template>
<script>
export default {
props: ['dataInfo'],
data() {
return {
img: this.$BASE_URL,
show: false,
info: this.dataInfo
};
},
onLoad() {},
methods: {
showDialog() {
this.show = true;
},
hideDialog() {
this.show = false;
uni.switchTab({
url: '/pages/tab/index'
});
},
gzh() {
this.show = false;
uni.navigateTo({
url: '/pages2/explain/explain'
});
}
}
};
</script>
<style lang="scss" scoped>
.dialog_box {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 99;
.bg {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}
.dialog_content {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
text-align: center;
.title {
font-size: 50rpx;
color: #fff;
margin: 40rpx auto;
}
.bag {
position: relative;
width: 500rpx;
height: 562rpx;
background: #ffffff;
border-radius: 24rpx 24rpx 24rpx 24rpx;
opacity: 1;
overflow: hidden;
margin-left: 125rpx;
margin-top: calc(100% - 333rpx);
.divss {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.namne {
width: 100%;
height: 56rpx;
font-size: 40rpx;
font-family: 'PingFang SC-Heavy, PingFang SC';
font-weight: 400;
color: #4a4a4a;
line-height: 56rpx;
margin-top: 156rpx;
text-align: center;
}
.button {
width: 392rpx;
height: 84rpx;
background: linear-gradient(86deg, #c2d2f9 0%, #c5c2f3 100%);
border-radius: 42rpx;
font-size: 28rpx;
font-family: 'PingFang SC-Regular, PingFang SC';
font-weight: 400;
color: #415c9e;
line-height: 84rpx;
text-align: center;
margin: 0 auto;
margin-top: 64rpx;
}
.namnes {
width: 364rpx;
height: 96rpx;
font-size: 28rpx;
font-family: 'PingFang SC-Regular, PingFang SC';
font-weight: 400;
color: #4a4a4a;
line-height: 48rpx;
margin: 0 auto;
margin-top: 40rpx;
text-align: center;
}
}
.pop-bgc {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
// z-index: -1;
}
.bag_body {
width: 100%;
height: 500rpx;
margin: auto;
background-color: #ff2c21;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
margin-top: -200rpx;
.ul {
margin: -100rpx 20rpx 20rpx;
border-radius: 32rpx;
background-color: #ffffff;
width: calc(100% - 40rpx);
height: calc(100% - 20rpx);
.li {
position: relative;
padding: 20rpx;
font-size: 0;
border-bottom: 1px solid #eee;
.lred,
.rred {
position: absolute;
bottom: -20rpx;
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background-color: #ff2c21;
}
.lred {
left: -20rpx;
}
.rred {
right: -20rpx;
}
&:last-child {
.lred,
.rred {
display: none;
}
}
.img,
.txt,
.money {
vertical-align: middle;
display: inline-block;
}
.img {
width: 80rpx;
}
.txt {
text-align: left;
margin-left: 20rpx;
width: calc(80% - 100rpx);
.name {
font-size: 40rpx;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tip {
font-size: 20rpx;
color: #bbbbbb;
}
}
.money {
font-size: 40rpx;
color: #ca6143;
font-weight: 700;
width: 20%;
label {
font-size: 20rpx;
}
}
}
}
}
.bag_foot {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100rpx;
&::before {
content: '';
position: absolute;
left: -10%;
top: -100rpx;
width: 120%;
height: 100rpx;
border-radius: 50%;
box-shadow: 0 50rpx 0 0 #f4c35d;
}
&::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(#f4c35d, #fb3e2a);
}
.txt {
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100rpx;
line-height: 100rpx;
font-size: 30rpx;
color: #fff;
text-align: center;
}
}
}
}
.dialog_foot {
margin-top: 40rpx;
text-align: center;
}
}
.sasas {
width: 530rpx;
height: 260rpx;
background: #ffffff;
border-radius: 20rpx;
}
.sasasa {
width: 460rpx;
margin: 0 auto 0rpx;
padding-top: 100rpx;
height: 120rpx;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #666666;
line-height: 40rpx;
}
</style>
<template>
<view clipchildren=false>
<!-- <text class="loading" :style="{opacity: lineLeft===0 ? '1' : '0'}">loading...</text> -->
<view class="fj-slider-box" :style="{opacity: lineLeft!==0 ? '1' : '0'}" clipchildren=false>
<!-- <view class="fj-value">
<text class="fj-v-l"
>{{fillMinValue}}</text>
<text class="fj-v-r" >{{fillValue}}</text>
</view> -->
<text class="tip" :style="{left:curValue==100?`${tipLeft-22}px`:`${tipLeft-16}px`,opacity: tipShow ? '1' : '0'}">{{curValue}}</text>
<view class="fj-slider" clipchildren=false>
<view class="fj-line" ref="fj-line"></view>
<view v-if="maxLeft-minLeft>=0" class="fj-line-pull"
:style="{left: `${minLeft + touchWidth/2}px`, width:`${Math.abs(maxLeft - minLeft)}px`}"></view>
<view v-else class="fj-line-pull"
:style="{left: `${minLeft + touchWidth/2- Math.abs(maxLeft - minLeft) }px`, width:`${Math.abs(maxLeft - minLeft)}px`}">
</view>
<view class="" style="width: 100rpx;height: 100rpx;position: absolute;display: flex;justify-content: flex-start;margin-top: -40rpx;
margin-left: -40rpx;"
ref="fjtouchleft" @touchstart="touchstart($event, 'min')" :style="{left:`${minLeft}px`}"
@touchmove="touchmove($event, 'min')" @touchend="touchend($event, 'min')">
<view class="fj-touch-left" style="margin-top: 40rpx;margin-left: 40rpx;margin-bottom: 20px;"> </view>
</view>
<view class="" style="width: 100rpx;height: 100rpx;position: absolute;display: flex;justify-content: flex-start;margin-top: -40rpx;
margin-right: -40rpx;" @touchstart="touchstart($event, 'max')" :style="{left:`${maxLeft-4}px`}"
@touchmove="touchmove($event, 'max')" @touchend="touchend($event, 'max')">
<view class="fj-touch-right"
style="margin-top: 40rpx;margin-right: 40rpx;margin-bottom: 20px;">
</view>
</view>
</view>
</view>
</view>
</template>
<script>
// #ifndef APP-PLUS
const createSelectorQuery = (that) => {
let query = uni.createSelectorQuery().in(that);
// #ifdef MP-ALIPAY
query = my.createSelectorQuery();
// #endif
return query;
}
// #endif
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #endif
export default {
name: 's-region-slider',
props: {
fillValue: {
type: Number,
default: 1000,
},
fillMinValue: {
type: Number,
default: 0,
},
minValue: {
type: Number,
default: 0,
},
maxValue: {
type: Number,
default: 1000,
},
step: {
type: Number,
default: 50,
},
},
watch: {
minValue(newVal, oldVla) {
if (newVal < this.fillMinValue || this.maxValue > this.fillValue) {
console.error(`请在${this.fillMinValue}-${this.fillValue}范围中设置`)
return;
}
this.sMinValue = newVal - this.fillMinValue;
this.showMinNum = newVal;
this.minLeft = this.sMinValue / this.percentage;
},
maxValue(newVal, oldVla) {
if (this.minValue < this.fillMinValue || newVal > this.fillValue) {
console.error(`请在${this.fillMinValue}-${this.fillValue}范围中设置`)
return;
}
this.sMaxValue = newVal - this.fillMinValue;
this.showMaxNum = newVal;
this.maxLeft = this.sMaxValue / this.percentage;
},
fillValue(newVal, oldVla) {
this.sFillValue = this.fillValue;
}
},
data() {
return {
tipShow: false,
tipLeft: 0,
minLeft: 0,
maxLeft: 0,
touchWidth: 30,
lineWidth: 0,
lineLeft: 0,
showMinNum: 0,
showMaxNum: 0,
curValue: 0,
sMinValue: 0,
sMaxValue: 0,
sFillValue: 0,
sFillMinValue: 0,
percentage: 0
};
},
mounted() {
this.$nextTick().then(() => {
this.envir({
classname: '.fj-touch-left',
refname: this.$refs.fjtouchleft,
fn: (ret) => {
this.touchWidth = ret.width;
}
})
this.envir({
classname: '.fj-line',
refname: this.$refs['fj-line'],
fn: (ret) => {
this.lineWidth = ret.width;
this.lineLeft = ret.left; //
this.sMinValue = (this.minValue - this.fillMinValue) > 0 ? this.minValue - this
.fillMinValue : 0;
this.sMaxValue = (this.maxValue - this.fillMinValue) > 0 ? this.maxValue - this
.fillMinValue : 0;
this.sFillValue = (this.fillValue - this.fillMinValue) > 0 ? this.fillValue -
this.fillMinValue : 0;
this.percentage = this.sFillValue / this.lineWidth;
this.minLeft = this.sMinValue / this.percentage;
this.maxLeft = this.sMaxValue / this.percentage;
this.showMaxNum = this.sMaxValue + this.fillMinValue;
this.showMinNum = this.sMinValue + this.fillMinValue;
}
})
})
},
methods: {
envir(opt) {
setTimeout(() => {
// #ifdef APP-PLUS
dom.getComponentRect(opt.refname, ret => {
const option = ret.size
opt.fn({
width: option.width,
height: option.height,
top: option.top,
bottom: option.bottom,
left: option.left,
right: option.right,
})
})
// #endif
// #ifndef APP-PLUS
createSelectorQuery(this).select(opt.classname).boundingClientRect().exec((data) => {
const option = data[0];
opt.fn({
width: option.width,
height: option.height,
top: option.top,
bottom: option.bottom,
left: option.left,
right: option.right,
})
})
// #endif
}, 200)
},
touchstart(e, type) {
this.$emit('down', {
...e,
custom: {
type,
minValue: this.showMinNum,
maxValue: this.showMaxNum
}
})
},
touchmove(e, type) {
// #ifndef APP-PLUS
const disX = e.touches[0].clientX - this.lineLeft
// #endif
// #ifdef APP-PLUS
const disX = e.touches[0].screenX - this.lineLeft
// #endif
if (disX < 0 || disX > this.lineWidth) {
return;
}
if (type === 'min') {
this.minLeft = Math.floor(disX);
if (this.minLeft < 0) {
this.minLeft = 0;
return;
}
if (this.maxLeft > this.lineWidth) {
this.maxLeft = this.lineWidth;
return;
}
//if(this.maxLeft - this.minLeft <= this.touchWidth ) {this.minLeft = this.maxLeft - this.touchWidth; return;}
this.curValue = Math.floor(this.minLeft * this.percentage);
}
if (type === 'max') {
this.maxLeft = Math.ceil(disX);
if (this.minLeft < 0) {
this.minLeft = 0;
return;
}
if (this.maxLeft > this.lineWidth) {
this.maxLeft = this.lineWidth;
return;
}
// if(this.maxLeft - this.minLeft <= this.touchWidth ) {this.maxLeft = this.minLeft + this.touchWidth;return;}
this.curValue = Math.round(this.maxLeft * this.percentage);
}
this.tipShow = true;
this.tipLeft = Math.round((this.curValue) / this.percentage);
this.tipLeft = this.tipLeft >= this.lineWidth ? this.lineWidth : this.tipLeft
this.tipLeft = this.tipLeft <= 0 ? 0 : this.tipLeft
this.curValue = this.curValue + this.fillMinValue;
this.$emit('move', {
...e,
custom: {
type,
minValue: this.showMinNum,
maxValue: this.showMaxNum,
curValue: this.curValue,
}
})
},
touchend(e, type) {
if (type === 'min') {
if (this.step === 1) {
this.sMinValue = this.curValue - this.fillMinValue;
} else {
const stepnum = Math.round((this.minLeft * this.percentage) / this.step);
this.sMinValue = stepnum * this.step;
this.minLeft = this.sMinValue / this.percentage;
}
}
if (type === 'max') {
if (this.step === 1) {
this.sMaxValue = this.curValue - this.fillMinValue;
} else {
const stepnum = Math.round((this.maxLeft * this.percentage) / this.step);
this.sMaxValue = stepnum * this.step;
if (this.sFillValue - this.sMaxValue < this.step) {
this.sMaxValue = this.sFillValue
}
this.maxLeft = this.sMaxValue / this.percentage;
}
}
this.tipShow = false;
if (this.sMinValue <= this.sMaxValue) {
this.showMaxNum = this.sMaxValue + this.fillMinValue;
this.showMinNum = this.sMinValue + this.fillMinValue;
} else {
this.showMaxNum = this.sMinValue + this.fillMinValue;
this.showMinNum = this.sMaxValue + this.fillMinValue;
}
this.$emit('up', {
...e,
custom: {
type,
minValue: this.showMinNum < this.fillMinValue ? this.fillMinValue : this.showMinNum,
maxValue: this.showMaxNum > this.fillValue ? this.fillValue : this.showMaxNum
}
})
},
},
};
</script>
<style scoped>
.fj-slider-box {
font-size: 12px;
position: relative;
}
.loading {
font-size: 12px;
}
.fj-value {
position: relative;
height: 50rpx;width: 686rpx;
display: flex;align-items: center;
}
.fj-v-l {
height: 50rpx;
font-size: 36rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 50rpx;
}
.fj-v-r {
height: 50rpx;
font-size: 32rpx;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #446CD2;
line-height: 50rpx;
margin-left: 24rpx;
}
.fj-slider {
position: relative;
height: 30px;
}
.fj-touch-left,
.fj-touch-right {
position: absolute;
width: 20rpx;
height: 20rpx;
background: #EBEEF3;
border-radius: 50%;
z-index: 3;
}
.tip {
position: absolute;
padding: 10px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
top: -60px;
border-radius: 10px;
z-index: 4;
font-size: 10px;
justify-content: center
}
.fj-line,
.fj-line-pull {
height: 5px;
position: absolute;
top: 3px;
left: 0px;
right: 15px;background: #E6E6E6;
width: 682rpx;
border-radius: 4rpx;
z-index: 1;
}
.fj-line-pull {
z-index: 2;
background: #446CD2;
}
</style>
<template>
<view class="container" @touchmove.stop.prevent="() => {}">
<u-navbar leftText=" " title=" " :bgColor="bgColor" :safeAreaInsetTop="true" :placeholder="true">
<view class="u-nav-slot" slot="left" @click="left">
<u-icon name="arrow-left" color="#000000" size="16" :bold="true"></u-icon>
</view>
</u-navbar>
<image class="bg-c" src="../../static/images/bg-c.png"></image>
<view class="sign-up-title-c">
<image class="bg1-l" src="../../static/images/left.png" mode="widthFix"></image>
<image class="bg2-2" src="../../static/images/right.png" mode="widthFix"></image>
<view class="sign-up-title-item">
<view class="yexy">
请选择你的最高学历
</view>
</view>
<view class="sign-up-title-tips" style="color: rgba(0, 0, 0, 0);">
.
</view>
</view>
<view class="select-c">
<picker-view @change="bindChange" :mask-style="fsdfds" class="picker-view"
:indicator-style="indicatorStyle" indicator-class="indicator-class">
<picker-view-column>
<view class="item" v-for="(item,index) in listArr" :key="index" :class="val==item?'lldl':''">
{{item}}
</view>
</picker-view-column>
</picker-view>
</view>
<view class="to-btn" @click="stepToNext">
下一步(4/6)
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
// 最高学历 Specialty("专科"), \n Undergraduate("本科"), \n Master("硕士"), \n Doctor("博士")
return {
listArr: ['博士', '硕士', '本科', '专科'],
bgColor: 'rgba(0, 31, 63, 0)',
val: "博士",
indicatorStyle: `height: 41px;color: rgba(51, 51, 51, 0.2);`,
fsdfds: `opacity: 0.1;background: rgba(238, 245, 254, 0);`,
obj: {},
img: this.$BASE_URL,
};
},
onLoad(options) {
this.obj = JSON.parse(options.obj)
console.log(this.obj)
},
methods: {
left() {
uni.navigateBack()
},
stepToNext() {
this.obj.education = this.val == '专科' ? 'Specialty' : this.val == '本科' ? 'Undergraduate' : this.val ==
'硕士' ? 'Master' : this.val == '博士' ? 'Doctor' : ''
console.log(this.val, this.obj);
uni.navigateTo({
url: '/pagesintroduction/selectPhoto/selectPhoto?obj=' + JSON.stringify(this.obj)
})
},
bindChange(val) {
this.val = this.listArr[val.detail.value[0]]
console.log(val, this.val);
}
}
}
</script>
<style lang="scss" >
.bg-c {
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
}page {
width: 100%;
height: 100%;
}
.container{
position: relative;
width: 100vw;
height: 100%;
}
.sign-up-title-c {
position: relative;
width: 594rpx;
height: 200rpx;
margin: auto;
margin-top: 52rpx;
box-sizing: content-box;
overflow: hidden;
color: #333;
.bg1-l {
position: absolute;
top: 0rpx;
left: 10rpx;
width: 95rpx;
z-index: -1;
}
.bg2-2 {
position: absolute;
top: 66rpx;
right: -10rpx;
width: 83rpx;
z-index: -1;
}
.sign-up-title-item {
font-size: 48rpx;
display: flex;
align-items: center;
margin-top: 66rpx;
justify-content: center;
font-family: 'SourceHanSerifCN-Heavy';
.yexy {
margin-left: -20rpx;
color: rgba(45, 49, 50, 0.9);
font-family: 'SourceHanSerifCN-Heavy';
}
}
.sign-up-title-tips {
text-align: center;
margin-top: 24rpx;
font-weight: 400;color: #666;
font-size: 24rpx
}
}
.select-c {
position: relative;
padding: 20rpx 0;
.picker-view {
height: 450rpx;
margin: auto;
color: #434343;
}
picker-view-column {
.item {
width: 100%;
text-align: center;
line-height: 41px;
height: 41px;
color: #B8B8B8;
font-weight: 400;
font-family: 'PingFang SC-Regular, PingFang SC';
}
.lldl {
color: rgba(45, 49, 50, 0.9);
font-family: 'PingFang SC-Bold, PingFang SC';
}
}
}
/deep/ .indicator-class {
background: #EEF5FE;
z-index: -1;
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
margin: auto;
position: fixed;
bottom: 15vh;
left: 112rpx;
font-size: 28rpx;
font-family: 'PingFang SC-Bold, PingFang SC';
color: rgba(65, 92, 158, 0.9);
font-weight: 400;
font-size: 28rpx;
}
.tips {
margin: auto;
text-align: center;
margin-top: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #B7B7B7;
}
</style>
<template>
<view class="container" @touchmove.stop.prevent="() => {}">
<u-navbar leftText=" " title=" " :bgColor="bgColor" :safeAreaInsetTop="true" :placeholder="true">
<view class="u-nav-slot" slot="left" @click="left">
<u-icon name="arrow-left" color="#000000" size="16" :bold="true"></u-icon>
</view>
</u-navbar>
<image class="bg-c" src="../../static/images/bg-c.png"></image>
<view class="sign-up-title-c">
<image class="bg1-l" src="../../static/images/left.png" mode="aspectFill"></image>
<image class="bg2-2" src="../../static/images/right.png" mode="aspectFill"></image>
<view class="sign-up-title-item">
请选择你的身高
</view>
<view class="sign-up-title-tips">
给你推荐年龄适配的Ta
</view>
</view>
<view class="select-c">
<picker-view @change="bindChange" :mask-style="fsdfds" class="picker-view"
:indicator-style="indicatorStyle" indicator-class="indicator-class">
<picker-view-column>
<view class="item" v-for="(item,index) in heightArr" :key="index" :class="val==item?'lldl':''">
{{item}}
</view>
</picker-view-column>
</picker-view>
</view>
<view class="to-btn" @click="stepToNext">
下一步(1/6)
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
img: this.$BASE_URL,
heightArr: [],
bgColor: 'rgba(0, 31, 63, 0)',
val: "",
indicatorStyle: `height: 41px;color: rgba(51, 51, 51, 0.2);`,
fsdfds: `opacity: 0.5;background: rgba(238, 245, 254, 0);`,
code: ""
};
},
onLoad(options) {
this.code = options.code
console.log(this.code)
this.getHeight()
},
onShow() {
},
methods: {
left() {
uni.navigateBack()
},
getHeight() {
for (let index = 140; index < 200; index++) {
this.heightArr.push(index)
}
console.log(this.heightArr)
this.val = this.heightArr[0]
},
stepToNext() {
console.log(this.val);
let obj = {
height: this.val,
code: this.code
}
uni.navigateTo({
url: "/pagesintroduction/selectJob/selectJob?obj=" + JSON.stringify(obj)
})
},
handleDateChange(year, month, day) {
this.year = year;
this.month = month;
this.day = day;
},
bindChange(val) {
this.val = this.heightArr[val.detail.value[0]]
console.log(val, this.val);
}
}
}
</script>
<style lang="scss" >
.bg-c {
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
}
.container{
position: relative;
width: 100vw;
height: 100%;
}
.sign-up-title-c {
position: relative;
width: 500rpx;
height: 200rpx;
margin: auto;
margin-top: 52rpx;
box-sizing: content-box;
overflow: hidden;
color: #333;
.bg1-l {
position: absolute;
top: 0rpx;
left: 20rpx;
width: 95rpx;
height: 85rpx;
}
.bg2-2 {
position: absolute;
top: 66rpx;
right: 0;
width: 83rpx;
height: 60rpx;
}
.sign-up-title-item {
font-size: 48rpx;
top: 66rpx;
font-weight: 800;
font-family: 'SourceHanSerifCN-Heavy';
margin-top: 66rpx;
text-align: center;color: rgba(45, 49, 50, 0.9);
}
.sign-up-title-tips {
text-align: center;
font-family: 'PingFang SC-Regular, PingFang SC';
margin-top: 24rpx;color:#666;
font-size: 24rpx;font-weight: 400;
}
}
.select-c {
position: relative;
padding: 20rpx 0;
.picker-view {
height: 450rpx;
margin: auto;
color: #434343;
}
picker-view-column {
.item {
width: 100%;
text-align: center;
line-height: 41px;
height: 41px;
color: #B8B8B8;
font-weight: 400;
font-family: 'PingFang SC-Regular, PingFang SC';
}
.lldl {
font-family: 'PingFang SC-Bold, PingFang SC';
color: rgba(67, 67, 67, 0.9);font-weight: 400;
}
}
}
/deep/ .indicator-class {
background: #EEF5FE;
z-index: -1;
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
margin: auto;
color: rgba(65, 92, 158, 0.9);
font-weight: 400;
position: fixed;
bottom: 15vh;
left: 112rpx;
font-size: 28rpx;
font-family: 'PingFang SC-Bold, PingFang SC';
}
.tips {
margin: auto;
text-align: center;
margin-top: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #B7B7B7;
}
page {
width: 100%;
height: 100%;
}
</style>
<template>
<view class="container" @touchmove.stop.prevent="() => {}">
<u-navbar leftText=" " title=" " :bgColor="bgColor" :safeAreaInsetTop="true" :placeholder="true">
<view class="u-nav-slot" slot="left" @click="left">
<u-icon name="arrow-left" color="#000000" size="16" :bold="true"></u-icon>
</view>
</u-navbar>
<image class="bg-c" src="../../static/images/bg-c.png"></image>
<view class="sign-up-title-c">
<image class="bg1-l" src="../../static/images/left.png" mode="aspectFill"></image>
<image class="bg2-2" src="../../static/images/right.png" mode="aspectFill"></image>
<view class="sign-up-title-item">
<view class="yexy">
请选择你的行业/职业
</view>
</view>
<view class="sign-up-title-tips" style="color: rgba(0, 0, 0, 0);">
.
</view>
</view>
<view class="select-c">
<picker-view @change="bindChange" :mask-style="fsdfds" class="picker-view"
:indicator-style="indicatorStyle" indicator-class="indicator-class">
<picker-view-column>
<view class="item" v-for="(item,index) in heightArr" :key="index" :class="val==item?'lldl':''">
{{item}}
</view>
</picker-view-column>
</picker-view>
</view>
<view class="to-btn" @click="stepToNext">
下一步(2/6)
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
heightArr: ['学生', 'IT互联网', '教育/科研', '建筑/房地产', '金融/保险'],
bgColor: 'rgba(0, 31, 63, 0)',
val: "学生",
indicatorStyle: `height: 41px;color: rgba(51, 51, 51, 0.2);`,
fsdfds: `opacity: 0.1;background: rgba(238, 245, 254, 0);`,
obj: {},
img: this.$BASE_URL,
};
},
onLoad(options) {
this.obj = JSON.parse(options.obj)
console.log(this.obj)
},
methods: {
left() {
uni.navigateBack()
},
stepToNext() {
console.log(this.val);
this.obj.profession = this.val
uni.navigateTo({
url: '/pagesintroduction/selectSchool/selectSchool?obj=' + JSON.stringify(this.obj)
})
},
bindChange(val) {
this.val = this.heightArr[val.detail.value[0]]
console.log(val, this.val);
}
}
}
</script>
<style lang="scss" >
.bg-c {
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
}page {
width: 100%;
height: 100%;
}
.container{
position: relative;
width: 100vw;
height: 100%;
}
.sign-up-title-c {
position: relative;
width: 594rpx;
height: 200rpx;
margin: auto;
margin-top: 52rpx;
box-sizing: content-box;
overflow: hidden;
color: #333;
.bg1-l {
position: absolute;
top: 0;
left: 0rpx;
width: 95rpx;
height: 85rpx;
}
.bg2-2 {
position: absolute;
top: 66rpx;
right: -10rpx;
width: 83rpx;
height: 60rpx;
}
.sign-up-title-item {
font-size: 48rpx;
display: flex;margin-top: 66rpx;
align-items: center;
justify-content: center;
.yexy {
margin-left: -20rpx;font-family: 'SourceHanSerifCN-Heavy';color: rgba(45, 49, 50, 0.9);
}
}
.sign-up-title-tips {
text-align: center;
margin-top: 24rpx;
font-size: 24rpx
}
}
.select-c {
position: relative;
padding: 20rpx 0;
.picker-view {
height: 450rpx;
margin: auto;
color: #434343;
}
picker-view-column {
.item {
width: 100%;
text-align: center;
line-height: 41px;
height: 41px;
font-weight: 400;
color: #B8B8B8;
font-family: 'PingFang SC-Regular, PingFang SC';
}
.lldl {
color: rgba(67, 67, 67, 0.9);font-weight: 400;
font-family: 'PingFang SC-Bold, PingFang SC';
}
}
}
/deep/ .indicator-class {
background: #EEF5FE;
z-index: -1;
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
margin: auto;
font-family: 'PingFang SC-Bold, PingFang SC';
position: fixed;
bottom: 15vh;
left: 112rpx;color: rgba(65, 92, 158, 0.9);
font-weight: 400;
font-size: 28rpx;
}
.tips {
margin: auto;
text-align: center;
margin-top: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #B7B7B7;
}
</style>
<template>
<view class="container" @touchmove.stop.prevent="() => {}">
<u-navbar leftText=" " title=" " :bgColor="bgColor":safeAreaInsetTop="true" :placeholder="true">
<view class="u-nav-slot" slot="left" @click="left">
<u-icon name="arrow-left" color="#000000" size="16" :bold="true"></u-icon>
</view>
</u-navbar>
<image class="bg-c" src="@/static/images/bg-c.png"></image>
<view class="sign-up-title-c">
<image class="bg1-l" src="../../static/images/left.png" mode="widthFix"></image>
<image class="bg2-2" src="../../static/images/right.png" mode="widthFix"></image>
<view class="sign-up-title-item">
上传头像/封面
</view>
<view class="sign-up-title-tips">
请上传个人真实照片
</view>
</view>
<view class="" style="height: 36rpx;">
</view>
<view class="select-c">
<view class="phone-btn">
<view class="choose-photo" @click="chooseImg">
<image src="../static/images/add-photo.png" mode="widthFix" class="image" v-if="falg"></image>
<image :src="src" v-else class="images" mode="aspectFill"></image>
</view>
</view>
</view>
<view class="to-btn" @click="stepToNext">
下一步(5/6)
</view>
<ELM ref="elm" :msg="tipMsg"></ELM>
</view>
</template>
<script>
import ELM from '@/components/elm-toast/index.vue';
export default {
components: {
ELM
},
data() {
return {
bgColor: 'rgba(0, 31, 63, 0)',
obj: {},
src: "",
falg: true,
img: this.$BASE_URL,
tipMsg: ''
};
},
onLoad(options) {
this.obj = JSON.parse(options.obj)
console.log(this.obj)
},
methods: {
stepToNext() {
if(this.src == ''){
this.tipMsg = "请上传头像";
this.$refs.elm.showDialog();
return
}
console.log(this.val);
this.obj.headPortrait = this.src
uni.navigateTo({
url: "/pagesintroduction/aboutme/aboutme?obj=" + JSON.stringify(this.obj)
})
},
bindChange(val) {
console.log(val);
},left(){
uni.navigateBack()
},
chooseImg() {
uni.setStorageSync('falg', 1);
uni.chooseImage({
count: 1,
success: (res) => {
res.tempFilePaths.forEach((i) => {
uni.uploadFile({
url: this.$BASE_URL + '/file/upload',
filePath: i,
name: 'file',
formData: {
'file': 'file'
},
success: (res) => {
let dataing = JSON.parse(res.data)
console.log(dataing)
this.falg = false
this.src = dataing.data.url
console.log(this.src)
},
fail: (loginErr) => {
this.tipMsg = "上传失败,请重试";
this.$refs.elm.showDialog();
}
});
});
}
});
},
}
}
</script>
<style lang="scss" >
.bg-c {
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
}page {
width: 100%;
height: 100%;
}
.container{
position: relative;
width: 100vw;
height: 100%;
}
.sign-up-title-c {
position: relative;
width: 594rpx;
height: 200rpx;
margin: auto;
margin-top: 52rpx;
box-sizing: content-box;
overflow: hidden;
color: #333;
.bg1-l {
position: absolute;
top: 0rpx;
left: 0;
width: 95rpx;
z-index: -1;
}
.bg2-2 {
position: absolute;
top: 66rpx;
right: -10rpx;
width: 83rpx;
z-index: -1;
}
.sign-up-title-item {
font-size: 48rpx;
display: flex;
align-items: center;
margin-top: 66rpx;
justify-content: center;font-family: 'SourceHanSerifCN-Heavy';
.yexy {
margin-left: -20rpx;color: rgba(45, 49, 50, 0.9);
}
}
.sign-up-title-tips {
text-align: center;
margin-top: 30rpx;font-family: 'PingFang SC-Regular, PingFang SC';
font-size: 24rpx;font-weight: 400;color: #666;
}
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
margin: auto;
font-family: 'PingFang SC-Bold, PingFang SC';
position: fixed;
bottom: 15vh;color: rgba(65, 92, 158, 0.9);
font-weight: 400;
font-size: 28rpx;left: 112rpx;
}
.tips {
margin: auto;
text-align: center;
margin-top: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #B7B7B7;
}
.phone-btn {
width: 560rpx;
height: 560rpx;
margin: auto;
image {
width: 560rpx;
}
}
.select-c {
height: 600rpx;
}
.choose-photo {
width: 560rpx;
height: 560rpx;
margin: auto;
background: #FFFFFF;
border-radius: 32px;
opacity: 1;
border: 6px solid #9FB5EB;
display: flex;
overflow: hidden;
.image {
width: 92rpx;
margin: auto;
}
.images {
width: 560rpx;
height: 560rpx;
}
}
</style>
<template>
<view class="container" @touchmove.stop.prevent="() => {}">
<u-navbar leftText=" " title=" " :bgColor="bgColor" :safeAreaInsetTop="true" :placeholder="true">
<view class="u-nav-slot" slot="left" @click="left">
<u-icon name="arrow-left" color="#000000" size="16" :bold="true"></u-icon>
</view>
</u-navbar>
<image class="bg-c" src="@/static/images/bg-c.png"></image>
<view class="sign-up-title-c">
<image class="bg1-l" src="../../static/images/left.png" mode="widthFix"></image>
<image class="bg2-2" src="../../static/images/right.png" mode="widthFix"></image>
<view class="sign-up-title-item">
就读/毕业学校
</view>
<view class="sign-up-title-tips">
仅支持大专以上学历
</view>
</view>
<view class="" style="height: 88rpx;">
</view>
<view class="select-c">
<view class="select-c-div">
<input type="text" placeholder="请输入内容" focus="" class="u-input-item" v-model="searchValue"
@input="searchChange" @confirm="confirm">
<image src="../../static/images/close.png" class="img" @click="close" mode="aspectFill"></image>
</view>
<view class="search-res-c" v-if="isShowSearchList">
<view class="search-res-item" v-for="(item,index) in searchResList" @click="() => selectSearch(item)"
:key="item.index">
<text>{{item.name}}</text>
</view>
</view>
</view>
<view class="to-btn" @click="stepToNext">
下一步(3/6)
</view>
<ELM ref="elm" :msg="tipMsg"></ELM>
</view>
</template>
<script>
import ELM from '@/components/elm-toast/index.vue';
export default {
components: {
ELM
},
data() {
return {
bgColor: 'rgba(0, 31, 63, 0)',
searchValue: '',
searchResList: [],
img: this.$BASE_URL,
isShowSearchList: false,
obj: {},
img: this.$BASE_URL,
id: "",
tipMsg: ''
};
},
onLoad(options) {
this.obj = JSON.parse(options.obj)
console.log(this.obj)
},
methods: {
confirm() {
this.nameSelect()
},
close() {
this.searchValue = ''
this.isShowSearchList = false
this.searchResList = []
this.id = ''
},
async nameSelect() {
const res = await this.$myRequest({
url: 'nostalgia/university/nameSelect',
data: {
name: this.searchValue
},
method: 'GET',
});
console.log(res, 'delshoucang');
if (res.data.code == 200) {
this.searchResList = res.data.data
if (res.data.data.length > 0) {
this.isShowSearchList = true
} else {
this.isShowSearchList = false
}
} else {
this.tipMsg = res.data.msg;
this.$refs.elm.showDialog();
}
},
left() {
uni.navigateBack()
},
searchChange(val) {
if (val.detail.value == '') {
this.id = ''
this.close()
}else{
this.nameSelect()
}
console.log(val.detail.value)
},
stepToNext() {
if (this.searchValue == '') {
this.tipMsg = "请选择就读/毕业学校";
this.$refs.elm.showDialog();
return
}
console.log(this.searchValue);
this.obj.school = this.searchValue
uni.navigateTo({
url: '/pagesintroduction/selectEducation/selectEducation?obj=' + JSON.stringify(this.obj)
})
},
selectSearch(item) {
this.searchValue = item.name
this.id = item.id
this.isShowSearchList = false
}
}
}
</script>
<style lang="scss" >
.container{
position: relative;
width: 100vw;
height: 100%;
}
.bg-c {
width: 100%;
height: 100%;
position: absolute;
top: 0;
pointer-events: none;
}
page {
width: 100%;
height: 100%;
}
.sign-up-title-c {
position: relative;
width: 594rpx;
height: 200rpx;
margin: auto;
margin-top: 52rpx;
box-sizing: content-box;
overflow: hidden;
color: #333;
.bg1-l {
position: absolute;
top: 0rpx;
left: 0;
width: 95rpx;
z-index: -1;
}
.bg2-2 {
position: absolute;
top: 66rpx;
right: -10rpx;
width: 83rpx;
z-index: -1;
}
.sign-up-title-item {
font-size: 48rpx;
font-family: 'SourceHanSerifCN-Heavy';
display: flex;
align-items: center;
justify-content: center;
margin-top: 66rpx;
.yexy {
margin-left: -20rpx;color: rgba(45, 49, 50, 0.9);
font-family: 'SourceHanSerifCN-Heavy';
}
}
.sign-up-title-tips {
text-align: center;
margin-top: 30rpx;
font-family: 'PingFang SC-Regular, PingFang SC';
font-size: 24rpx;font-weight: 400;color: #666;
}
}
/deep/ .indicator-class {
background: #EEF5FE;
z-index: -1;
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
margin: auto;
font-family: 'PingFang SC-Bold, PingFang SC';
position: fixed;
bottom: 15vh;
left: 112rpx;
color: rgba(65, 92, 158, 0.9);
font-weight: 400;
font-size: 28rpx;
}
.tips {
margin: auto;
text-align: center;
margin-top: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #B7B7B7;
}
.select-c {
width: 536rpx;
margin: auto;
height: 508rpx;
.search-res-c {
width: 450rpx;
margin: auto;
max-height: 418rpx;
font-size: 28rpx;
overflow-y: auto;
padding: 0 22rpx;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.78);
box-shadow: 0px 10px 12px 2px rgba(134, 166, 243, 0.19);
.search-res-item {
height: 70rpx;
font-family: 'PingFang SC-Regular, PingFang SC';
line-height: 70rpx;
color: rgba(45, 49, 50, 0.9);
}
}
}
.select-c-div {
width: 536rpx;
height: 90rpx;
background: rgba(191, 209, 255, 0.34);
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 46rpx 46rpx 46rpx 46rpx;
border: 2rpx solid #5B83E8;
.u-input-item {
width: 70%;
margin-left: 32rpx;
font-size: 28rpx;
font-family: 'PingFang SC-Regular, PingFang SC';
font-weight: 400;
color: rgba(45, 49, 50, 0.9);
line-height: 90rpx;
}
.img {
width: 32rpx;
height: 32rpx;
margin-right: 32rpx
}
}
</style>
<template>
<view class="home-page-container" @touchmove.stop.prevent="() => {}">
<!-- <u-navbar background="transparent" :is-back="false" :border-bottom="false"></u-navbar> -->
<image class="bgc" src="static/images/self-introduction.png" mode="aspectFill"></image>
<view class="" style="height: 296rpx;">
</view>
<view class="title">
开始介绍自己吧
</view>
<view class="tips">
完成后再推荐五位优质嘉宾
</view>
<view class="to-btn" @click="toSelectHeight">
1分钟填写资料
</view>
</view>
</template>
<script>
export default {
data() {
return {
code: "",
img: this.$BASE_URL,
};
},
onLoad(options) {
this.code = options.code
console.log(this.code)
},
methods: {
toSelectHeight() {
uni.navigateTo({
url: '/pagesintroduction/selectHeight/selectHeight?code=' + this.code
})
}
}
}
</script>
<style lang="scss">
.home-page-container {
position: relative;
text-align: center;
width: 100vw;
height: 100%;
}
page {
width: 100%;
height: 100%;
}
.bgc {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.title {
text-align: center;
margin: auto;
font-size: 48rpx;
color: rgba(45, 49, 50, 0.9);
font-family: 'SourceHanSerifCN-Heavy';
}
.tips {
font-size: 24rpx;
color: #666;
margin: auto;font-weight: 400;
margin-top: 10rpx;
text-align: center;
font-family: 'PingFang SC-Regular, PingFang SC';
}
.to-btn {
width: 536rpx;
height: 84rpx;
background: linear-gradient(86deg, #C2D2F9 0%, #C5C2F3 100%);
border-radius: 42rpx 42rpx 42rpx 42rpx;
text-align: center;
line-height: 84rpx;
color: rgba(65, 92, 158, 0.9);
font-weight: 400;
font-family: 'PingFang SC-Bold, PingFang SC';
margin: auto;
position: fixed;
bottom: 15vh;
left: 112rpx;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment