Skip to content

U
uniapp_friends
Commit 571a18d8 authored by mengcuiguang's avatar mengcuiguang
Browse files
Options

添加我的、编辑资料、我喜欢、看过我、钱包、收益、绑定账号、相册、意见反馈等页面

parent 9d0d82e8
Hide whitespace changes
Inline Side-by-side
Showing with 1767 additions and 229 deletions
friends/components/my/my.vue
View file @ 571a18d8
<template>
<view class="body">
<scroll-view class="scrollView" scroll-y>
<view
:style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+20+'rpx;'">
<image class="avatar" src="@/static/logo-about.png"></image>
<view
@click="handleUser"
:style="'display: flex;flex-direction: row;align-items: center;padding-left: 30rpx;margin-top:'+120+'rpx;'">
<view>
<view style="font-size: 26rpx;color: black;margin-left: 20rpx;">用户ID：{{userBean.idcode}}</view>
<image class="avatar" src="@/static/logo-about.png"></image>
<image class="avatar-bot" src="@/static/ic_edit_user.png"></image>
</view>
<view>
<view class="set-left-root">
<view class="user-name">名称：{{userBean.idcode}}</view>
<image class="avatar-name-img" src="@/static/ic_user_vip.png" mode="widthFix">
</image>
</view>
<view class="user-age">33负：{{userBean.idcode}}</view>
<view class="user-id">ID：{{userBean.idcode}}</view>
</view>
</view>
<view class="like-root">
<view @click="handleIlike" class="like-parent">
<view class="like-num">0</view>
<view class="like-text">我喜欢</view>
</view>
<view class="vertical-line"></view>
<view @click="handleLikeme" class="like-parent">
<view class="like-num">0</view>
<view class="like-text">喜欢我</view>
</view>
<view class="vertical-line"></view>
<view @click="handleLookme" class="like-parent">
<view class="like-num">0</view>
<view class="like-text">看过我</view>
</view>
</view>
<view
style="display: flex; flex-direction: column;width: 100%;height: 340rpx;align-items: center;margin-top: 30rpx;">
<view style="display: flex;flex-direction: column;
width: 690rpx;height: 340rpx;
background-repeat: no-repeat;
background-size: contain;
background-origin: border-box;
background-image: url(https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_my_vip.png);
">
<view style="font-size: 34rpx;color: #5b1500;font-weight: 777;margin-left: 40rpx;margin-top: 44rpx;">
{{userBean.expireTime<=0 ? '开通VIP会员' : 'VIP会员'}}
<view class="vip-root">
<view class="vip-top-title">
<image class="vip-top-img" src="@/static/ic_is_vip.png"></image>
<view class="vip-bot-text" v-if="userBean.expireTime<=0">
解锁更多权益</view>
<view class="vip-bot-text" v-else>
VIP到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}</view>
</view>
<view class="vip-right-root">
<view @click="handleVip" class="vip-right-btn">
立即升级
</view>
</view>
</view>
<view v-if="userBean.expireTime<=0"
style="font-size: 24rpx;color: #5b1500;margin-top: 22rpx;margin-left: 40rpx;">
解锁全部功能
<view class="draw-root">
<view class="draw-bag-root" @click="handleBag">
<view class="draw-bag-parent">
<view class="draw-bag-name">
钱包</view>
<view class="draw-bag-cash">
10</view>
</view>
<view v-else style="font-size: 24rpx;color: #5b1500;margin-top: 22rpx;margin-left: 40rpx;">
到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}
<view class="draw-bag-img-root">
<image class="draw-bag-img"
src="@/static/ic_bag.png"
mode="widthFix">
</image>
</view>
<view @click="handleVipPay"
style="margin-left: 40rpx;width: 210rpx;height: 60rpx;background-color: #fd915f;border-radius:30rpx;color: white;font-size: 26rpx;justify-content: center;align-items: center;display: flex;padding-bottom: 4rpx;margin-top: 40rpx;">
{{userBean.expireTime<=0 ? '立即开通' : '已开通'}}
</view>
<view class="draw-friends-root" @click="handleFriends">
<view class="draw-bag-parent">
<view class="draw-bag-name">
邀请有礼</view>
<view class="draw-bag-cash">
赚现金 得会员</view>
</view>
<view class="draw-bag-img-root">
<image class="draw-bag-img"
src="@/static/ic_friends.png"
mode="widthFix">
</image>
</view>
</view>
</view>
<view style="display: flex; flex-direction: column;width: 100%;height: 210rpx;align-items: center;margin-top: -60rpx;">
<image style="width: 700rpx;height: 210rpx;margin-right: 8rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_my_top.png" mode="widthFix">
</image>
</view>
</view>
<view
style="display: flex;flex-direction: row;background-color:white;
margin-left: 36rpx;margin-right: 40rpx;
margin-top: 40rpx;border-radius:20rpx;justify-content:space-around;padding-left: 20rpx;padding-right: 20rpx;padding-top: 40rpx;padding-bottom: 40rpx;">
<view @click="handlePhone"
style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
<image style="width: 46rpx;height: 46rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_scan_kefu.png" mode="widthFix">
<view class="set-root" @click="handleAlbum">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_my_album.png" mode="widthFix">
</image>
<view class="set-left-text">我的相册</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">0张</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" @click="handleAuth">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_my_auth.png" mode="widthFix">
</image>
<view style="font-size: 26rpx;color: #3B3B3B;margin-top: 25rpx;">联系客服</view>
<view class="set-left-text">认证中心</view>
</view>
<view @click="handlePayRecord"
style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
<image style="width: 46rpx;height: 46rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_scan_order.png" mode="widthFix">
<view class="set-right-root">
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" @click="handleKefu">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_my_us.png" mode="widthFix">
</image>
<view style="font-size: 26rpx;color: #3B3B3B;margin-top: 20rpx;">我的订单</view>
<view class="set-left-text">客服</view>
</view>
<view class="set-right-root">
<view class="set-right-text2">></view>
</view>
<view @click="handleAgree"
style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
<image style="width: 46rpx;height: 46rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_scan_agree1.png" mode="widthFix">
</view>
<view class="set-root" @click="handleFeedback">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_my_feedback.png" mode="widthFix">
</image>
<view style="font-size: 26rpx;color: #3B3B3B;margin-top: 25rpx;">关于我们</view>
<view class="set-left-text">意见反馈</view>
</view>
<view class="set-right-root">
<view class="set-right-text2">></view>
</view>
<view @click="handleSet"
style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
<image style="width: 46rpx;height: 46rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_scan_set.png" mode="widthFix">
</view>
<view class="set-root" @click="handleSet">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_my_settings.png" mode="widthFix">
</image>
<view style="font-size: 26rpx;color: #3B3B3B;margin-top: 25rpx;">设置</view>
<view class="set-left-text">设置</view>
</view>
<view class="set-right-root">
<view class="set-right-text2">></view>
</view>
</view>
</scroll-view>
</scroll-view>
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
</view>
</template>
<script>
import common from '@/mixins/common';
import common from '@/mixins/common';
import kefuPopup from '@/components/kefu-popup/kefu-popup.vue';
import {
navigateTo,
......@@ -95,16 +154,14 @@
export default {
name: 'my',
mixins: [common],
components: {
kefuPopup
mixins: [common],
components: {
kefuPopup
},
data() {
return {
statusBarHeight: app.globalData.statusBarHeight,
userBean: {},
showKefuPop: false,
backgroundImg: 'https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_banner_vip.png'
userBean: {},
showKefuPop: false
};
},
methods: {
......@@ -118,21 +175,42 @@
this.userBean = data;
}
});
},
handleUser(){
navigateTo(`/pagesD/userDetail/userDetail`)
},
handleIlike(){
navigateTo(`/pagesD/iLikeRecord/iLikeRecord`)
},
handleLikeme(){
navigateTo(`/pagesD/likeMeRecord/likeMeRecord`)
},
handleLookme(){
navigateTo(`/pagesD/lookMeRecord/lookMeRecord`)
},
handleVip() {
navigateTo(`/pagesA/vipPay/vipPay`)
},
handleBag(){
navigateTo(`/pagesD/cashBag/cashBag`)
},
handleFriends(){
navigateTo(`/pagesD/friends/friends`)
},
handleAlbum(){
navigateTo(`/pagesD/album/album`)
},
handleAuth(){
},
handlePayRecord() {
navigateTo(`/pagesD/payRecord/payRecord`)
handleKefu() {
this.showKefuPop = true
},
handleFeedback(){
navigateTo(`/pagesD/feedback/feedback`)
},
handleSet() {
navigateTo(`/pagesD/setting/setting`)
},
handleAgree() {
navigateTo(`/pagesD/about/about`)
},
handleVipPay() {
navigateTo(`/pagesA/vipPay/vipPay`)
},
handlePhone() {
this.showKefuPop=true
}
}
};
......@@ -140,8 +218,7 @@
<style>
.body {
background-color: #F0F4F5;
z-index: 100;
background: #232122;
}
.avatar {
......@@ -149,11 +226,245 @@
width: 100rpx;
height: 100rpx;
border-radius: 50%;
overflow: hidden;
position: absolute;
margin-bottom: 20rpx;
z-index: 1;
}
.avatar-name-img {
width: 86rpx;
height: 34rpx;
margin-left: 8rpx;
}
.avatar-bot {
width: 110rpx;
height: 38rpx;
z-index: 2;
margin-top: 64rpx;
}
.vertical-line {
margin-top: 30rpx;
height: 120rpx;
border-left: 2rpx solid #515151;
}
.scrollView {
background-color: #F0F4F5;
background-color: #232122;
height: 100%;
}
.user-name {
font-size: 32rpx;
color: white;
margin-left: 20rpx;
}
.user-age {
font-size: 26rpx;
color: white;
margin-left: 24rpx;
}
.user-id {
font-size: 24rpx;
color: gray;
margin-left: 26rpx;
}
.like-root {
display: flex;
flex-direction: row;
height: 180rpx;
justify-content: space-around;
margin-left: 30rpx;
margin-right: 30rpx;
}
.like-parent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 10rpx;
margin-right: 10rpx;
}
.like-num {
font-size: 50rpx;
font-weight: 777;
color: #F9F9F9;
}
.like-text {
margin-top: 16rpx;
color: #CFCFCF;
}
.vip-root {
display: flex;
height: 170rpx;
background: linear-gradient(to right, #FEE0BB, #E4A35E);
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
border-bottom-right-radius: 0rpx;
border-bottom-left-radius: 0rpx;
margin-left: 30rpx;
margin-right: 30rpx;
margin-top: 30rpx;
margin-bottom: 10rpx;
}
.vip-top-title {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 26rpx;
}
.vip-top-img {
width: 220rpx;
height: 38rpx;
display: flex;
align-items: right;
margin-right: 10rpx;
}
.vip-bot-text {
font-size: 28rpx;
color: #31343B;
margin-top: 26rpx;
}
.vip-right-root {
width: 220rpx;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 20rpx;
}
.vip-right-btn {
width: 170rpx;
height: 60rpx;
background-color: #FFE9CF;
border-radius: 30rpx;
color: #31343B;
font-size: 26rpx;
justify-content: center;
align-items: center;
display: flex;
padding-bottom: 4rpx;
}
.draw-root {
display: flex;
flex-direction: row;
height: 160rpx;
justify-content: space-around;
width: 100%;
}
.draw-bag-root {
display: flex;
height: 160rpx;
background: #1B1B1B;
border-radius: 10rpx;
width: 80%;
margin-left: 30rpx;
margin-right: 10rpx;
}
.draw-bag-parent {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 40rpx;
}
.draw-bag-name {
font-size: 32rpx;
color: #F9F9F9;
}
.draw-bag-cash {
font-size: 24rpx;
color: #F9F9F9;
margin-top: 10rpx;
}
.draw-bag-img-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.draw-bag-img {
width: 108rpx;
height: 102rpx;
margin-right: 20rpx;
}
.draw-friends-root {
display: flex;
height: 160rpx;
background: #1B1B1B;
border-radius: 10rpx;
width: 80%;
margin-right: 30rpx;
margin-left: 10rpx;
}
.set-root {
display: flex;
flex-direction: row;
height: 90rpx;
justify-content: space-between;
width: 92%;
margin: 10rpx 30rpx;
}
.set-left-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-left-img {
width: 40rpx;
height: 40rpx;
margin-left: 16rpx;
}
.set-left-text {
font-size: 30rpx;
color: #F0F0F0;
margin-left: 20rpx;
}
.set-right-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-right-text1 {
font-size: 26rpx;
color: #F0F0F0;
margin-right: 10rpx;
}
.set-right-text2 {
font-size: 34rpx;
color: #CFCFCF;
margin-bottom: 6rpx;
}
</style>
\ No newline at end of file
friends/mixins/common.js
View file @ 571a18d8
......@@ -145,7 +145,7 @@ export default {
let requestTask;
console.log("net token=",app.globalData.token)
// console.log("net token=",app.globalData.token)
Object.assign(header, {
proChannel:'douyin',
......
friends/pages.json
View file @ 571a18d8
......@@ -154,10 +154,82 @@
}, {
"root": "pagesD",
"pages": [{
"path": "payRecord/payRecord",
"path": "album/album",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "我的订单",
"navigationBarTitleText": "我的相册",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "cashBag/cashBag",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "钱包",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "feedback/feedback",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "意见反馈",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "friends/friends",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "好友邀请",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "iLikeRecord/iLikeRecord",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "我喜欢",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "likeMeRecord/likeMeRecord",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "喜欢我",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "lookMeRecord/lookMeRecord",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "看过我",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "userDetail/userDetail",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "编辑资料",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "income/income",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "我的收益",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},{
"path": "bindalipay/bindalipay",
"style": {
"navigationStyle": "default",
"navigationBarTitleText": "绑定账号",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
......
friends/pages/home.vue
View file @ 571a18d8
......@@ -79,7 +79,6 @@
}
},
onLoad(options) {
},
onShow() {
......
friends/pagesD/about/about.vue
View file @ 571a18d8
<!-- <template>
<view class="body">
<view >
<image src="@/static/logo-about.png" mode="widthFix" style="border-radius: 20rpx;margin-bottom: 200rpx;" />
<view style="display: flex;justify-content: center;margin-top: 50rpx;font-size: 26rpx;color: gray;">
智能扫描精灵 v{{ versionName }}
</view>
</view>
<view >
<view style="color: black;margin-top: 40rpx;font-size: 40rpx;">Copyright 2024 Inc.</view>
</view>
</view>
</template>
<script>
const app = getApp();
export default {
name: 'about',
mixins: [common],
data() {
return {
versionName: app.globalData.versionName
};
},
methods: {
}
};
</script>
<style lang="scss">
.body {
background-color: white;
}
</style> -->
<template>
<view class="body">
<view style="display: flex;flex-direction: column;width: 100%;height: 90%;align-items: center;">
<image src="@/static/logo-about.png" mode="widthFix" style="width: 120rpx;height: 120rpx;margin-top: 100rpx;" />
<view style="margin-top: 50rpx;font-size: 26rpx;color: gray;">
<image src="@/static/logo-about.png" mode="widthFix" style="width: 120rpx;height: 120rpx;margin-top: 140rpx;" />
<view style="margin-top: 50rpx;font-size: 26rpx;color: white;">
智能扫描精灵 {{ versionName }}
</view>
</view>
<view style="display: flex;justify-content: center;">
<view style="color: black;font-size: 40rpx;">Copyright 2024 Inc.</view>
<view style="color: white;font-size: 40rpx;">Copyright 2025 Inc.</view>
</view>
</view>
</template>
......@@ -87,6 +51,6 @@
@import '@/scss/uni.scss';
.body {
background-color: whitesmoke;
background: #232122;
}
</style>
\ No newline at end of file
friends/pagesD/album/album.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<text style="margin-top: 40rpx;font-size: 40rpx;">我的相册</text>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background-color: whitesmoke;
}
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style>
\ No newline at end of file
friends/pagesD/bindalipay/bindalipay.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<scroll-view class="scrollView" scroll-y>
<view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 150rpx;">选择提现方式</view>
<view style="display: flex;
flex-direction: row;
background: #FFFFFF;
height: 90rpx;
border-radius: 10rpx;
justify-content: space-between;
align-items: center;
width: 92%;
margin: 20rpx 30rpx;">
<view style="font-size: 28rpx;color: #000000;width: 100rpx;margin-left: 30rpx;">
支付宝
</view>
<image class="set-left-img" src="@/static/ic_alipay.png" mode="widthFix">
</image>
</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 50rpx;">账号</view>
<view style="display: flex;
flex-direction: row;
background: #FFFFFF;
height: 90rpx;
border-radius: 10rpx;
justify-content: space-between;
align-items: center;
width: 92%;
margin: 20rpx 30rpx;">
<input
style="width: 92%;height: 90rpx; font-size: 28rpx;background: white;padding-left: 30rpx;border-radius: 10rpx;"
type="text" placeholder="请填写支付宝账号" v-model="account" />
</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 50rpx;">姓名</view>
<view style="display: flex;
flex-direction: row;
background: #FFFFFF;
height: 90rpx;
border-radius: 10rpx;
justify-content: space-between;
align-items: center;
width: 92%;
margin: 20rpx 30rpx;">
<input
style="width: 92%;height: 90rpx; font-size: 28rpx;background: white;padding-left: 30rpx;border-radius: 10rpx;"
type="text" placeholder="请填写您的真实姓名" v-model="name" />
</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 50rpx;">身份证号</view>
<view style="display: flex;
flex-direction: row;
background: #FFFFFF;
height: 90rpx;
border-radius: 10rpx;
justify-content: space-between;
align-items: center;
width: 92%;
margin: 20rpx 30rpx;">
<input
style="width: 92%;height: 90rpx; font-size: 28rpx;background: white;padding-left: 30rpx;border-radius: 10rpx;"
type="text" placeholder="请填写真实身份证号" v-model="idcard" />
</view>
</view>
</scroll-view>
<view style="display: flex;justify-content: center;width: 100%;height: 90rpx;">
<view @click="handleCommit" class="vip-right-btn">
确认提交
</view>
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background: #232122;
}
.scrollView {
background-color: #232122;
height: 90%;
}
.vip-right-btn {
width: 84%;
height: 90rpx;
background-color: #FFE9CF;
border-radius: 50rpx;
color: #31343B;
font-size: 28rpx;
justify-content: center;
align-items: center;
display: flex;
margin-top: 40rpx;
}
.set-left-img {
width: 60rpx;
height: 60rpx;
margin-right: 30rpx;
}
</style>
\ No newline at end of file
friends/pagesD/cashBag/cashBag.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<view class="like-root">
<view class="like-parent">
<view class="like-num">0</view>
<view class="like-text">充值余额(币）</view>
</view>
<view @click="handleIncome" class="like-parent">
<view class="like-num">0</view>
<view class="like-text">收益(币）▶</view>
</view>
</view>
<view style="font-size: 36rpx;color: #EFEEEB;margin: 30rpx;">选择充值套餐</view>
<view style="display: flex;justify-content: center;width: 100%;height: 90rpx;">
<view @click="handleCommit" class="vip-right-btn">
<image class="avatar-name-img" src="@/static/ic_alipay.png" mode="widthFix">
</image>
支付宝支付
</view>
</view>
<view style="font-size: 36rpx;color: #EFEEEB;padding-top: 30rpx;margin-top: 30rpx;margin-left: 30rpx;">我的优享</view>
<view class="draw-root">
<view style="font-size: 24rpx;color: #A5A5A7;margin-left: 20rpx;">会员特权=优享特权+免费畅聊</view>
<view @click="handleVip" class="vip-btn">
去开通
</view>
</view>
<view class="draw-root">
<view style="font-size: 24rpx;color: #A5A5A7;margin-left: 20rpx;">分享有奖=免费VIP/金币奖励</view>
<view @click="handleShare" class="vip-btn">
去分享
</view>
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
navigateTo,
message,
loading
} from '@/utils/fun.js';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
},
handleIncome(){
navigateTo(`/pagesD/income/income`)
},
handleCommit(){
},
handleVip(){
navigateTo(`/pagesA/vipPay/vipPay`)
},
handleShare(){
}
}
};
</script>
<style lang="scss">
.body {
background: #232122;
}
.like-root {
display: flex;
flex-direction: row;
height: 170rpx;
margin-top: 120rpx;
justify-content: space-around;
margin-left: 30rpx;
margin-right: 30rpx;
border-radius: 10rpx;
background: #FFFFFF;
}
.like-parent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 10rpx;
margin-right: 10rpx;
}
.like-num {
font-size: 50rpx;
font-weight: 777;
color: #000000;
}
.like-text {
margin-top: 16rpx;
color: #6F6F71;
}
.vip-right-btn {
width: 84%;
height: 90rpx;
background-color: #367EE2;
border-radius: 50rpx;
color: #F9F9F9;
font-size: 28rpx;
justify-content: center;
align-items: center;
display: flex;
margin-top: 40rpx;
}
.avatar-name-img {
width: 50rpx;
height: 50rpx;
margin-right: 8rpx;
}
.draw-root {
background: #424446;
display: flex;
flex-direction: row;
align-items: center;
margin-left: 30rpx;
margin-right: 30rpx;
border-radius: 10rpx;
height: 100rpx;
margin-top: 30rpx;
justify-content: space-between;
width: 92%;
}
.vip-btn {
width: 120rpx;
height: 48rpx;
background-color: #424446;
border-radius: 30rpx;
color: #F6DA8F;
font-size: 22rpx;
border: 2rpx solid #F6DA8F;
justify-content: center;
align-items: center;
display: flex;
margin-right: 20rpx;
padding-bottom: 4rpx;
}
</style>
\ No newline at end of file
friends/pagesD/feedback/feedback.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<textarea style="width: 90%;height: 400rpx; margin-top: 120rpx; font-size: 28rpx;border-radius:5px;background: white;
line-height: 20px;
padding: 10px;
vertical-align: top;
border: 1px solid #ccc;" type="text" placeholder="请留下您的批评、表扬或者建议，我们会虚心听取， 认真改正。(请保持在5-150字内)" v-model="searchStr" />
<view @click="handleCommit" class="vip-right-btn">
提交
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
navigateTo,
message,
loading
} from '@/utils/fun.js';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: [],
searchStr: ''
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
},
handleCommit() {
if (this.searchStr == null || this.searchStr.length <= 0) {
message.notify('请输入内容');
return
}
message.notify('提交成功');
this.searchStr = '';
}
}
};
</script>
<style lang="scss">
.body {
background: #232122;
align-items: center;
}
.vip-right-btn {
width: 84%;
height: 90rpx;
background-color: #FFE9CF;
border-radius: 50rpx;
color: #31343B;
font-size: 28rpx;
justify-content: center;
align-items: center;
display: flex;
margin-top: 40rpx;
}
</style>
\ No newline at end of file
friends/pagesD/friends/friends.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<text style="margin-top: 40rpx;font-size: 40rpx;">编辑资料</text>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background-color: whitesmoke;
}
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style>
\ No newline at end of file
friends/pagesD/payRecord/payRecord.vue → friends/pagesD/iLikeRecord/iLikeRecord.vue
View file @ 571a18d8
<template>
<view class="body">
<!-- <status-title :showgitBack="true">我的订单</status-title> -->
<view class="body">
<!-- <status-title :showBack="true">看点记录</status-title> -->
<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
<view v-for="(item, i) in dataList" :key="i">
<view style="display: flex;flex-direction: row;justify-content:space-between;margin: 20rpx;background-color:white;border-radius:10rpx;padding: 20rpx;">
<view style="display: flex;flex-direction: column;">
<view style="font-size: 28rpx;color: black;">{{item.remarks}}</view>
<view style="font-size: 22rpx;color: gray;margin-top: 16rpx;">付款时间：{{item.createtime}}</view>
<view style="font-size: 22rpx;color: gray;margin-top: 1rpx;">订单编号：{{item.orderid}}</view>
<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="@/static/up.png">
</image>
<view class="flex1 ml-10">
<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}</view>
<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
{{item.time}}
</view>
</view>
<view style="display: flex;align-items: center;margin-right: 8rpx;font-size: 36rpx;color: red;">
￥{{item.balance}}
<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
{{ '+'+ item.subValue + '看点'}}
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
getToLocal
} from "@/utils/utils.js"
import {
navigateTo,
message,
alert,
loading
} from '@/utils/fun.js';
import {
openUrl
} from '@/utils/app+.js';
const app = getApp();
export default {
name: 'index',
name: 'dotRecord',
mixins: [common],
data() {
return {
......@@ -54,7 +39,11 @@
},
queryList(page, size) {
this.post({
url: '/vip/getOrderList',
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
......@@ -68,9 +57,26 @@
</script>
<style lang="scss">
@import '@/scss/uni.scss';
.body {
background-color: whitesmoke;
}
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style>
\ No newline at end of file
friends/pagesD/income/income.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<scroll-view class="scrollView" scroll-y>
<view class="like-root">
<view class="like-parent">
<view class="like-num">0</view>
<view class="like-text">可提取(币）</view>
</view>
<view @click="handleIncome" class="like-parent">
<view class="like-num">0</view>
<view class="like-text">待审核(币）</view>
</view>
</view>
<view style="font-size: 36rpx;color: #EFEEEB;margin: 30rpx;">奖励提取方式</view>
<view class="set-root" @click="handleBindAlipay">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_alipay.png" mode="widthFix">
</image>
<view class="set-left-text">支付宝</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">去绑定</view>
<view class="set-right-text2">></view>
</view>
</view>
<view style="font-size: 36rpx;color: #EFEEEB;margin: 30rpx;">提现金额</view>
<view style="display: flex;
flex-direction: row;
background: #FFFFFF;
height: 110rpx;
border-radius: 10rpx;
justify-content: space-between;
align-items: center;
width: 92%;
margin: 10rpx 30rpx;">
<view style="width: 75%;">
<input
style="width: 100%;height: 106rpx; font-size: 28rpx;background: white;border-top-left-radius: 10rpx;border-bottom-left-radius: 10rpx;padding-left: 14rpx;"
type="number" placeholder="请输入需要提现的金额" v-model="searchStr" />
</view>
<view style="display: flex;flex-direction: row;align-items: center;">
<view class="vertical-line"></view>
<view style="margin: 30rpx;font-size: 28rpx;color: #6F6F71;">
全部余额
</view>
</view>
</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 30rpx;margin-bottom: 10rpx;">
收益是什么</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">在app内通过分享有奖等活动获得的奖励，可提取消费</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 40rpx;margin-bottom: 10rpx;">
怎么获得收益？</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">在参与平台活动如分享有奖等可获得</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 40rpx;margin-bottom: 10rpx;">
为什么无法提取收益？</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">1.在因收益需要经过如无投诉类的系统审核，通过审核的可正常提取；</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">2.每次提取数额不低于100元；</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">3.每日最多可发起提取10次；</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">4.每日最多可提取总金额不超过3000元；</view>
<view style="font-size: 30rpx;color: #EFEEEB;margin-left: 30rpx;margin-top: 40rpx;margin-bottom: 10rpx;">
为什么实际到账金额比可提取金额少?</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">1.当月提取总金额小于500元时，手续费2%;</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">2.当月提取总金额大于500、小于5000元时，手续费5%;</view>
<view style="font-size: 24rpx;color: #A5A5A7;margin: 10rpx 30rpx;">3.当月提取总金额大于5000元时，手续费10%</view>
</scroll-view>
<view style="display: flex;justify-content: center;width: 100%;height: 90rpx;">
<view @click="handleCommit" class="vip-right-btn">
提取奖励
</view>
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
navigateTo,
message,
loading
} from '@/utils/fun.js';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {},
handleBindAlipay(){
navigateTo(`/pagesD/bindalipay/bindalipay`)
}
}
};
</script>
<style lang="scss">
.body {
background: #232122;
}
.scrollView {
background-color: #232122;
height: 90%;
}
.like-root {
display: flex;
flex-direction: row;
height: 170rpx;
margin-top: 120rpx;
justify-content: space-around;
margin-left: 30rpx;
margin-right: 30rpx;
border-radius: 10rpx;
background: #FFFFFF;
}
.like-parent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 10rpx;
margin-right: 10rpx;
}
.like-num {
font-size: 50rpx;
font-weight: 777;
color: #000000;
}
.like-text {
margin-top: 16rpx;
color: #6F6F71;
}
.vip-right-btn {
width: 84%;
height: 90rpx;
background-color: #FFE9CF;
border-radius: 50rpx;
color: #31343B;
font-size: 28rpx;
justify-content: center;
align-items: center;
display: flex;
margin-top: 40rpx;
}
.avatar-name-img {
width: 50rpx;
height: 50rpx;
margin-right: 8rpx;
}
.draw-root {
background: #424446;
display: flex;
flex-direction: row;
align-items: center;
margin-left: 30rpx;
margin-right: 30rpx;
border-radius: 10rpx;
height: 100rpx;
margin-top: 30rpx;
justify-content: space-between;
width: 92%;
}
.vip-btn {
width: 120rpx;
height: 48rpx;
background-color: #424446;
border-radius: 30rpx;
color: #F6DA8F;
font-size: 22rpx;
border: 2rpx solid #F6DA8F;
justify-content: center;
align-items: center;
display: flex;
margin-right: 20rpx;
padding-bottom: 4rpx;
}
.set-root {
display: flex;
flex-direction: row;
height: 90rpx;
justify-content: space-between;
width: 92%;
margin: 10rpx 20rpx;
}
.set-left-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-left-img {
width: 60rpx;
height: 60rpx;
margin-left: 16rpx;
}
.set-left-text {
font-size: 30rpx;
color: #F0F0F0;
margin-left: 20rpx;
}
.set-right-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-right-text1 {
font-size: 26rpx;
color: #F0F0F0;
margin-right: 10rpx;
}
.set-right-text2 {
font-size: 34rpx;
color: #CFCFCF;
margin-bottom: 6rpx;
}
.vertical-line {
height: 118rpx;
border-left: 2rpx solid #515151;
}
</style>
\ No newline at end of file
friends/pagesD/likeMeRecord/likeMeRecord.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<!-- <status-title :showBack="true">看点记录</status-title> -->
<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
<view v-for="(item, i) in dataList" :key="i">
<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="@/static/up.png">
</image>
<view class="flex1 ml-10">
<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}</view>
<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
{{item.time}}
</view>
</view>
<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
{{ '+'+ item.subValue + '看点'}}
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background-color: whitesmoke;
}
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style>
\ No newline at end of file
friends/pagesD/lookMeRecord/lookMeRecord.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<!-- <status-title :showBack="true">看点记录</status-title> -->
<z-paging class="flex-1" ref="paging" v-model="dataList" @query="queryList">
<view v-for="(item, i) in dataList" :key="i">
<view class="flex m-20 pd-20" style="background-color:white;border-radius:10rpx;">
<image style="margin: auto 10rpx;width: 60rpx;height: 60rpx;" src="@/static/up.png">
</image>
<view class="flex1 ml-10">
<view class="mt-10" style="font-size: 28rpx;color: black;">{{item.remark}}</view>
<view class="mt-10" style="font-size: 26rpx;color: darkgray;">
{{item.time}}
</view>
</view>
<view style="margin:auto 10rpx auto auto;font-size: 36rpx;color: steelblue;">
{{ '+'+ item.subValue + '看点'}}
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background-color: whitesmoke;
}
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style>
\ No newline at end of file
friends/pagesD/setting/setting.vue
View file @ 571a18d8
<template>
<view class="body">
<view v-if="showMask" class="show-mask flex-v" @click="showMask=false">
<view class="mt-30" style="width: 90%;text-align: right;">
<image style="width: 30rpx;height: 30rpx;padding:6rpx;
border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" />
</view>
<text class="mt-10" style="font-size: 46rpx;">如何继续使用?</text>
<text class="m-10">找到“智能扫描精灵”小程序</text>
<image class="mt-30" mode="widthFix" :src="maskImage1"></image>
<image :src="maskImage2" mode="widthFix"></image>
</view>
<view class="infobg" style="margin-left: 30rpx;margin: 30rpx;margin-top: 40rpx;">
<view class="item arrow">
用户ID
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:black">{{userBean.idcode}}</view>
</view>
<view class="item arrow" @click="handleFind">
如何找到我
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:black"></view>
</view>
<view class="item arrow" @click="handleCdk">
兑换会员
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:black"></view>
</view>
</view>
<view v-if="false" style="display: flex;justify-content: center;margin-top: 50rpx;font-size: 26rpx;color: gray;">
当前版本：{{ versionName }}
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
getToLocal
} from "@/utils/utils.js"
import {
<template>
<view class="body">
<view class="infobg" style="margin-left: 30rpx;margin: 30rpx;margin-top: 120rpx;background: #424446;">
<view class="item arrow" style="color:#F9F9F9" @click="handleAboutus">
关于我们
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:#F9F9F9"></view>
</view>
<view class="item arrow" style="color:#F9F9F9" @click="handleFeedback">
意见反馈
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:#F9F9F9"></view>
</view>
<view class="item arrow" style="color:#F9F9F9" @click="handleLoginOut">
退出账号
<view class="item_bd ellipsis" style="margin-left: 58rpx;color:#F9F9F9"></view>
</view>
</view>
<view>
<uni-popup ref="alertDialog" type="center">
<uni-popup-dialog cancelText="取消" confirmText="退出" title="提示" content="是否退出当前账号？"
@confirm="dialogToggle" @close="dialogClose">
</uni-popup-dialog>
</uni-popup>
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
import {
navigateTo,
message,
alert,
loading
} from '@/utils/fun.js';
import {
openUrl
} from '@/utils/app+.js';
const app = getApp();
export default {
name: 'index',
mixins: [common],
data() {
return {
userBean: {},
showMask: false,
maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png',
maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png',
versionName: app.globalData.versionName
};
},
methods: {
onShow() {
this.post({
url: '/user/baseMsg',
showLoading: false,
success: ({
data
}) => {
this.userBean = data;
}
});
},
handleFind(){
this.showMask = true
},
handleCdk(){
navigateTo(`/pagesD/cdkey/cdkey`)
}
}
};
</script>
<style lang="scss">
@import '@/scss/uni.scss';
.body {
background-color: whitesmoke;
position: relative;
}
.show-mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
z-index: 999;
color: white;
align-items: center;
image {
width: 90%;
}
}
navigateBack,
message,
alert,
loading
} from '@/utils/fun.js';
const app = getApp();
export default {
name: 'index',
mixins: [common],
data() {
return {};
},
methods: {
handleAboutus() {
navigateTo(`/pagesD/about/about`)
},
handleFeedback() {
navigateTo(`/pagesD/feedback/feedback`)
},
handleLoginOut() {
this.$refs.alertDialog.open();
},
dialogToggle() {
message.notify('已退出');
setTimeout(() => {
navigateBack()
}, 500)
},
dialogClose() {
this.$refs.alertDialog.close();
}
}
};
</script>
<style lang="scss">
@import '@/scss/uni.scss';
.body {
background: #232122;
position: relative;
}
</style>
\ No newline at end of file
friends/pagesD/userDetail/userDetail.vue 0 → 100644
View file @ 571a18d8
<template>
<view class="body">
<scroll-view class="scrollView" scroll-y>
<view class="set-root" style="margin-left: 20rpx;margin-right: 20rpx;margin-top: 120rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<image class="set-left-img" src="@/static/ic_alipay.png" mode="widthFix">
</image>
</view>
<view class="set-right-root">
<view class="set-right-text1">点击修改头像</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 40rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >昵称</view>
</view>
<view class="set-right-root">
<view class="set-right-text1" style="color: white;">111</view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >年龄</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >职业</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >身高</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >体重</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >交友范围</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
<view class="set-root" style="margin-left: 30rpx;margin-right: 20rpx;margin-top: 24rpx;" @click="handleBindAlipay">
<view class="set-left-root">
<view class="set-right-text1" >交友节目</view>
</view>
<view class="set-right-root">
<view class="set-right-text1">12</view>
<view class="set-right-text2">></view>
</view>
</view>
</scroll-view>
<view style="display: flex;justify-content: center;width: 100%;height: 90rpx;">
<view @click="handleCommit" class="vip-right-btn">
保存
</view>
</view>
</view>
</template>
<script>
import common from '@/mixins/common';
export default {
name: 'dotRecord',
mixins: [common],
data() {
return {
dataList: []
};
},
methods: {
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
},
queryList(page, size) {
this.post({
url: '/vedio/assetsRecords/add',
data: {
page,
size
},
showLoading: false,
success: ({
data
}) => {
this.$refs.paging.complete(data.list);
}
});
}
}
};
</script>
<style lang="scss">
.body {
background: #232122;
}
.scrollView {
background-color: #232122;
height: 90%;
}
.vip-right-btn {
width: 84%;
height: 90rpx;
background-color: #FFE9CF;
border-radius: 50rpx;
color: #31343B;
font-size: 28rpx;
justify-content: center;
align-items: center;
display: flex;
margin-top: 40rpx;
}
.set-left-img {
width: 120rpx;
height: 120rpx;
margin-right: 30rpx;
}
.set-root {
display: flex;
flex-direction: row;
height: 90rpx;
justify-content: space-between;
width: 92%;
}
.set-left-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-left-text {
font-size: 30rpx;
color: #F0F0F0;
margin-left: 20rpx;
}
.set-right-root {
display: flex;
flex-direction: row;
align-items: center;
}
.set-right-text1 {
font-size: 32rpx;
color: #999999;
margin-right: 18rpx;
}
.set-right-text2 {
font-size: 34rpx;
color: #999999;
margin-bottom: 6rpx;
}
</style>
\ No newline at end of file
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