zdtap-uniapp-main/pagesMy/subAccount.vue

<template>
	<view class="page">
		<view class="sub-account-btn flex justify-end">
			<view class="btns">新增子账号</view>
		</view>
		<view class="sub-center">
			<view class="">
				子账户默认可新增一个，请确认手机号正确无误
			</view>
		</view>
		<view class="">
			<view class="flex align-center sub-titles" style="">
				<view class="wt-33">子账号用户名</view>
				<view class="wt-33">手机号码</view>
				<view class="wt-33">操作</view>
			</view>
			<view class="" style="padding: 0 32rpx;">
				<view class="" style="border-bottom: 1rpx solid #C4C4C4;"></view>
			</view>
			<view class="">
				<view class="flex align-center sub-content" v-for="it in 2">
					<view class="wt-33">张三</view>
					<view class="wt-33">18654236325</view>
					<view class="wt-33 flex align-center">
						<view class="con-btns" style="background: #D42E78;">删除</view>
						<view class="con-btns" style="background: #FDCA40;margin-left: 6rpx;">修改</view>
					</view>
				</view>
			</view>
		</view>
		<uni-popup ref="ADRef" type="center" :is-mask-click="false" maskBackgroundColor="rgba(0,0,0,0.7)">
			<view class="flex flex-col align-center justify-center" style="width: 630rpx;height: 61vh;">
				<swiper class="swiper" style="width: 630rpx;height: 58vh;" circular :autoplay="true"
					:indicator-dots="true">
					<swiper-item v-for="(item,index) in ADList" :key="index">
						<image :src="item.bannerUrl" style="width: 630rpx;height: 50vh;border-radius: 30rpx;"
							@click="handleAD(item)">
						</image>
					</swiper-item>
				</swiper>
				<text class="cuIcon-roundclose text-white" style="font-size: 68rpx !important;" @click="closeAd"></text>
			</view>
		</uni-popup>
		<!-- 新增底部固定按钮 -->
		<view class="fixed-bottom-btn">
			<view class="btns">固定按钮</view>
		</view>
	</view>
</template>

<script>
	import {
		getBannerList
	} from '@/api/bar.js'
	import {
		listFeaturePage
	} from '@/api/platform.js'

	export default {
		components: {
			
		},
		data() {
			return {
				
			};
		},
		onLoad() {
			
			
		},
		onShow() {
			
		},
		

		methods: {
			
			moreClick() {
				// uni.navigateTo({
				// 	url: "/pages/activityList/activityList"
				// })
				uni.navigateTo({
					url: "/pagesMy/subAccount"
				})
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/.uni-popup {
		z-index: 1025;
	}

	.page {
		height: 100vh;
		overflow-y: auto;
		font-family: Roboto;
		width: 100%;
		font-size: 24rpx;
		.sub-account-btn {
			width: 100%;
			padding:42rpx 32rpx 24rpx 32rpx;
			.btns {
				width: 188rpx;
				height: 64rpx;
				background: #4E63E0;
				font-size: 28rpx;
				color: #FFF;
				text-align: center;
				line-height: 64rpx;
				border-radius: 12rpx;
			}
		}
		.sub-center {
			padding-left: 32rpx;
			color: #606060;
			margin-bottom: 50rpx;
		}
		.sub-titles {
			padding:0 32rpx 20rpx 32rpx;
			text-align: center;
			
		}
		.sub-content{
			padding:24rpx 32rpx 0rpx 32rpx;
			text-align: center;
			font-size: 28rpx;
			color: #3D3D3D;
			font-weight: 600;
			.con-btns{
				padding: 16rpx 24rpx;
				border-radius: 12rpx;
				color: #FFF;
			}
		}
		.wt-33{
			width: 33%;
		}
		/* 新增样式 */
		.fixed-bottom-btn {
			position: fixed;
			bottom: 76rpx;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			z-index: 1000;
			padding:0 64rpx 0 32rpx;
			.btns {
				width: 100%;
				height: 88rpx;
				background: #4E63E0;
				font-size: 28rpx;
				color: #FFF;
				text-align: center;
				line-height: 88rpx;
				border-radius: 12rpx;
				
			}
		}
	}
</style>