product-uniapp/pages/index/mine.vue

<template>
  <view class="mine-page">
    <!-- 顶部渐变背景 -->
	<uni-nav-bar leftText=" " :fixed="true" :border="false"  @clickLeft="leftClick" color="#000000" backgroundColor="#3BC8BE" :statusBar="true" title="我的"></uni-nav-bar>
	
    <view class="header">
      <view class="profile-card">
        <view class="profile-main">
          <image class="avatar" @click="changinfo" :src="userinfo.avatar_pull" mode="aspectFill" />
          <view class="info" v-if="!is_login">
            <text class="name">请点击登录</text>
            <text class="sub">注册/登录即可发布信息</text>
          </view>
		  <view v-else class="info" @click="changinfo">{{userinfo.nickname}}</view>
		  <button v-if="!is_login" class="login-btn" open-type="getPhoneNumber"  @getphonenumber="getPhoneNumber">立即登录</button>
        </view>
      </view>
    </view>

    <!-- 功能入口 -->
    <view class="menu-card">
      <view class="menu-item" @click="navTo('/pages/mine/my_newmsg')">
        <image src="/static/image/mine/xinxi.png" mode="" class="menu-icon"></image>
        <view class="menu-text">我的信息</view>
      </view>
	  <view class="menu-item" @click="navTo('/pages/mine/my_release')">
	    <image src="/static/image/mine/shoucang.png" mode="" class="menu-icon"></image>
	    <view class="menu-text">我的收藏</view>
	  </view>
	  <view class="menu-item" @click="navTo('/pages/mine/my_favorites')">
	    <image src="/static/image/mine/fabu.png" mode="" class="menu-icon"></image>
	    <view class="menu-text">我的发布</view>
	  </view>
	  <view class="menu-item" @click="navTo('/pages/mine/my_reply')">
	    <image src="/static/image/mine/huifu.png" mode="" class="menu-icon"></image>
	    <view class="menu-text">我的回复</view>
	  </view>
    </view>
	<u-popup :show="show"  :closeOnClickOverlay="false"  :round="20" mode="center">
		<view class="popupcontent">
			<image class="log1" src="/static/image/log1.png"></image>
			<view class="title">{{$t('home.loginmsg')}}</view>
			<view class="yhxy">
				<checkbox-group name="" style="width: 28px;display: inline-block;">
					<label @tap="selfChangde()">
						<checkbox :checked="selfChecked" activeBackgroundColor="#3F435B" style="transform:scale(0.7);border-radius: 50%"/>
					</label>
				</checkbox-group>
				{{$t('home.argin')}}<text class="xy" @click="gouser">{{$t('home.UserAgreement')}}</text>{{$t('home.and')}}<text class="xy"  @click="goprivacy">{{$t('home.Privacy')}}</text>
			</view>
		</view>
		<view class="cent">
			<button class="btn1" @click="show = !show">{{$t('cancel')}}</button>
			<button v-if="selfChecked" class="btn" open-type="getPhoneNumber" @click="show = !show" @getphonenumber="getPhoneNumber">{{$t('login')}}</button>
			<button v-else class="btn" @click="loginbtn">{{$t('login')}}</button>
		</view>
	</u-popup>
  </view>
</template>

<script>
import { request,showToast } from '@/api/apiT.js'
export default {
  data() {
    return {
		userinfo:'',
		selfChecked: false,
		is_login:uni.getStorageSync('is_login'),
		show: false
    }
  },
  onShow() {
  	this.getinfo()
  },
  methods: {
    onLogin() {
      uni.showToast({ title: '请登录', icon: 'none' })
    },
    navTo(url) {
    	if(uni.getStorageSync('is_login')){
    		uni.navigateTo({
    			url: url
    		});
    	}else{
    		this.show = true
    	}
    },
	goprivacy(){
		uni.navigateTo({
			url: '/pages/login/agreement',// 替换为你要跳转的页面路径
		});
	},
	gouser(){
		uni.navigateTo({
			url: '/pages/login/agreementuser',// 替换为你要跳转的页面路径
		});
	},
	changinfo(){
		if(uni.getStorageSync('is_login')){
			uni.navigateTo({
				url: '/pages/mine/changinfo'
			});
		}else{
			this.show = true
		}
		
	},
	getinfo(){
		request({
			url:'common/user/info',
			method:'POST',
		}).then(res => {
			this.userinfo=res.data.data.user
		})
	},
	selfChangde(e) {
		this.selfChecked = !this.selfChecked;
	},
	loginbtn(){
		if(!this.selfChecked){
			uni.showToast({
				title:this.$t('home.arginimg'),
				icon: 'none'
			});
			return false
		}
	},
	getPhoneNumber(e) {
	    let that = this;
		request({
			url:'miniapp/phone',
			method:'POST',
			data:{
				phone_code: e.detail.code,
			}
		}).then(res => {
			if (res.data.code == -1) {
				uni.showToast({
					title: res.data.msg,
					icon: 'none'
				});
				
			} else if (res.data.code == 200) {
				//返回数据接收成功
				uni.showToast({
					title:this.$t('messagesucc'),
					icon: 'none'
				});
				uni.setStorageSync('is_login', true);
				setTimeout(function () {
					uni.reLaunch({
						url: '/pages/index/mine',// 替换为你要跳转的页面路径
					});
				}, 2000);
				
			}
		})
	},
  }
}
</script>

<style lang="scss">
.mine-page {
  min-height: 100vh;
  background-image: url(/static/image/mine/minebg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.header {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 312rpx;
  margin: 0px 30rpx;
}

.title {
  color: #0d534e;
  font-size: 34rpx;
  font-weight: 600;
  text-align: center;
  margin-bottom: 32rpx;
}

.profile-card {
  position: relative;
  // background: #eaf7f6;
  border-radius: 16rpx;
  padding: 24rpx;
  overflow: hidden;
}

.profile-main {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.avatar {
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
  margin-right: 24rpx;
  background: #fff;
}

.info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.name {
  font-size: 30rpx;
  color: #0d534e;
  font-weight: 600;
}

.sub {
  font-size: 24rpx;
  color: #83a9a3;
  margin-top: 6rpx;
}

.login-btn {
  padding: 0rpx 28rpx;
  background: #fff;
  border-radius: 24rpx;
  color: #0d534e;
  font-size: 24rpx;
  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.08);
}

.watermark {
  position: absolute;
  bottom: 12rpx;
  left: 24rpx;
  font-size: 64rpx;
  letter-spacing: 6rpx;
  color: rgba(13, 83, 78, 0.08);
  font-weight: 700;
  z-index: 1;
}

.menu-card {
  margin: 64rpx 24rpx 0;
  background: rgb(59 200 190 / 0.1);
  border-radius: 16rpx;
  padding: 40rpx 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.04);
}

.menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12rpx;
}

.menu-icon {
  width: 56rpx;
  height: 56rpx;
}

.menu-text {
  font-size: 24rpx;
  color: #333;
}
.popupcontent{
	background-size: 100% 100%;
	padding: 26px 15px;
	text-align: center;
	background-repeat: no-repeat;
	.title{
		color: #333333;
		font-size: 15px;
		margin-bottom: 15px;
	}
}
.log1{
	width: 180px;
	height: 180px;
}
.yhxy{
	color: #999999;
	font-size: 12px;
	margin-bottom: 5px;
	.xy{
		color: #05b3a8;
	}
}
.qxbtn{
	width: 99%;
}
.cent{
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0px 10px 20px;
	.btn1{
		background-color: #fff;
		border: 1px solid #05b3a8;
		color: #05b3a8;
		border-radius: 50px;
		width: 46%;
		margin: 10px 0px 20px;
		height: 50px;
		line-height: 50px;
	}
	.btn{
		background-color: #05b3a8;
		color: white;
		border-radius: 50px;
		width: 46%;
		margin: 10px 0px 20px;
		height: 50px;
		line-height: 50px;
	}
}
</style>