xiongmao/pages/my/my-fans/my-fans.vue

<!-- 我的粉丝 -->
<template>
	<view class="wrap">

		<view class="header">
			<view class="header-top">
				<image src="../../../static/return.png" @tap="back" class="return" mode="widthFix"></image>
				<view class="header-title">
					我的粉丝
				</view>
				<view class="header-msg" @tap="bind">
					我的上级
				</view>
			</view>
		</view>


		<view class="list">
			<view class="item">
				<image src="../../../static/img-4.png" class="avatar" mode="aspectFill"></image>
				<view class="sidebar">
					<view class="name">刘丽丽</view>
					<view class="msg">2021-2-22 12:33:22</view>
				</view>
			</view>
			<view class="item">
				<image src="../../../static/img-4.png" class="avatar" mode="aspectFill"></image>
				<view class="sidebar">
					<view class="name">刘丽丽</view>
					<view class="msg">2021-2-22 12:33:22</view>
				</view>
			</view>
			<view class="item">
				<image src="../../../static/img-4.png" class="avatar" mode="aspectFill"></image>
				<view class="sidebar">
					<view class="name">刘丽丽</view>
					<view class="msg">2021-2-22 12:33:22</view>
				</view>
			</view>
		</view>

		<!-- 绑定上级-弹窗 -->
		<view v-show="isShow">
			<view class="mask" @tap="close"></view>
			<view class="window">
				<view class="window-top">
					<view class="window-label">绑定上级</view>
					<input type="text" value="XS478956213" class="window-input" placeholder="请输入上级邀请码"
						placeholder-class="placeholder" />
				</view>
				<view class="window-bottom">
					<button type="default" @tap="close">取消</button>
					<button type="default">确定</button>
				</view>
			</view>
		</view>
		<!-- 绑定上级-弹窗  -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				//绑定上级-弹窗
				isShow: false
			}
		},
		methods: {
			/**
			 * 绑定上级-弹窗
			 */
			bind() {
				this.isShow = true;
			},
			close() {
				this.isShow = false;
			},
			
			/**
			 * 返回上一页
			 */
			back() {
				uni.navigateBack({
					delta: 1,
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./my-fans.css";
</style>