jd_logistics/jd_logistics-app/pages/about/index.vue

<template>
	<view class="container">
		<!-- 应用Logo和名称 -->
		<view class="header">
			<view class="logo">
				<image src="@/static/img/logo.png" mode="aspectFit" class="logo-img" />
				<!-- <text class="app-name">瑞鲸速达</text> -->
			</view>
			<text class="welcome">&nbsp;&nbsp;&nbsp;&nbsp;瑞鲸（安徽）供应链科技有限公司，成立于2021年5月，是芜湖奇瑞汽车投资有限公司下属全资子公司，是奇瑞集团“十四五”战略的重要布局。把原部门化运作的工业采购职能独立为市场化运作的瑞鲸工业采购平台，对内为集团下属各单位提供高效、敏捷的采购服务，对外以客户价值创造为导向，为社会各企业提供个性化定制、一揽子解决方案。</text>
			<text class="welcome">&nbsp;&nbsp;&nbsp;&nbsp;瑞鲸科技立足于全供应链，以奇瑞集团存量供应链集群、新增经销商群和1100万终端客户、海外客户为基本盘，融合市场头部电商平台和物流平台，链接智能制造产业集群、造车新势力和旅游出行平台等外部优势资源，打造工业品中心、采购服务中心、智能制造服务、供应链咨询、智慧供应链等多种业务生态。以供应链数字化为着力点，聚合生态资源，持续打造场景化解决方案，致力于构建多领域、多行业、多场景的生态圈，打造成为汽车行业有特色的“工业拼多多”生态平台。</text>
		
		</view>

		<!-- 插图 -->
<!-- 		<view class="section-card">
					
			<view class="form-item  time-picker-item"  @click="showProtocol('user')">
				<view class="label">用户协议</view>
				<view class="input-area">
					<view class="time-display">
						<u-icon name="arrow-right" color="#c0c4cc" class="time-arrow"></u-icon>
					</view>
				</view>
			</view>
			
			<view class="form-item  time-picker-item" @click="showProtocol('privacy')">
				<view class="label">隐私政策</view>
				<view class="input-area">
					<view class="time-display">
						<u-icon name="arrow-right" color="#c0c4cc" class="time-arrow"></u-icon>
					</view>
				</view>
			</view>
			
		</view> -->

		<!-- 登录方式 -->
		<!-- <view class="login-methods"> -->
		<!-- <button 
        class="login-btn wechat-btn" 
       
        @click="handleWechatLogin"
      >
        <image src="@/static/images/wx.png" class="btn-icon"/>
        <text>微信授权登录</text>
      </button> -->

		<!-- <button 
        class="login-btn phone-btn" 
       
        @click="handlePhoneLogin"
      >
        <image src="@/static/images/phone.png" class="btn-icon"/>
        <text>手机号验证登录</text>
      </button> -->
		<!-- </view> -->

		<!-- 用户协议 -->
		<!--    <view class="agreement">
      <radio  
        value="agreed" :checked="agreed"
        @click="agreed = !agreed"
        color="#4A90E2"
      />
      <text>
        我已阅读并同意
        <text class="protocol-link" @click="showProtocol">《用户协议》</text>
        和
        <text class="protocol-link" @click="showPolicy">《隐私政策》</text>
      </text>
    </view> -->


	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	
	import { useAppStore } from '../../stores/app';
	import { onLoad,onShow } from '@dcloudio/uni-app'
	
	const appStore = useAppStore()
	
	onShow(()=>{
		
		// setTimeout(() => {
		//       if (appStore.uid) {
		//          uni.reLaunch({
		//          	url:'/pages/index/index'
		//          })
		//       }else{
		// 		  uni.reLaunch({
		// 		  	url:'/pages/login/wxOrphone'
		// 		  })
		// 	  }
		//     }, 1000);
		
	})
	
	
	const showProtocol = (type) => {
		uni.navigateTo({
			url: `/pages/index/webview?type=${type}`
		})
	}
	
</script>

<style lang="scss" scoped>
	.container {
		min-height: 100vh;
		padding: 50rpx 30rpx;
		box-sizing: border-box;
		background-color: #F5F7FA;
	}

	.status-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 30rpx;
	}

	.right-icons {
		display: flex;
		gap: 20rpx;
	}

	.header {
		text-align: center;
		margin-top: 20rpx;
	}

	.logo {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20rpx;
		margin-bottom: 20rpx;
	}

	.checkbox-circle .uni-checkbox-input {
		border-radius: 50%;
		/* 使checkbox变为圆形 */
	}

	.logo-img {
		width: 270rpx;
		height: 100rpx;
	}

	.app-name {
		margin-top: 16rpx;
		font-size: 72rpx;
		font-weight: bold;
		color: #333;
		line-height: 72rpx;
	}

	.welcome {
		display: block;
		font-size: 32rpx;
		color: #666;
		margin-top: 16rpx;
		text-align: left;
	}
	
	
	.section-card {
		margin-top: 32rpx;
		.column {
			display: flex;
			flex-direction: column;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-bottom: 16rpx;
			padding: 16rpx;
	
			&:last-child {
				border-bottom: none;
			}
	
			.label {
				width: 260rpx;
				font-size: 28rpx;
				color: #333;
				flex-shrink: 0;
	
				&.required::before {
					content: '*';
					color: #ff4444;
					margin-right: 8rpx;
				}
			}
		}
	
		.form-item {
			height: 100rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-bottom: 16rpx;
			padding: 16rpx;
			display: flex;
			align-items: center;
	
			&:last-child {
				border-bottom: none;
			}
	
			.label {
				width: 260rpx;
				font-size: 28rpx;
				color: #333;
				flex-shrink: 0;
	
				&.required::before {
					content: '*';
					color: #ff4444;
					margin-right: 8rpx;
				}
			}
	
			.input-area {
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
	
				.error-msg {
					font-size: 24rpx;
					color: #ff4444;
					margin-top: 8rpx;
					width: 100%;
					text-align: right;
				}
			}
		}
	
	
		.section-title {
			font-size: 32rpx;
			font-weight: bold;
			color: #333;
			margin-bottom: 16rpx;
			height: 48rpx;
			line-height: 48rpx;
		}
	
		.upload-desc {
			font-size: 24rpx;
			color: #999;
			margin-top: 16rpx;
		}
	}
	
	/* 营业时间选择项 - 整个横排可点击 */
	.time-picker-item {
		cursor: pointer;
	
		.time-display {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 100%;
			color: #333;
	
			.time-arrow {
				margin-left: 16rpx;
			}
		}
	}
	

	.illustration {
		margin: 230rpx 0 0rpx 0;
		text-align: center;
	}

	.illustration-img {
		width: 356rpx;
		height: 400rpx;
	}

	.login-methods {
		padding: 0 40rpx;
	}

	.login-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20rpx;
		height: 90rpx;
		border-radius: 5rpx;
		font-size: 32rpx;
		color: white;
		margin-bottom: 30rpx;
	}

	.wechat-btn {
		background-color: #0089FF;
	}

	.phone-btn {
		background-color: #0089FF10;
		color: #0089FF;
	}

	.btn-icon {
		width: 40rpx;
		height: 40rpx;
	}

	.agreement {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40rpx;
		font-size: 24rpx;
		color: #666;
	}

	.protocol-link {
		color: #4A90E2;
		margin: 0 8rpx;
	}
</style>