Jelajahi Sumber

个人中心

mws 4 bulan lalu
induk
melakukan
b7b608c834
3 mengubah file dengan 213 tambahan dan 0 penghapusan
  1. 206 0
      pages/cjx/my/my.vue
  2. 7 0
      pages/login.vue
  3. TEMPAT SAMPAH
      static/images/tabbar/cjx/my.png

+ 206 - 0
pages/cjx/my/my.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="intro-page common">
+		<view class="top-class"></view>
+		<view class="title">
+			个人中心
+		</view>
+		<view class="head">
+			<u-row class="row-class">
+				<u-col span="4">
+					<image class="logo-img"
+						src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/logo.png"
+						mode="aspectFit" />
+				</u-col>
+				<u-col span="4">
+					<image class="commodity-img"
+						src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/commodity.png"
+						mode="aspectFit" />
+				</u-col>
+				<u-col span="4">
+					<image class="logo-rules"
+						src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/rules.png"
+						@click="openDetail" />
+				</u-col>
+			</u-row>
+		</view>
+		<view class="topImg">
+			<image class="img_1" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/topImg.png"
+				mode="heightFix" />
+		</view>
+
+
+
+		<view class="content">
+			<view class="cardTop" >
+				
+			</view>
+			<view class="content_text">
+				<u-row style="height: 200rpx;">
+					<u-col span="4" textAlign="center" @click="jumpScanLog">
+						<image class="tubiao" src="/static/images/tabbar/cjx/scan.png" mode="aspectFit" />
+						<view class="">
+							扫码记录
+						</view>
+					</u-col>
+					<u-col span="4" textAlign="center" @click="jumpScanAddress">
+						<image class="tubiao" src="/static/images/tabbar/address.png" mode="aspectFit" />
+						<view class="">
+							业务管理
+						</view>
+					</u-col>
+					<u-col span="4">
+				
+					</u-col>
+				</u-row>
+			</view>
+<!-- 			<view class="return_view">
+				<view class="return-button"  @click="goBack()">返回</view>
+			</view> -->
+
+		</view>
+			<CustomTabbar />
+	</view>
+</template>
+
+<script>
+	import CustomTabbar from '@/components/tabbar_cjx.vue';
+	export default {
+		components: {
+			CustomTabbar
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			jumpScanLog() {
+				uni.navigateTo({
+					url: '/pages/cjx/record/record'
+				});
+			},
+			jumpScanAddress(){
+				uni.navigateTo({
+					url: '/pages/cjx/hexiao/login'
+				});
+			}
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import url('../../../static/scss/common_cjx.css');
+
+	.row-class {
+		height: 80rpx;
+	}
+
+	.theme-text {
+		height: 10vh;
+		text-align: center;
+		line-height: 11vh;
+
+		.textImage {
+			height: 80rpx;
+			width: 400rpx;
+		}
+	}
+
+	.intro-card {
+		margin: 0 32rpx;
+		padding: 32rpx 24rpx 24rpx 24rpx;
+		background: rgba(131, 100, 71, 0.5);
+		border-radius: 10rpx;
+
+
+		.intro-view {
+			border: 1px solid #341B10;
+			padding: 10px;
+			margin: 10px;
+			position: relative;
+
+
+			.intro-label {
+				background-image:
+					url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/guzhenganzi/label.png");
+				/* 使用绝对路径 */
+				background-size: contain;
+				background-repeat: no-repeat;
+				width: 220rpx;
+				height: 120rpx;
+				position: absolute;
+				margin-top: -70rpx;
+				align-content: center;
+
+				.label-title {
+					font-weight: bold;
+					font-size: 30rpx;
+					color: #341B10;
+					text-align: center;
+					margin-left: 10px;
+					height: 120rpx;
+					line-height: 110rpx;
+				}
+			}
+
+			.intro-content {
+				font-size: 28rpx;
+				color: #5c4322;
+				line-height: 1.8;
+				margin: 20rpx 0px;
+				text-align: justify;
+				height: 38vh;
+			}
+
+		}
+
+	}
+	
+	.textImage {
+		height: 80rpx;
+		width: 400rpx;
+	}
+	
+	.content {
+		height: 60vh;
+		border-radius: 10rpx;
+		margin: 0rpx 40rpx;
+		padding: 10rpx 24rpx;
+		overflow: auto;
+		align-items: center;
+		justify-content: center;
+		background-image:
+			url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/cardBgi.png");
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+		
+	}
+
+	.company-img {
+		width: 160rpx;
+		height: 160rpx;
+		border-radius: 12rpx;
+		object-fit: cover;
+		margin-top: 10rpx;
+		background: #eee;
+		border-radius: 80rpx;
+	}
+
+	.touxiang {
+		height: 120px;
+		align-content: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.tubiao {
+		background-size: cover;
+		/* 确保背景图片自适应填充整个容器 */
+		background-position: center;
+		/* 背景图片居中显示 */
+		background-repeat: no-repeat;
+		/* 防止背景图重复 */
+		height: 100rpx;
+		width: 100%;
+	}
+</style>

+ 7 - 0
pages/login.vue

@@ -67,6 +67,13 @@
  				});
  			},
  			verify() {
+				if(this.scanCode == '' ||this.scanCode == undefined){
+					uni.redirectTo({
+						url: '/pages/cjx/my/my'
+					})
+					return;
+				}
+
  				verifyScanCode(this.scanCode).then(res => {
  					console.log(res);
  					if (res.code === 0) {

TEMPAT SAMPAH
static/images/tabbar/cjx/my.png