<template>
<div>
    <header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">2020-2021年度沙市花园业主委员会</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content vongi-sqtpdat">
			<div class="mui-content-padded vongi-sqtpdat-name">
				<h4 class="flew-sp flew-items">活动名称<a herf="" class="color4fc5f7 mui-h5">查看活动介绍</a></h4>
				<p>2020-2021年度沙市花园业主委员会换届选举剧名投票活动</p>
			</div>
			<div class="mui-content-padded vongi-sqtpdat-time">
				投票结束倒计时：6天12小时26分
			</div>
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					报名人数
					<h3>26人</h3>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					累积投票
					<h3>1987</h3>
				</li>
			</ul>
			<div class="mui-content-padded">
				<div class="vongi-xzdw-search">
					<input type="search" placeholder="搜索姓名或编号">
				</div>
			</div>
			<div id="slider" class="mui-slider mui-fullscreen fyy-slider vongi-sqtpdat-slider">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							<span class="iconfont icon-paiming"></span>排名顺序
						</a>
						<a class="mui-control-item" href="#item2mobile">
							<span class="iconfont icon-yitipaixu"></span>序号顺序
						</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view vongi-toup">
									<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-pull-left">
										<div class="mui-media-object">
											<span>编号 01</span>
										</div>
										<div class="mui-media-body">冯银银</div>
										<b class="colorFF7100">135票</b>
										<button type="button" class="mui-btn mui-btn-warninge">投票</button>
									</li>
									<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-pull-left">
										<div class="mui-media-object">
											<span>编号 01</span>
										</div>
										<div class="mui-media-body">冯银银</div>
										<b class="colorFF7100">135票</b>
										<button type="button" class="mui-btn mui-btn-warninge">投票</button>
									</li>
									<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-pull-left">
										<div class="mui-media-object">
											<span>编号 01</span>
										</div>
										<div class="mui-media-body">冯银银</div>
										<b class="colorFF7100">135票</b>
										<button type="button" class="mui-btn mui-btn-warninge">投票</button>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view vongi-toup">
									<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-pull-left">
										<div class="mui-media-object">
											<span>编号 01</span>
										</div>
										<div class="mui-media-body">冯银银</div>
										<b class="colorFF7100">135票</b>
										<button type="button" class="mui-btn mui-btn-warninge">投票</button>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
</div>
</template>

<script>
    export default {
        mounted() {
            document.body.style.backgroundColor = '#66A4FF';
        },
        destroyed() {
            document.body.style.backgroundColor = '';
        }
    }
</script>

<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style scoped src="$project/assets/css/wallfyy.css"></style>
<style src="$project/assets/css/iconfont.css"></style>
<style scoped>
    .vongi-toup .mui-media-object{
		background:url(~$project/assets/img/zhaop1.jpg) no-repeat center;
		background-size:100% 100%;
	}
</style>
