森蓝小程序

pages/mine/index.css

@@ -0,0 +1,173 @@
+.page {
+	position: absolute;
+	height: 100vh;
+	width: 100vw;
+	overflow: hidden;
+	display: flex;
+	align-items: center; /* 垂直居中 */
+	background: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/bg_%E4%B8%BB%E8%83%8C%E6%99%AF%402x.png)
+		100% no-repeat;
+	background-size: 100% 100%;
+}
+
+.title {
+	position: absolute;
+	font-size: 16px;
+	line-height: 22px;
+	color: #454F63;
+	z-index: 999;
+	font-weight: 500;
+}
+
+.section_8 {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height:	130rpx;
+	background: #ffffff
+	    100% no-repeat;
+	background-size: 100% 100%;
+	padding: 14px 72px 4px 72px;
+	bottom: 0;
+}
+
+.content {
+	position: relative;
+	width: 100%;
+}
+
+.box_1 {
+	position: relative;
+	border-radius: 40rpx 40rpx 0 0;
+	width: 85%;
+	height: 240rpx;
+	overflow: hidden;
+	background: linear-gradient(to bottom, rgba(42, 156, 249, 0.6) 10%, rgba(42, 156, 249, 0.5) 30%, rgba(42, 156, 249, 0.4) 60%);
+	display: block;
+	align-items: center;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.head-img {
+	width: 48px;
+	height: 48px;
+	position: relative;
+	z-index: 10;
+	border-radius: 50%;
+	overflow: hidden;
+	left: 40rpx;
+	top: 50rpx;
+}
+
+.nickname {
+	position: absolute;
+	left: 180rpx;
+	top: 80rpx;
+	font-size: 14px;
+	font-weight: 500;
+	color: #30334B;
+	opacity: 1;
+	font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.box_2 {
+	position: relative;
+	background-color: #ffffff;
+	/* height: 530rpx; */
+	width: 85%;
+	border-radius: 40rpx;
+	margin-top: -40rpx;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.orders{
+	width: 90%;
+	height: 100rpx;
+	border-bottom: 1px solid rgba(192, 196, 202, 0.3);
+	position: relative;
+	left: 5%;
+}			
+
+.orders-name{
+	text-align: left;
+	line-height: 100rpx;
+	font-size: 16px;
+	font-weight: 300;
+	color: #333333;
+	opacity: 1;
+	font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.coupons {
+	width: 90%;
+	height: 100rpx;
+	border-bottom: 1px solid rgba(192, 196, 202, 0.3);
+	position: relative;
+	left: 5%;
+}
+			
+.coupons-name {
+	text-align: left;
+	line-height: 100rpx;
+	font-size: 16px;
+	font-weight: 300;
+	color: #333333;
+	opacity: 1;
+	font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.yjfk {
+	width: 90%;
+	height: 100rpx;
+	position: relative;
+	left: 5%;
+	border-bottom: 1px solid rgba(192, 196, 202, 0.3);;
+}
+
+.yjfk-name {
+	text-align: left;
+	line-height: 100rpx;
+	font-size: 16px;
+	font-weight: 300;
+	color: #333333;
+	opacity: 1;
+	font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.kfhh::after{
+	background:none;
+	border:none;
+}
+			
+.kfhh {
+	width: 90%;
+	height: 100rpx;
+	position: relative;
+	left: 5%;
+	padding: 0;
+	margin: 0;
+	background:none;
+	border:none;
+}
+
+.kfhh-name {
+	text-align: left;
+	line-height: 100rpx;
+	font-size: 16px;
+	font-weight: 300;
+	color: #333333;
+	opacity: 1;
+	font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.coupons-icon,.yjfk-icon,.kfhh-icon,.myOrders-icon {
+	position: absolute;
+	right: 0px;
+	width: 30rpx;
+	top: 34rpx;
+	height: 30rpx;
+	background-image: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/humeng/vlog/ly_icon_listNext%402x.png);
+	background-size: 100% 100%;
+}