|
@@ -1,8 +1,115 @@
|
|
<template>
|
|
<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>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ export default {
|
|
|
|
+ mounted() {
|
|
|
|
+ document.body.style.backgroundColor = '#66A4FF';
|
|
|
|
+ },
|
|
|
|
+ destroyed() {
|
|
|
|
+ document.body.style.backgroundColor = '';
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
|
|
|
+<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>
|
|
</style>
|