Commit 429d16fa authored by 黄媛媛's avatar 黄媛媛
parents 390947d6 e576bd2a
......@@ -2,7 +2,36 @@
<div class="Voting">
<div class="Voting-box">
<div class="tit">
<p>占位占位投票(单选)</p>
</div>
<div class="list">
<div class="item" :class="{'active': radio === '1'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="1">这里是A选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '2'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="2">这里是B选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '3'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="3">这里是C选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '4'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="4">这里是D选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '1'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="1">这里是A选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '2'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="2">这里是B选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '3'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="3">这里是C选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
<div class="item" :class="{'active': radio === '4'}">
<el-radio text-color="#ffffff" fill="#ffffff" v-model="radio" label="4">这里是D选项的答案,如果你觉得投票该选这里,那就点击前面圆框</el-radio>
</div>
</div>
<div class="btn">
<div>确认提交</div>
</div>
</div>
</div>
......@@ -13,7 +42,7 @@ export default {
name: 'Voting',
data () {
return {
radio: 1
}
},
activated () {},
......@@ -46,5 +75,44 @@ export default {
background: url('../../../assets/img/voting/titi-bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
color:rgba(255,255,255,1);
padding: 20px 60px 0 60px;
font-size:20px;
font-weight:bold;
}
.Voting div.Voting-box .list{
padding: 0 60px 20px 60px;
height: 253px;
overflow: auto;
}
.Voting div.Voting-box .list .item{
margin-top: 20px;
padding: 10px 20px;
border-radius:5px;
border:1px solid rgba(228, 228, 228, 1);
}
.Voting div.Voting-box .list .item.active{
background:rgba(233,82,82,1);
border:1px solid rgba(233,82,82,1);
}
.Voting .el-radio__input.is-checked+.el-radio__label{
color: white;
}
.Voting .btn{
position:relative;
bottom: -20px;
left: 0;
width: 100%;
text-align: center
}
.Voting .btn div{
width: 120px;
height: 30px;
text-align: center;
line-height: 30px;
margin: 0 auto;
color: white;
background:rgba(233,82,82,1);
border-radius:5px;
}
</style>
......@@ -111,7 +111,7 @@ export default {
//域名管理对象
Vue.prototype.domainManager = function () {
let domainUrl = '';
domainUrl = "http://192.168.2.65:8025";
domainUrl = "http://192.168.2.66:8025";
let locationName = window.location.hostname;
let javaUrldo="";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment