|
@@ -6,11 +6,11 @@
|
|
|
<view>
|
|
|
<view class="head" v-if="token">
|
|
|
<view class="head-left">
|
|
|
- <view class="head-avator" @click="toUserInfo()">
|
|
|
+ <view class="head-avator" @click="toUserInfo()">
|
|
|
<image :src="avatarUrl" mode="" style="width: 100%;height: 100%;border-radius: 100rpx;" />
|
|
|
</view>
|
|
|
<view>
|
|
|
- <p style="padding-bottom: 20rpx;font-size: 35rpx;" @click="toUserInfo()">{{nickName}}</p>
|
|
|
+ <p style="padding-bottom: 20rpx;font-size: 35rpx;" @click="toUserInfo()">{{nickName}}</p>
|
|
|
<span style="display: flex;align-items: center;">
|
|
|
<p style="font-size: 25rpx;">ID:{{information.id}}</p>
|
|
|
<image :src="picture.icon_copy" mode="" style="width: 40rpx;height: 40rpx;"
|
|
@@ -41,7 +41,7 @@
|
|
|
|
|
|
<view class="show-income1">
|
|
|
<view>
|
|
|
- <view style="display: flex;align-items: center;">
|
|
|
+ <view style="display: flex;align-items: center;margin-left: 5%;">
|
|
|
<p>我获得的收益总数</p>
|
|
|
<image id="helpicon" :src="picture.icon_help" mode=""
|
|
|
style="width: 35rpx;height: 35rpx;padding-left: 10rpx;" @click="showHelp = true" />
|
|
@@ -63,8 +63,9 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="show-income1-text">
|
|
|
- <view>
|
|
|
- <p style="font-size: 40rpx;font-weight:bold;color: #F0D232;padding-left: 40rpx;" @click="toincome('can')">
|
|
|
+ <view style="padding-left: 5%;">
|
|
|
+ <p style="font-size: 40rpx;font-weight:bold;color: #F0D232;"
|
|
|
+ @click="toincome('can')">
|
|
|
{{information.showIncome?information.showIncome:'0.00'}}
|
|
|
</p>
|
|
|
</view>
|
|
@@ -118,14 +119,33 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="show-body">
|
|
|
- <view class="show-info">
|
|
|
- <view class="show-info-text" @click="handleInformation()">
|
|
|
- <image class="show-info-icon" :src="picture.icon_person"></image>
|
|
|
+ <view class="show-body2">
|
|
|
+ <view class="show-body2-text" @click="handleInformation()">
|
|
|
+ <image class="show-info-icon" style="width: 60rpx;height: 60rpx;padding-bottom: 15rpx;" :src="picture.icon_person"></image>
|
|
|
<p>我的信息</p>
|
|
|
</view>
|
|
|
+ <view class="show-body2-text" @click="handleSubmitTask()">
|
|
|
+ <image class="show-info-icon" :src="picture.icon_edit"></image>
|
|
|
+ <p>发布任务</p>
|
|
|
+ </view>
|
|
|
+ <view class="show-body2-text">
|
|
|
+ <p style="color: #fff;">联系客服</p>
|
|
|
+ </view>
|
|
|
+ <view class="show-body2-text">
|
|
|
+ <p style="color: #fff;">客服</p>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="contact" @click="toggle4('center')">
|
|
|
+ <view class="contt">
|
|
|
+ <!-- <image class="img2" src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home2.png" mode=""></image> -->
|
|
|
+ <image class="img1"
|
|
|
+ src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu_20211124192542.png" mode="">
|
|
|
+ </image>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
<!-- 普通弹窗 公众号-->
|
|
|
<uni-popup ref="popup2" class="share" background-color="#fff" @change="change">
|
|
@@ -174,26 +194,90 @@
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
|
|
|
- <!-- 普通弹窗 客服-->
|
|
|
- <uni-popup ref="popup4" class="share" background-color="#fff" @change="change">
|
|
|
+ <!-- 普通弹窗 公众号-->
|
|
|
+ <uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="false">
|
|
|
<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
|
|
|
<view class="sharepage">
|
|
|
- <view class="Tasktext1">
|
|
|
- <image :src="picture.task15" mode=""></image>
|
|
|
- <span>YoungGee</span>
|
|
|
- </view>
|
|
|
- <view class="" style="margin-top: 5%;">
|
|
|
- <p style='color: #333333;font-size: 28rpx;text-align: center;'>扫码联系</p>
|
|
|
+ <view class="projecttext1">
|
|
|
+ <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
|
|
|
+ style="width: 250rpx; height: 80rpx;" mode=""></image>
|
|
|
+ <!-- <span>YoungGee</span> -->
|
|
|
</view>
|
|
|
<view class="sharemap">
|
|
|
- <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.png" mode="">
|
|
|
- </image>
|
|
|
+ <image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
|
|
|
+ </view>
|
|
|
+ <view class="sharetxt">
|
|
|
+ <text>
|
|
|
+ 使用样叽的过程中,有任何疑问,\n
|
|
|
+ 请添加上方微信。\n
|
|
|
+ 我们保证及时全力为您解决!
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <button class="butmin" size="mini" @tap="closepop">知道了</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
</view>
|
|
|
|
|
|
+ <!-- 普通弹窗 公众号-->
|
|
|
+ <uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="false">
|
|
|
+ <view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
|
|
|
+ <view class="sharepage">
|
|
|
+ <view class="projecttext1">
|
|
|
+ <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
|
|
|
+ style="width: 250rpx; height: 80rpx;" mode=""></image>
|
|
|
+ <!-- <span>YoungGee</span> -->
|
|
|
+ </view>
|
|
|
+ <view class="sharemap">
|
|
|
+ <image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
|
|
|
+ </view>
|
|
|
+ <view class="sharetxt">
|
|
|
+ <text>
|
|
|
+ 使用样叽的过程中,有任何疑问,\n
|
|
|
+ 请添加上方微信。\n
|
|
|
+ 我们保证及时全力为您解决!
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <button class="butmin" size="mini" @tap="closepop">知道了</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 普通弹窗 发布任务-->
|
|
|
+ <uni-popup ref="popup5" class="share" background-color="#fff" @change="change">
|
|
|
+ <view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
|
|
|
+ <view class="sharepage">
|
|
|
+ <view class="projecttext1">
|
|
|
+ <span style="color: #f72424;font-size: 36rpx;line-height: 50rpx;">发布任务请用PC登录</span>
|
|
|
+ <span style="color: #f72424;font-size: 36rpx;line-height: 50rpx;">www.younggee.com</span>
|
|
|
+ </view>
|
|
|
+ <view class="projecttext1" style="height: 40rpx;margin: 60rpx 0 10rpx;">
|
|
|
+ <span style="font-size: 28rpx;line-height: 30rpx;">使用有任何疑问请联系样叽客服</span>
|
|
|
+ </view>
|
|
|
+ <view class="sharemap">
|
|
|
+ <image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
+
|
|
|
<!-- <view class="" style="text-align: center;margin: 5% 0;">
|
|
|
<button size="mini" @tap="toSpecialTask()">专项测试</button>
|
|
|
</view> -->
|
|
@@ -202,6 +286,11 @@
|
|
|
|
|
|
<script>
|
|
|
import mvBar from "@/components/mys_navBar/mysNavBar";
|
|
|
+ import {
|
|
|
+ saveImageToPhotosAlbum,
|
|
|
+ showToast,
|
|
|
+ downloadFile
|
|
|
+ } from '@/uni_modules/sakura-canvas/js_sdk/util';
|
|
|
import {
|
|
|
money
|
|
|
} from '@/components/utils.js';
|
|
@@ -211,6 +300,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ kefuUrl: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.jpeg",
|
|
|
navH: getApp().globalData.navHeight,
|
|
|
hasUnReadMessage: false,
|
|
|
Text: "在平台产生的总收益【可提现+已提现+提现中】",
|
|
@@ -223,6 +313,7 @@
|
|
|
icon_help: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/icon-help.png',
|
|
|
icon_copy: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/icon-copy.png',
|
|
|
icon_person: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/youngee/talent_upload/icon-person.png',
|
|
|
+ icon_edit: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/icon-edit2.png',
|
|
|
icon_location: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/youngee/talent_upload/icon-location.png',
|
|
|
icon_account: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/youngee/talent_upload/icon-account.png',
|
|
|
icon_rmb: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/youngee/talent_upload/icon-rmb.png',
|
|
@@ -428,12 +519,46 @@
|
|
|
this.$refs.popup3.open(type)
|
|
|
// this.$refs.popup1.close()
|
|
|
},
|
|
|
- togo4(type) {
|
|
|
+ toggle4(type) {
|
|
|
this.type4 = type
|
|
|
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
|
|
this.$refs.popup4.open(type)
|
|
|
// this.$refs.popup1.close()
|
|
|
},
|
|
|
+ // 保存图片
|
|
|
+ async saveImage() {
|
|
|
+ // showToast('保存成功')
|
|
|
+ wx.downloadFile({
|
|
|
+ url: this.kefuUrl,
|
|
|
+ success: function(res) {
|
|
|
+ wx.saveImageToPhotosAlbum({
|
|
|
+ filePath: res.tempFilePath,
|
|
|
+ success: function(data) {
|
|
|
+ wx.showToast({
|
|
|
+ title: "保存成功",
|
|
|
+ icon: "success",
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fail: function(err) {
|
|
|
+ console.log(err);
|
|
|
+ },
|
|
|
+ complete(res) {
|
|
|
+ console.log(res);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ closepop() {
|
|
|
+ this.$refs.popup4.close()
|
|
|
+ },
|
|
|
+ // 进入个人资料
|
|
|
+ handleSubmitTask() {
|
|
|
+ // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
|
|
+ this.$refs.popup5.open()
|
|
|
+ // this.$refs.popup1.close()
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -506,6 +631,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+ padding: 0 5%;
|
|
|
margin-top: 30rpx;
|
|
|
}
|
|
|
|
|
@@ -516,7 +642,7 @@
|
|
|
|
|
|
.show-income1-btn {
|
|
|
width: auto;
|
|
|
- padding: 0 40rpx;
|
|
|
+ // padding: 0 40rpx;
|
|
|
text-align: center;
|
|
|
background-color: #F0D232;
|
|
|
border-radius: 15rpx;
|
|
@@ -532,10 +658,11 @@
|
|
|
margin: 0 3% 3%;
|
|
|
background-color: #F0D232;
|
|
|
border-radius: 10rpx;
|
|
|
- padding: 0 40rpx;
|
|
|
+ padding: 0 5%;
|
|
|
}
|
|
|
|
|
|
.show-income2-text {
|
|
|
+ width: 24%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
@@ -578,11 +705,12 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- padding: 0 40rpx;
|
|
|
+ padding: 0 5%;
|
|
|
}
|
|
|
|
|
|
.show-body2-text {
|
|
|
// width: 150rpx;
|
|
|
+ width: 22%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
@@ -617,6 +745,7 @@
|
|
|
height: 50rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
}
|
|
|
+
|
|
|
|
|
|
.butto {
|
|
|
text-align: center;
|
|
@@ -742,11 +871,23 @@
|
|
|
|
|
|
}
|
|
|
|
|
|
- //弹窗
|
|
|
- .sharepage {
|
|
|
- width: 90%;
|
|
|
- margin: 0 auto;
|
|
|
- // position: relative;
|
|
|
+ .share {
|
|
|
+ text-align: center;
|
|
|
+ line-height: 10rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .share image {
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 25rpx;
|
|
|
+ height: 25rpx;
|
|
|
+ display: inline-block
|
|
|
+ }
|
|
|
+
|
|
|
+ .share p {
|
|
|
+ // display: inline-block;
|
|
|
+ font-size: 24rpx;
|
|
|
+ // color: #333333;
|
|
|
}
|
|
|
|
|
|
/deep/ .share.uni-popup .uni-popup__wrapper {
|
|
@@ -778,18 +919,6 @@
|
|
|
padding-right: 14rpx;
|
|
|
}
|
|
|
|
|
|
- .sharemap {
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin-top: 15%;
|
|
|
- margin-bottom: 15%;
|
|
|
- }
|
|
|
-
|
|
|
- .sharemap image {
|
|
|
- width: 400rpx;
|
|
|
- height: 400rpx;
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
.butmin {
|
|
|
height: 48rpx;
|
|
@@ -849,4 +978,91 @@
|
|
|
background: red;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
+
|
|
|
+ .contt {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .contact {
|
|
|
+ position: fixed;
|
|
|
+ top: 80%;
|
|
|
+ right: 13%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .img1 {
|
|
|
+ width: 84rpx;
|
|
|
+ height: 124rpx;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+
|
|
|
+ //弹窗
|
|
|
+ .sharepage {
|
|
|
+ // width: 90%;
|
|
|
+ margin: 0 auto;
|
|
|
+ // position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .share.uni-popup .uni-popup__wrapper {
|
|
|
+ width: 70%;
|
|
|
+
|
|
|
+ border-radius: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .projecttext1 {
|
|
|
+ // padding-top: 5%;
|
|
|
+ padding: 0 0 0 1%;
|
|
|
+ height: 80rpx;
|
|
|
+ margin: 5% 0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .projecttext1 image {
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 14rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sharemap {
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ // margin-top: 15%;
|
|
|
+ // margin-bottom: 15%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sharemap image {
|
|
|
+ width: 400rpx;
|
|
|
+ height: 400rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .sharetxt {
|
|
|
+ height: 100rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sharetxt text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ text-align: left;
|
|
|
+ line-height: 20rpx
|
|
|
+ }
|
|
|
+
|
|
|
+ .butmin {
|
|
|
+ // height: 48rpx;
|
|
|
+ width: 250rpx;
|
|
|
+ background-color: #FCCF41;
|
|
|
+ line-height: 48rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .butmin1 {
|
|
|
+ // height: 48rpx;
|
|
|
+ width: 250rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border: #000000 1rpx solid;
|
|
|
+ line-height: 48rpx;
|
|
|
+ }
|
|
|
</style>
|