From 0bbcee731e5259feadd261e8a84c3e27b8387e01 Mon Sep 17 00:00:00 2001
From: hailu <962012470@qq.com>
Date: 星期一, 02 十二月 2024 14:02:05 +0800
Subject: [PATCH] 备份
---
pages/user/user.vue | 615 +++++++++++++++++++++++++------------------------------
1 files changed, 277 insertions(+), 338 deletions(-)
diff --git a/pages/user/user.vue b/pages/user/user.vue
index 67480a9..7b1b140 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,374 +1,313 @@
-<template>
- <view class="container">
-
+<template>
+ <view class="container">
<view class="user-section">
<image class="bg" src="/static/user-bg.jpg"></image>
<view class="user-info-box">
<view class="portrait-box">
- <image class="portrait" :src="userInfo.portrait || '/static/missing-face.png'"></image>
+ <image class="portrait" src="/static/rrlogo.png"></image>
</view>
<view class="info-box">
- <text class="username">{{userInfo.nickname || '娓稿'}}</text>
+ <text class="username">{{ userName || '娓稿' }}</text>
</view>
- </view>
- <view class="vip-card-box">
- <image class="card-bg" src="/static/vip-card-bg.png" mode=""></image>
- <view class="b-btn">
- 绔嬪嵆寮�閫�
- </view>
- <view class="tit">
- <text class="yticon icon-iLinkapp-"></text>
- DCloud浼氬憳
- </view>
- <text class="e-m">DCloud Union</text>
- <text class="e-b">寮�閫氫細鍛樺紑鍙戞棤bug 涓�娴嬪氨涓婄嚎</text>
</view>
</view>
-
- <view
- class="cover-container"
- :style="[{
- transform: coverTransform,
- transition: coverTransition
- }]"
- @touchstart="coverTouchstart"
- @touchmove="coverTouchmove"
- @touchend="coverTouchend"
- >
+
+ <view class="vip-card-box">
+ <view class="vip-content">
+ <view class="vip-title">
+ VIP浼氬憳
+ </view>
+ <button class="open-vip-btn" @click="goVip">绔嬪嵆寮�閫�</button>
+ </view>
+ <view class="vip-description">
+ 棰嗗彇浼氬憳鍗★紝鍗冲彲浜彈浼氬憳涓撲韩鐗规潈
+ </view>
+ </view>
+
+ <view class="cover-container">
<image class="arc" src="/static/arc.png"></image>
-
- <view class="tj-sction">
- <view class="tj-item">
- <text class="num">128.8</text>
- <text>浣欓</text>
- </view>
- <view class="tj-item">
- <text class="num">0</text>
- <text>浼樻儬鍒�</text>
- </view>
- <view class="tj-item">
- <text class="num">20</text>
- <text>绉垎</text>
- </view>
- </view>
- <!-- 璁㈠崟 -->
- <view class="order-section">
- <view class="order-item" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover" :hover-stay-time="50">
- <text class="yticon icon-shouye"></text>
- <text>鍏ㄩ儴璁㈠崟</text>
- </view>
- <view class="order-item" @click="navTo('/pages/order/order?state=1')" hover-class="common-hover" :hover-stay-time="50">
- <text class="yticon icon-daifukuan"></text>
- <text>寰呬粯娆�</text>
- </view>
- <view class="order-item" @click="navTo('/pages/order/order?state=2')" hover-class="common-hover" :hover-stay-time="50">
- <text class="yticon icon-yishouhuo"></text>
- <text>寰呮敹璐�</text>
- </view>
- <view class="order-item" @click="navTo('/pages/order/order?state=4')" hover-class="common-hover" :hover-stay-time="50">
- <text class="yticon icon-shouhoutuikuan"></text>
- <text>閫�娆�/鍞悗</text>
- </view>
- </view>
<!-- 娴忚鍘嗗彶 -->
<view class="history-section icon">
- <view class="sec-header">
- <text class="yticon icon-lishijilu"></text>
- <text>娴忚鍘嗗彶</text>
- </view>
- <scroll-view scroll-x class="h-list">
- <image @click="navTo('/pages/product/product')" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105186633&di=c121a29beece4e14269948d990f9e720&imgtype=0&src=http%3A%2F%2Fimg004.hc360.cn%2Fm8%2FM04%2FDE%2FDE%2FwKhQplZ-QteEBvsbAAAAADUkobU751.jpg" mode="aspectFill"></image>
- <image @click="navTo('/pages/product/product')" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105231218&di=09534b9833b5243296630e6d5b728eff&imgtype=0&src=http%3A%2F%2Fimg002.hc360.cn%2Fm1%2FM05%2FD1%2FAC%2FwKhQcFQ3iN2EQTo8AAAAAHQU6_8355.jpg" mode="aspectFill"></image>
- <image @click="navTo('/pages/product/product')" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105320890&di=c743386be51f2c4c0fd4b75754d14f3c&imgtype=0&src=http%3A%2F%2Fimg007.hc360.cn%2Fhb%2FMTQ1OTg4ODY0MDA3Ny05OTQ4ODY1NDQ%3D.jpg" mode="aspectFill"></image>
- <image @click="navTo('/pages/product/product')" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2691146630,2165926318&fm=26&gp=0.jpg" mode="aspectFill"></image>
- <image @click="navTo('/pages/product/product')" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105443324&di=8141bf13f3f208c61524d67f9bb83942&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ac9a5548d29b0000019ae98e6d98.jpg" mode="aspectFill"></image>
- <image @click="navTo('/pages/product/product')" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=191678693,2701202375&fm=26&gp=0.jpg" mode="aspectFill"></image>
- </scroll-view>
- <list-cell icon="icon-iconfontweixin" iconColor="#e07472" title="鎴戠殑閽卞寘" tips="鎮ㄧ殑浼氬憳杩樻湁3澶╄繃鏈�"></list-cell>
- <list-cell icon="icon-dizhi" iconColor="#5fcda2" title="鍦板潃绠＄悊" @eventClick="navTo('/pages/address/address')"></list-cell>
- <list-cell icon="icon-share" iconColor="#9789f7" title="鍒嗕韩" tips="閭�璇峰ソ鍙嬭耽10涓囧ぇ绀�"></list-cell>
- <list-cell icon="icon-pinglun-copy" iconColor="#ee883b" title="鏅掑崟" tips="鏅掑崟鎶㈢孩鍖�"></list-cell>
- <list-cell icon="icon-shoucang_xuanzhongzhuangtai" iconColor="#54b4ef" title="鎴戠殑鏀惰棌"></list-cell>
- <list-cell icon="icon-shezhi1" iconColor="#e07472" title="璁剧疆" border="" @eventClick="navTo('/pages/set/set')"></list-cell>
+ <list-cell icon="icon-shoucang_xuanzhongzhuangtai" iconColor="#54b4ef" title="鏀惰棌璁板綍"
+ @eventClick="navTo('/pages/user/reportCenter')"></list-cell>
+ <list-cell icon="icon-dizhi" iconColor="#5fcda2" title="鎴戠殑浼佷笟"
+ @eventClick="navTo('/pages/user/company')"></list-cell>
+ <list-cell icon="icon-shezhi1" iconColor="#e07472" title="鎴戠殑璁剧疆" border=""
+ @eventClick="navTo('/pages/set/set')"></list-cell>
</view>
</view>
-
-
- </view>
-</template>
-<script>
- import listCell from '@/components/mix-list-cell';
- import {
- mapState
- } from 'vuex';
- let startY = 0, moveY = 0, pageAtTop = true;
- export default {
- components: {
- listCell
- },
- data(){
- return {
- coverTransform: 'translateY(0px)',
- coverTransition: '0s',
- moving: false,
- }
- },
- onLoad(){
- },
- // #ifndef MP
- onNavigationBarButtonTap(e) {
- const index = e.index;
- if (index === 0) {
- this.navTo('/pages/set/set');
- }else if(index === 1){
- // #ifdef APP-PLUS
- const pages = getCurrentPages();
- const page = pages[pages.length - 1];
- const currentWebview = page.$getAppWebview();
- currentWebview.hideTitleNViewButtonRedDot({
- index
- });
- // #endif
- uni.navigateTo({
- url: '/pages/notice/notice'
- })
- }
- },
- // #endif
- computed: {
- ...mapState(['hasLogin','userInfo'])
- },
- methods: {
- /**
- * 缁熶竴璺宠浆鎺ュ彛,鎷︽埅鏈櫥褰曡矾鐢�
- * navigator鏍囩鐜板湪榛樿娌℃湁杞満鍔ㄧ敾锛屾墍浠ョ敤view
- */
- navTo(url){
- if(!this.hasLogin){
- url = '/pages/public/login';
+ <!-- 閫�鍑虹櫥褰曟寜閽� -->
+ <view class="logout-section">
+ <button class="logout-button" @click="logout">閫�鍑虹櫥褰�</button>
+ </view>
+ </view>
+</template>
+
+<script>
+import listCell from '@/components/mix-list-cell';
+import { mapState } from 'vuex';
+
+export default {
+ components: {
+ listCell
+ },
+ data() {
+ return {
+ avator: uni.getStorageSync('avator'),
+ userName: uni.getStorageSync('userName'),
+ coverTransform: 'translateY(0px)',
+ coverTransition: '0s',
+ moving: false,
+ }
+ },
+ onLoad() { },
+ computed: {
+ ...mapState(['hasLogin', 'userInfo'])
+ },
+ methods: {
+ navTo(item) {
+ uni.navigateTo({
+ url: item
+ })
+ },
+ goVip() {
+ uni.navigateTo({
+ url: '/pages/user/vip'
+ })
+
+ },
+ logout() {
+ // 璋冪敤閫�鍑虹櫥褰曟帴鍙�
+ this.$http.post('/User/Logout').then(res => {
+ if (res.Check) {
+ // 娓呴櫎鏈湴瀛樺偍鐨勭敤鎴蜂俊鎭�
+ uni.clearStorageSync();
+ // 鎻愮ず鐢ㄦ埛宸查��鍑虹櫥褰�
+ this.$msg('宸查��鍑虹櫥褰�');
+
+ // 璺宠浆鍒扮櫥褰曢〉闈㈡垨鍏朵粬椤甸潰
+ setTimeout(() => {
+ uni.reLaunch({
+ url: '/pages/public/login'
+ });
+ }, 500);
+ } else {
+ // 澶勭悊閫�鍑虹櫥褰曞け璐ョ殑鎯呭喌
+ this.$msg('閫�鍑虹櫥褰曞け璐�');
}
- uni.navigateTo({
- url
- })
- },
-
- /**
- * 浼氬憳鍗′笅鎷夊拰鍥炲脊
- * 1.鍏抽棴bounce閬垮厤ios绔笅鎷夊啿绐�
- * 2.鐢变簬touchmove浜嬩欢鐨勭己闄凤紙浠ュ墠鍋氬皬绋嬪簭灏遍亣鍒帮紝姣斿20璺冲埌40锛宧5鍙嶈�屽ソ寰堝锛夛紝涓嬫媺鐨勬椂鍊欎細鏈夋帀甯х殑鎰熻
- * transition璁剧疆0.1绉掑欢杩燂紝璁ヽss鏉ヨ繃娓¤繖娈电┖绐楁湡
- * 3.鍥炲脊鏁堟灉鍙慨鏀规洸绾垮�兼潵璋冩暣鏁堟灉锛屾帹鑽愪竴涓ソ鐢ㄧ殑bezier鐢熸垚宸ュ叿 http://cubic-bezier.com/
- */
- coverTouchstart(e){
- if(pageAtTop === false){
- return;
- }
- this.coverTransition = 'transform .1s linear';
- startY = e.touches[0].clientY;
- },
- coverTouchmove(e){
- moveY = e.touches[0].clientY;
- let moveDistance = moveY - startY;
- if(moveDistance < 0){
- this.moving = false;
- return;
- }
- this.moving = true;
- if(moveDistance >= 80 && moveDistance < 100){
- moveDistance = 80;
- }
-
- if(moveDistance > 0 && moveDistance <= 80){
- this.coverTransform = `translateY(${moveDistance}px)`;
- }
- },
- coverTouchend(){
- if(this.moving === false){
- return;
- }
- this.moving = false;
- this.coverTransition = 'transform 0.3s cubic-bezier(.21,1.93,.53,.64)';
- this.coverTransform = 'translateY(0px)';
- }
- }
- }
-</script>
+ }).catch(error => {
+ // 澶勭悊缃戠粶璇锋眰閿欒
+ console.error('璇锋眰澶辫触', error);
+ this.$msg('缃戠粶璇锋眰澶辫触锛岃绋嶅悗鍐嶈瘯');
+ });
+ }
+ }
+}
+</script>
+
<style lang='scss'>
- %flex-center {
- display:flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
+%flex-center {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+%section {
+ display: flex;
+ justify-content: space-around;
+ align-content: center;
+ background: #fff;
+ border-radius: 10upx;
+}
+
+.user-section {
+ height: 320upx;
+ padding: 100upx 30upx 0;
+ position: relative;
+
+ .bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ filter: blur(1px);
+ opacity: .7;
}
- %section {
- display:flex;
- justify-content: space-around;
- align-content: center;
- background: #fff;
- border-radius: 10upx;
+}
+
+.user-info-box {
+ height: 180upx;
+ display: flex;
+ align-items: center;
+ position: relative;
+ z-index: 1;
+
+ .portrait {
+ width: 130upx;
+ height: 130upx;
+ border: 5upx solid #fff;
+ border-radius: 50%;
}
- .user-section{
- height: 520upx;
- padding: 100upx 30upx 0;
- position:relative;
- .bg{
- position:absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- filter: blur(1px);
- opacity: .7;
- }
+ .username {
+ font-size: $font-lg + 6upx;
+ color: $font-color-dark;
+ margin-left: 20upx;
}
- .user-info-box{
- height: 180upx;
- display:flex;
- align-items:center;
- position:relative;
- z-index: 1;
- .portrait{
- width: 130upx;
- height: 130upx;
- border:5upx solid #fff;
- border-radius: 50%;
- }
- .username{
- font-size: $font-lg + 6upx;
- color: $font-color-dark;
- margin-left: 20upx;
- }
- }
+}
- .vip-card-box{
- display:flex;
- flex-direction: column;
- color: #f7d680;
- height: 240upx;
- background: linear-gradient(left, rgba(0,0,0,.7), rgba(0,0,0,.8));
- border-radius: 16upx 16upx 0 0;
- overflow: hidden;
- position: relative;
- padding: 20upx 24upx;
- .card-bg{
- position:absolute;
- top: 20upx;
- right: 0;
- width: 380upx;
- height: 260upx;
+.vip-card-box {
+ display: flex;
+ flex-direction: column;
+ color: #36343c;
+ background: #f7d680;
+ border-radius: 16upx;
+ overflow: hidden;
+ position: relative;
+ padding: 20upx 24upx;
+ margin: 20upx 30upx;
+
+ .vip-content {
+ align-items: center;
+ margin-bottom: 20upx;
+
+ .vip-title {
+ font-size: $font-base + 2upx;
+ color: #36343c;
+ float: left;
+ line-height: 80upx;
}
- .b-btn{
- position: absolute;
- right: 20upx;
- top: 16upx;
- width: 132upx;
- height: 40upx;
+
+ .open-vip-btn {
+ float: right;
+ height: 80upx;
text-align: center;
- line-height: 40upx;
- font-size: 22upx;
+ line-height: 80upx;
+ font-size: 28upx;
color: #36343c;
border-radius: 20px;
background: linear-gradient(left, #f9e6af, #ffd465);
- z-index: 1;
- }
- .tit{
- font-size: $font-base+2upx;
- color: #f7d680;
- margin-bottom: 28upx;
- .yticon{
- color: #f6e5a3;
- margin-right: 16upx;
- }
- }
- .e-b{
- font-size: $font-sm;
- color: #d8cba9;
- margin-top: 10upx;
}
}
- .cover-container{
- background: $page-color-base;
- margin-top: -150upx;
- padding: 0 30upx;
- position:relative;
- background: #f5f5f5;
- padding-bottom: 20upx;
- .arc{
- position:absolute;
- left: 0;
- top: -34upx;
- width: 100%;
- height: 36upx;
- }
+
+ .vip-description {
+ font-size: $font-sm;
+ color: #36343c;
}
- .tj-sction{
- @extend %section;
- .tj-item{
- @extend %flex-center;
- flex-direction: column;
- height: 140upx;
- font-size: $font-sm;
- color: #75787d;
- }
- .num{
- font-size: $font-lg;
- color: $font-color-dark;
- margin-bottom: 8upx;
- }
+}
+
+.cover-container {
+ background: $page-color-base;
+ margin-top: 30upx;
+ padding: 0 30upx;
+ position: relative;
+ background: #f5f5f5;
+ padding-bottom: 20upx;
+
+ .arc {
+ position: absolute;
+ left: 0;
+ top: -34upx;
+ width: 100%;
+ height: 36upx;
}
- .order-section{
- @extend %section;
- padding: 28upx 0;
- margin-top: 20upx;
- .order-item{
- @extend %flex-center;
- width: 120upx;
- height: 120upx;
- border-radius: 10upx;
- font-size: $font-sm;
- color: $font-color-dark;
- }
- .yticon{
- font-size: 48upx;
- margin-bottom: 18upx;
- color: #fa436a;
- }
- .icon-shouhoutuikuan{
- font-size:44upx;
- }
+}
+
+.logout-section {
+ margin-top: 30upx;
+ padding: 0 30upx;
+
+ .logout-button {
+ width: 100%;
+ background-color: #fa436a;
+ color: white;
+ font-size: $font-base + 2upx;
+ border: none;
+ border-radius: 8upx;
+ padding: 10upx 0;
+ line-height: 68upx;
}
- .history-section{
- padding: 30upx 0 0;
- margin-top: 20upx;
- background: #fff;
- border-radius:10upx;
- .sec-header{
- display:flex;
- align-items: center;
- font-size: $font-base;
- color: $font-color-dark;
+}
+
+.tj-sction {
+ @extend %section;
+
+ .tj-item {
+ @extend %flex-center;
+ flex-direction: column;
+ height: 140upx;
+ font-size: $font-sm;
+ color: #75787d;
+ }
+
+ .num {
+ font-size: $font-lg;
+ color: $font-color-dark;
+ margin-bottom: 8upx;
+ }
+}
+
+.order-section {
+ @extend %section;
+ padding: 28upx 0;
+ margin-top: 20upx;
+
+ .order-item {
+ @extend %flex-center;
+ width: 120upx;
+ height: 120upx;
+ border-radius: 10upx;
+ font-size: $font-sm;
+ color: $font-color-dark;
+ }
+
+ .yticon {
+ font-size: 48upx;
+ margin-bottom: 18upx;
+ color: #fa436a;
+ }
+
+ .icon-shouhoutuikuan {
+ font-size: 44upx;
+ }
+}
+
+.history-section {
+ padding: 30upx 0 0;
+ margin-top: 20upx;
+ background: #fff;
+ border-radius: 10upx;
+
+ .sec-header {
+ display: flex;
+ align-items: center;
+ font-size: $font-base;
+ color: $font-color-dark;
+ line-height: 40upx;
+ margin-left: 30upx;
+
+ .yticon {
+ font-size: 44upx;
+ color: #5eba8f;
+ margin-right: 16upx;
line-height: 40upx;
- margin-left: 30upx;
- .yticon{
- font-size: 44upx;
- color: #5eba8f;
- margin-right: 16upx;
- line-height: 40upx;
- }
- }
- .h-list{
- white-space: nowrap;
- padding: 30upx 30upx 0;
- image{
- display:inline-block;
- width: 160upx;
- height: 160upx;
- margin-right: 20upx;
- border-radius: 10upx;
- }
}
}
-
+
+ .h-list {
+ white-space: nowrap;
+ padding: 30upx 30upx 0;
+
+ image {
+ display: inline-block;
+ width: 160upx;
+ height: 160upx;
+ margin-right: 20upx;
+ border-radius: 10upx;
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0