pages/user/InviteFriends.vue

@@ -0,0 +1,70 @@
+<template>
+	<view>
+		<u-navbar title="邀请好友"></u-navbar>
+		<view class="InviteFriends">
+			<view class="InviteFriends-head">
+				<u-image width="274rpx" height="60rpx" src="/static/img/logo3.png"></u-image>
+				<u-image class="textImg" width="662rpx" height="59rpx" src="/static/img/text.png"></u-image>
+				<u-image width="100%" height="320rpx" src="/static/img/handshake.png"></u-image>
+			</view>
+			<view class="InviteFriends-main">
+				<view class="InviteFriends-coupons">
+					<h4>每邀请1位好友注册，将获得1张抵扣券</h4>
+					<view class="coupons-line">
+						
+					</view>
+					<view class="coupons-btn">
+						<u-icon name="wechat-fill" custom-prefix="custom-icon" color="#fff" size="32"></u-icon>
+						<span>分享至微信</span>
+					</view>
+				</view>
+				<view class="InviteFriends-info">
+					
+				</view>
+				<view class="InviteFriends-reward">
+					
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+<style>
+	page{
+	}
+</style>
+<style lang="scss" scoped>
+	.InviteFriends{
+		background-image: linear-gradient(0deg, #a2e9c9 , #01b963);
+
+	}
+	.InviteFriends-head{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding-top: 24px;
+		.textImg{
+			margin:8px 0 2px ;
+		}
+	}
+	.InviteFriends-main{
+		padding: 0 32px;
+	}
+	.InviteFriends-coupons{
+		background-color: #fff;
+		border-radius: 20px;
+		padding: 20px;
+	}
+</style>

pages/user/index.vue

@@ -22,7 +22,7 @@
 			</view>
 		</view>
 		<view class="userBanner">
-			<u-image width="100%" height="80px" src="../../static/img/banner.jpg"></u-image>
+			<u-image width="100%" height="80px" src="../../static/img/banner.jpg" border-radius="16"></u-image>
 		</view>
 		<view class="userIcon">
 			<view class="userIcon-tit">