初始化

2024-03-21 15:38:10 +08:00
parent e2f200ae7a
commit 81321b648f
479 changed files with 60060 additions and 1 deletions
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -0,0 +1,165 @@
+<template>
+	<view>
+		<view class="index_box">
+			
+				<view class="onebox">
+					<view class="onebox_one">
+						<text class="onebox_one_text">我的订单</text>
+						<view class="onebox_one_one flex-around">
+							<view class="flex-colum" v-for="(item,index) in 4" :key="index" @click="order(index)">
+								<text>待付款</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="towbox flex-between">
+					<view class="towbox_item flex-start" v-for="(item,index) in 2">
+						<image src="@/static/logo.png" mode=""></image>
+						<view class="flex-colum">
+							<text>余额</text>
+							<view>0<text>元</text></view>
+						</view>
+					</view>
+				</view>
+				<view class="therebox">
+					<view class="therebox_item flex-between" v-for="(item,index) in 3">
+						<view class="flex-start">
+							<image src="@/static/logo.png" mode=""></image>
+							<text>优惠券</text>
+						</view>
+						<u-icon name="arrow-right" color="#9b9b9b" size="14"></u-icon>
+					</view>
+				</view>
+			</view>
+
+			<bottombbar :valuebbar='3'></bottombbar>
+		</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navtitle: '', //名称
+				navboxshow: '0', //显示
+				Background: 'none',
+			}
+		},
+		methods: {
+			order(e){
+				uni.pro.navigateTo('my/order/index',{e:e})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background: #F9F9F9;
+	}
+
+	.index_box {
+		padding: 0 32rpx;
+		width: 100%;
+		height: 502rpx;
+		background-size: cover;
+
+		.index_boxone {
+			image {
+				width: 124rpx;
+				height: 124rpx;
+				border-radius: 50%;
+			}
+		}
+		.onebox {
+			position: relative;
+			top:40rpx;
+			.onebox_one {
+				width: 100%;
+				background: #FFFFFF;
+				border-radius: 12rpx;
+				padding: 32rpx;
+				.onebox_one_text{
+					font-size: 32rpx;
+					font-family: PingFang SC-Bold, PingFang SC;
+					font-weight: bold;
+					color: #333333;
+				}
+				.onebox_one_one{
+					margin-top: 32rpx;
+					.flex-colum{
+						image{
+							width: 64rpx;
+							height: 64rpx;
+						}
+						text{
+							margin-top: 16rpx;
+							font-size: 28rpx;
+							font-family: PingFang SC-Medium, PingFang SC;
+							font-weight: 500;
+							color: #333333;
+						}
+					}
+				}
+			}
+		}
+		.towbox{
+			margin-top: 64rpx;
+			.towbox_item{
+				width:48%;
+				background: #FFFFFF;
+				padding: 32rpx 30rpx;
+				border-radius:12rpx;
+				image{
+					width: 100rpx;
+					height: 100rpx;
+				}
+				.flex-colum{
+					margin-left: 28rpx;
+					text{
+						font-size: 28rpx;
+						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+						font-weight: 500;
+						color: #999999;
+					}
+					view{
+						font-size: 32rpx;
+						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+						font-weight: 500;
+						color: #333333;
+						text{
+							color: #333333;
+							font-size: 22rpx;
+						}
+					}
+					
+				}
+			}
+		}
+		.therebox{
+			margin-top: 32rpx;
+			width: 100%;
+			background: #FFFFFF;
+			border-radius:12rpx;
+			padding:0 32rpx 32rpx 32rpx;
+			.therebox_item{
+				padding-top: 32rpx;
+				.flex-start{
+					image{
+						width: 32rpx;
+						height: 32rpx;
+					}
+					text{
+						margin-left: 24rpx;
+						font-size: 28rpx;
+						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+						font-weight: 400;
+						color: #333333;
+					}
+				}
+			}
+		}
+	}
+
+	
+</style>