调整复制用户中心兼容

This commit is contained in:
唐明明
2021-10-13 12:04:45 +08:00
parent b6e58b2431
commit 7ee3ddee63
10 changed files with 2639 additions and 2875 deletions

View File

@@ -16,6 +16,11 @@
"autoclose" : true, "autoclose" : true,
"delay" : 0 "delay" : 0
}, },
"safearea": {
"bottom": {
"offset": "none"
}
},
/* */ /* */
"modules" : {}, "modules" : {},
/* */ /* */

View File

@@ -193,7 +193,8 @@
"style": { "style": {
"navigationBarTitleText": "能量钱包", "navigationBarTitleText": "能量钱包",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white",
"navigationBarBackgroundColor":"#976dff"
} }
}, { }, {
"path": "pages/wallet/extract", "path": "pages/wallet/extract",
@@ -201,7 +202,7 @@
"style": { "style": {
"navigationBarTitleText": "提现能量", "navigationBarTitleText": "提现能量",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#774ffd", "navigationBarBackgroundColor": "#976dff",
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white"
} }
}, { }, {
@@ -310,7 +311,9 @@
} }
], ],
"globalStyle": { "globalStyle": {
"backgroundColor": "#F5F5F5" "backgroundColor": "#F5F5F5",
"navigationBarBackgroundColor":"#FFFFFF",
"navigationBarTextStyle":"black"
}, },
"tabBar": { "tabBar": {
"borderStyle": "white", "borderStyle": "white",

View File

@@ -47,10 +47,9 @@
<view class="btn" @click="additionalOrBurning">确认</view> <view class="btn" @click="additionalOrBurning">确认</view>
</view> </view>
</uni-popup> </uni-popup>
<!-- <view class="basisc-btn">
<view class="basisc-btn">
<button class="btn" type="default" @click="$Router.push({name: 'goodsaddClassify'})">添加商品权证</button> <button class="btn" type="default" @click="$Router.push({name: 'goodsaddClassify'})">添加商品权证</button>
</view> </view> -->
</view> </view>
</template> </template>

View File

@@ -25,8 +25,9 @@
<image class="newCont-close" src="/static/user/order-cancelPay.png" mode="aspectFill" @click="newEject()"></image> <image class="newCont-close" src="/static/user/order-cancelPay.png" mode="aspectFill" @click="newEject()"></image>
</view> </view>
<!-- 消息列表弹出 end --> <!-- 消息列表弹出 end -->
<!-- @scrolltoupper="onScrolltoupper" --> <!-- ios安全区 -->
<scroll-view class="content-scroll" scroll-y="true"> <view class="ios-top"></view>
<!-- header -->
<view class="header"> <view class="header">
<!-- 工具 --> <!-- 工具 -->
<view class="user-tool"> <view class="user-tool">
@@ -64,19 +65,6 @@
已达成满级 已达成满级
</view> </view>
</view> </view>
<!-- 未认证后显示 -->
<!-- <view class="userVip-tips">
<view class="userVip-tips-title">
加入链商星球
</view>
<view class="userVip-tips-text">
和众多精英一样用另一种方式改变你的生活姿态
以人为本锐意进取追求卓越
诚信立足创新致远
</view>
</view> -->
<!-- 已认证后显示 --> <!-- 已认证后显示 -->
<view class="userVip-rights"> <view class="userVip-rights">
<view class="userVip-rightst-title"> <view class="userVip-rightst-title">
@@ -98,15 +86,8 @@
</view> </view>
</view> </view>
</view> </view>
<view <!-- mian -->
class="mian" <view class="mian" :class="{'shoeCard': shoeCardType}">
:style="[{
transform: coverTransform,
transition: coverTransition
}]"
@touchstart="coverTouchstart"
@touchmove="coverTouchmove"
@touchend="coverTouchend">
<!-- 消息中心 --> <!-- 消息中心 -->
<view class="userNew"> <view class="userNew">
<image class="userNew-icon" src="/static/user/userNew_icon.png"></image> <image class="userNew-icon" src="/static/user/userNew_icon.png"></image>
@@ -223,7 +204,6 @@
</view> </view>
</view> </view>
</view> </view>
</scroll-view>
</view> </view>
</template> </template>
@@ -247,14 +227,8 @@ export default {
customerShow: false, // 专属客服弹出 customerShow: false, // 专属客服弹出
customerCode: '', // 专属客服二维码 customerCode: '', // 专属客服二维码
}, },
// 滚动 shoeCardType : false
coverTransform: 'translateY(0px)', }
coverTransition: '0s',
startY: 0, // 落点
moving: false, //开启卡片
moveY: 0,
ScrollTop: false
};
}, },
onShow(){ onShow(){
// 添加vip模块跳动样式 // 添加vip模块跳动样式
@@ -273,6 +247,15 @@ export default {
// 移除vip模块跳动样式 // 移除vip模块跳动样式
this.animatedShow = false this.animatedShow = false
}, },
onPageScroll(e){
if(e.scrollTop <= 0 && !this.shoeCardType){
this.shoeCardType = true
return
}
if(e.scrollTop >= 1 && this.shoeCardType){
this.shoeCardType = false
}
},
methods: { methods: {
// 开通VIP // 开通VIP
openVip(identityId){ openVip(identityId){
@@ -343,17 +326,27 @@ export default {
// 复制邀请码 // 复制邀请码
copyCenter(e) { copyCenter(e) {
let copyNo = e let copyNo = e
const result = h5Copy(copyNo) uni.setClipboardData({
if (result === false) { data: copyNo,
success() {
uni.showToast({ uni.showToast({
title:'不支持', title: '邀请码已复制',
}) icon : 'none'
} else {
uni.showToast({
title:'复制成功',
icon:'none'
}) })
} }
})
// const result = h5Copy(copyNo)
// if (result === false) {
// uni.showToast({
// title:'不支持',
// })
// } else {
// uni.showToast({
// title:'复制成功',
// icon:'none'
// })
// }
}, },
// 友情提示信息 // 友情提示信息
showHelp(type) { showHelp(type) {
@@ -387,42 +380,6 @@ export default {
} else { } else {
this.newnextShow = false this.newnextShow = false
} }
},
// 滑动部分
onScrolltoupper(){
this.ScrollTop = true
},
coverTouchstart(e) {
this.coverTransition = 'transform .1s linear'
this.startY = e.touches[0].clientY
},
coverTouchmove(e) {
this.moveY = e.touches[0].clientY
let moveDistance = this.moveY - this.startY
if (this.moving && moveDistance < 0){
this.coverTransform = `translateY(0px)`
this.moving = false
return
}else{
if (moveDistance > 0 && moveDistance <= 130) {
this.coverTransform = `translateY(${moveDistance}px)`
}
this.moving = moveDistance >= 130
}
},
coverTouchend() {
if (this.moving) {
this.runRefresh()
} else {
this.coverTransition = 'transform 0.3s cubic-bezier(.21,1.93,.53,.64)'
this.coverTransform = 'translateY(0px)'
}
},
runRefresh() {
this.coverTransition = 'transform .1s linear'
this.coverTransform = 'translateY(140px)'
this.playState = true
this.$emit('refresh')
} }
} }
}; };
@@ -549,7 +506,7 @@ export default {
// 会员卡 // 会员卡
.userVip { .userVip {
background-image:linear-gradient(to right, #4721bd, #885efe, #5d39b9); background-image:linear-gradient(to right, #4721bd, #885efe, #5d39b9);
margin: 40rpx 40rpx 0; margin: 20px 40rpx 0;
border-radius: 30rpx 30rpx 0 0; border-radius: 30rpx 30rpx 0 0;
border: 3rpx solid #b197ff; border: 3rpx solid #b197ff;
color: #f6e9fa; color: #f6e9fa;
@@ -557,19 +514,19 @@ export default {
padding-bottom: 40rpx; padding-bottom: 40rpx;
.userVip-top { .userVip-top {
display: flex; display: flex;
padding: 30rpx; padding: 15px 30rpx;
.userVip-top-name { .userVip-top-name {
font-size: 30rpx; font-size: 30rpx;
flex: 1; flex: 1;
line-height: 48rpx; line-height: 24px;
} }
.userVip-top-btn { .userVip-top-btn {
font-size: 26rpx; font-size: 26rpx;
background-color: #977ae8; background-color: #977ae8;
border-radius: 40rpx; border-radius: 40rpx;
padding: 0 20rpx 0 25rpx; padding: 0 20rpx 0 25rpx;
height: 48rpx; height: 24px;
line-height: 48rpx; line-height: 24px;
display: flex; display: flex;
.userVip-top-arrow { .userVip-top-arrow {
width: 20rpx; width: 20rpx;
@@ -630,22 +587,22 @@ export default {
vertical-align: top; vertical-align: top;
margin-bottom: 15rpx; margin-bottom: 15rpx;
} }
// 255 + 140 + 80 + 40
} }
} }
} }
} }
// 会员信息 // 会员信息
.header { .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-image: linear-gradient(to right, #7c52fc, #976dff); background-image: linear-gradient(to right, #7c52fc, #976dff);
height: 334px;
// user工具 // user工具
.user-tool { .user-tool {
padding-top: 200rpx;
text-align: right; text-align: right;
line-height: 40px; line-height: 40px;
@extend .ios-top;
.user-tool-name { .user-tool-name {
flex: 1; flex: 1;
line-height: 40px; line-height: 40px;
@@ -760,9 +717,15 @@ export default {
} }
// 按钮内容 // 按钮内容
.mian { .mian {
margin-top: -150px; position: relative;
z-index: 1;
margin-top: 184px;
padding: 15px 30rpx 5px; padding: 15px 30rpx 5px;
background: #F5F5F5; background: #F5F5F5;
transition: margin .6s;
&.shoeCard{
margin-top: 320px;
}
// 我的资产模块 // 我的资产模块
.userAssets { .userAssets {
margin-bottom: 15px; margin-bottom: 15px;

View File

@@ -228,7 +228,7 @@
.propery { .propery {
position: relative; position: relative;
padding-top: var(--status-bar-height); padding-top: var(--status-bar-height);
background-image: linear-gradient(to right, #7c52fc, #976dff); background-image: linear-gradient(to top, #7c52fc, #976dff);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -246,7 +246,7 @@
.propery-content { .propery-content {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: $padding *3 $padding *1.4; padding: $padding/2 $padding $padding*3;
text-align: center; text-align: center;
.currency { .currency {

View File

@@ -162,17 +162,15 @@
showCancel:false, showCancel:false,
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
const result = h5Copy(this.balance.address) uni.setClipboardData({
if (result === false) { data: this.balance.address,
success() {
uni.showToast({ uni.showToast({
title:'不支持', title: '区块链地址已复制',
}) icon : 'none'
} else {
uni.showToast({
title:'复制成功',
icon:'none'
}) })
} }
})
} }
} }
}) })
@@ -283,10 +281,9 @@
.propery { .propery {
position: relative; position: relative;
padding-top: var(--status-bar-height); padding-top: var(--status-bar-height);
background-image: linear-gradient(to right, #7c52fc, #976dff); background-image: linear-gradient(to top, #7c52fc, #976dff);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.record-bg { .record-bg {
position: absolute; position: absolute;
width: 100%; width: 100%;
@@ -315,7 +312,7 @@
.propery-content { .propery-content {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: $padding *3 $padding *1.4; padding: $padding/2 $padding $padding*3;
text-align: center; text-align: center;
.currency { .currency {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__1F65101","name":"BlockChainH5","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"light","background":"#000000"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"distribute":{"google":{"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]},"apple":{},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"allowsInlineMediaPlayback":true,"safearea":{"background":"#FFFFFF","bottom":{"offset":"auto"}},"uni-app":{"compilerVersion":"3.2.9","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"borderStyle":"rgba(255,255,255,0.4)","backgroundColor":"#FFFFFF","selectedColor":"#774ffd","iconWidth":"26px","spacing":"0","height":"60px","list":[{"text":"发现能量","iconPath":"static/tabBar/tabBar_icon_00.png","selectedIconPath":"static/tabBar/tabBar_show_00.png","pagePath":"pages/index/index"},{"text":"发现更多","iconPath":"static/tabBar/tabBar_icon_01.png","selectedIconPath":"static/tabBar/tabBar_show_01.png","pagePath":"pages/found/index"},{"text":"节点中心","iconPath":"static/tabBar/tabBar_icon_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/user/index"}],"child":["lauchwebview"],"selected":0},"launch_path":"__uniappview.html"}} {"@platforms":["android","iPhone","iPad"],"id":"__UNI__1F65101","name":"BlockChainH5","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#FFFFFF"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"safearea":{"bottom":{"offset":"none"}},"distribute":{"google":{"permissions":["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]},"apple":{},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.2.9","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"borderStyle":"rgba(255,255,255,0.4)","backgroundColor":"#FFFFFF","selectedColor":"#774ffd","iconWidth":"26px","spacing":"0","height":"60px","list":[{"text":"发现能量","iconPath":"static/tabBar/tabBar_icon_00.png","selectedIconPath":"static/tabBar/tabBar_show_00.png","pagePath":"pages/index/index"},{"text":"发现更多","iconPath":"static/tabBar/tabBar_icon_01.png","selectedIconPath":"static/tabBar/tabBar_show_01.png","pagePath":"pages/found/index"},{"text":"节点中心","iconPath":"static/tabBar/tabBar_icon_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/user/index"}],"child":["lauchwebview"],"selected":0},"launch_path":"__uniappview.html"}}