dev_forum
杨树林 5 years ago
parent 066561ecd4
commit 39d9a9ad03

@ -6,7 +6,7 @@
"@flatten/array": "^1.1.7", "@flatten/array": "^1.1.7",
"@icedesign/base": "^0.2.5", "@icedesign/base": "^0.2.5",
"@novnc/novnc": "^1.1.0", "@novnc/novnc": "^1.1.0",
"antd": "^3.20.1", "antd": "^3.6.5",
"array-flatten": "^2.1.2", "array-flatten": "^2.1.2",
"autoprefixer": "7.1.6", "autoprefixer": "7.1.6",
"axios": "^0.18.0", "axios": "^0.18.0",

File diff suppressed because it is too large Load Diff

@ -0,0 +1,332 @@
import React, {Component} from "react";
import '../pollStyle.css'
import {Input, Tooltip, Checkbox, Radio, Select} from 'antd'
import {WordsBtn, ActionBtn} from 'educoder'
const TextArea = Input.TextArea
const RadioGroup = Radio.Group
const CheckboxGroup = Checkbox.Group
class Editingcomponent extends Component {
constructor(props) {
super(props);
this.state = {
adddom:this.props.adddom,
Newedit:this.props.Newedit,
}
}
componentWillReceiveProps(nextProps) {
const { adddom } = this.state
const newdata = nextProps.adddom.toString()
if (adddom.toString() !== newdata) {
this.setState({
adddom: nextProps.adddom,
})
}
}
// componentWillReceiveProps(nextProps) {
// // console.log("46");
// // console.log(nextProps);
// // console.log(this.props);
// if (nextProps.adddom != this.props.adddom) {
// // console.log("50");
// // console.log(nextProps.user);
// if (nextProps.adddom !== undefined) {
// // console.log("53");
// // console.log(nextProps.user);
// this.setState({
// adddom: nextProps.adddom,
// })
// }
//
//
// }
// }
OnCheckAllChange =(e, indexo)=>{
this.props.OnCheckAllChange(e, indexo);
}
HandleInputTopic = (e, indexo)=>{
this.props.HandleInputTopic(e, indexo);
}
Deleteentrys=(id, i, stirngname)=>{
this.props.Deleteentrys(id, i, stirngname);
}
HandleInputChanges=(e, i, k)=>{
console.log("handleInputChanges"+" "+e);
console.log("handleInputChanges"+" "+i);
console.log("handleInputChanges"+" "+k);
this.props.HandleInputChanges(e, i, k);
}
Ewoption = (id, object) => {
this.props.Ewoption(id, object)
}
Addanotheroption = (id) => {
this.props.Addanotheroption(id);
}
Deleteadddom = (indexo) => {
this.props.Deleteadddom(indexo);
}
Deleteadddomthree= (indexo, object)=>{
this.props.Deleteadddomthree(indexo, object);
}
Deleteadddomtwo =(indexo, object)=>{
this.props.Deleteadddomtwo(indexo, object);
}
HandleGradationGroupChangee = (value, index, max, length) => {
this.props.HandleGradationGroupChangee(value, index, max, length);
}
HandleGradationGroupChangeee= (value, index) => {
this.props.HandleGradationGroupChangeee(value, index);
}
render() {
return (
<div className="myyslwidth">
{this.state.adddom === undefined ? "" : this.state.adddom.map((itemo, indexo) => {
let arrid = itemo.question.id;
let resultDomtwo;
resultDomtwo =
<div className="problemShow">
<span
className="font-16 color-grey-6 mb20">{itemo.question.question_type === 1 ? "单选题" : itemo.question.question_type === 2 ? "多选题" : "主观题"}
<Checkbox value={itemo.question.is_necessary}
checked={itemo.question.is_necessary === 1 ? true : false}
onChange={(e) => this.OnCheckAllChange(e, indexo)}
className="lineh-40"
style={{"marginLeft": "20px"}}>必答</Checkbox>
</span>
<TextArea placeholder="请输入题目" className="mb20 TextAreas"
autosize={{minRows: 1, maxRows: 5}}
id="textArea"
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputTopic(e, indexo)}>{itemo.question.question_title}</TextArea>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
<div>
{itemt.answer_text === undefined ? (
<div></div>) : itemt.answer_text === "" ? (
<p className="df mb20">
<span
className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>其它</span>
<input
className="mr20 input-flex-40 TextAreainput" disabled
placeholder='无法编辑!将由参与答题的人手动录入'></input>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, true)}><Tooltip
title="删除"
placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>) : (<p className="df mb20">
<span className="color-grey-6 mr10 w60 font-16 lineh-40"
style={{"text-align": "center"}}>选项</span>
<TextArea
autosize={{minRows: 1, maxRows: 5}}
className="mr20 TextAreas"
value={itemt.answer_text}
style={{
"height": "45px",
"max-height": "9.0072e+15px",
"overflow-y": "hidden",
"line-height": "35px",
}}
onInput={(e) => this.HandleInputChanges(e, indexo, indext)}></TextArea>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<a className="lineh-40"
onClick={() => this.Deleteentrys(arrid, indext, false)}><Tooltip
title="删除" placement={"bottom"}><i
className="iconfont icon-htmal5icon19 font-20 color-grey-c"></i></Tooltip></a>
: ""}
</p>)}
</div>
)
})}
<div className="df">
{itemo.question.question_type === 1 ? (
<div>
<div style={{minWidth: "1100px"}}>
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
: ""}
{this.state.polls_status === undefined || this.state.polls_status === 1 ?
(this.state.newoption === false ?
<ActionBtn style="grey" className="mr20 mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn>
: "")
: ""}
<span className="fr mt5">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
</div>
)
: itemo.question.question_type === 2 ? (
//////////////////////////////////////////// 可选
<div>
<div style={{minWidth: "1100px"}}>
<div>
<span
className="color-grey-6 mr20 font-16 lineh-40 fl">可选</span>
<div className="mr40 flex1 ">
{/*可选最小*/}
<style>
{
`
.ant-select-selection .ant-select-selection-selected .ant-select-selection__rendered .ant-select-selection-selected-value{
"width":"100%";
"height": "80%";
"margin-top": "5px";
"margin-left": "5px";
"text-align": "center";
"display": "block";
"opacity": "1";
}
`
}
</style>
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangee(value, indexo, itemo.question.max_choices, itemo.question.answers.length)}
value={itemo.question.min_choices === 0 || itemo.question.min_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.min_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr10 color-grey-6 lineh-40 fl">~</span>
{/*可选最大*/}
<Select className="fl w100"
onChange={(value) => this.HandleGradationGroupChangeee(value, indexo)}
value={itemo.question.max_choices === 0 || itemo.question.max_choices === "0" ? "--" : itemo.question.min_choices === null ? "--" : itemo.question.min_choices === undefined ? "--" : itemo.question.max_choices}
>
<Option value={String("0")}>--</Option>
{itemo.question.answers === undefined ? "" : itemo.question.answers.map((itemt, indext) => {
return (
indext >= 1 ? <Option value={String(indext + 1)}>{indext + 1}</Option> : ""
)
})}
</Select>
<span
className="ml10 mr20 color-grey-6 lineh-40 fl font-16"></span>
<span
className="color-grey-9 fl lineh-40">学生答题时系统对其选择的选项个数进行限制--表示不限制</span>
</div>
</div>
</div>
</div>
)
: (<div style={{minWidth: "1100px"}}></div>)
}
</div>
<div>
{itemo.question.question_type === 2 ?
(
this.state.polls_status === undefined || this.state.polls_status === 1 ?
<div className="clearfix mt30" >
<div><ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Ewoption(itemo.question.id, itemo)}>新增选项</ActionBtn>
{
this.state.newoption === false ? <ActionBtn style="grey" className="mr20 fl mt5"
onClick={() => this.Addanotheroption(itemo.question.id)}>新增其他选项</ActionBtn> : ""
}
</div>
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
<div className="clearfix mt30" >
<span className="fr mt5">
<ActionBtn style="greyBack" className=" mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
)
: itemo.question.question_type === 3 ?
<div className="clearfix mt30">
<span className="fr">
<ActionBtn style="greyBack" className="mr20 w100"
onClick={() => this.Deleteadddom(indexo)}>取消</ActionBtn>
<ActionBtn style="blue" className="mr20 w100"
onClick={() => this.Deleteadddomthree(indexo, itemo)}>保存</ActionBtn>
<ActionBtn style="blue" className=" w100"
onClick={() => this.Deleteadddomtwo(indexo, itemo)}>保存并继续</ActionBtn>
</span>
</div>
:
""}
</div>
</div>
return (
<div>
{resultDomtwo}
</div>
)
})}
</div>
)
}
}
export default (Editingcomponent);

@ -1,342 +1,345 @@
/* 单选或多选 */ /* 单选或多选 */
.ant-form{ .ant-form{
color:#05101A; color:#05101A;
} }
.ant-radio-disabled + span,.ant-checkbox-disabled + span{ .ant-radio-disabled + span,.ant-checkbox-disabled + span{
color: #666!important; color: #666!important;
cursor: default cursor: default
} }
.ant-radio-wrapper { .ant-radio-wrapper {
color: #666!important; color: #666!important;
} }
.ant-checkbox-wrapper + .ant-checkbox-wrapper{ .ant-checkbox-wrapper + .ant-checkbox-wrapper{
margin-left: 0px!important; margin-left: 0px!important;
} }
/* 下拉 */ /* 下拉 */
.ant-select-selection,.ant-select-selection-selected-value{ .ant-select-selection,.ant-select-selection-selected-value{
min-height: 40px; min-height: 40px;
min-line-height: 40px; min-line-height: 40px;
} }
/* 选答 */ /* 选答 */
.chooseAnswer{ .chooseAnswer{
display: inline-block; display: inline-block;
width: 68px; width: 68px;
text-align: center; text-align: center;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
background: #EDEDED; background: #EDEDED;
color: #666; color: #666;
margin-left: 10px; margin-left: 10px;
border-radius: 12px; border-radius: 12px;
} }
.problemShow{ .problemShow{
padding:30px; padding:30px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.problemShow:last-child{ .problemShow:last-child{
border-bottom: none; border-bottom: none;
} }
/* 问卷详情 */ /* 问卷详情 */
/* 答题列表 */ /* 答题列表 */
.unlimit{ .unlimit{
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
padding:0px 10px; padding:0px 10px;
border-radius: 12px; border-radius: 12px;
cursor: pointer; cursor: pointer;
border:1px solid #cdcdcd; border:1px solid #cdcdcd;
color:#666; color:#666;
} }
.unlimit.active{ .unlimit.active{
background-color: #4CACFF; background-color: #4CACFF;
border:1px solid #4CACFF; border:1px solid #4CACFF;
color: #fff; color: #fff;
} }
.edu-table thead th,.edu-table tbody tr:last-child td{ .edu-table thead th,.edu-table tbody tr:last-child td{
border-bottom: none!important; border-bottom: none!important;
} }
.edu-table tbody tr:hover td{ .edu-table tbody tr:hover td{
background-color: #fff!important; background-color: #fff!important;
} }
/* 统计结果 */ /* 统计结果 */
.countList p.countHeader{ .countList p.countHeader{
background-color: #f8f8f8; background-color: #f8f8f8;
color: #666; color: #666;
height: 38px; height: 38px;
font-size: 16px; font-size: 16px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
display: -webkit-flex; display: -webkit-flex;
} }
.countList p.countHeader ul{ .countList p.countHeader ul{
width: 100%; width: 100%;
padding:0px 30px padding:0px 30px
} }
.countList p.countHeader span,.countList div.countBody span{ .countList p.countHeader span,.countList div.countBody span{
float: left; float: left;
} }
.countList div.countBody{ .countList div.countBody{
margin:0px 30px; margin:0px 30px;
border-bottom:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB;
padding:12px 0px; padding:12px 0px;
} }
.countList div.countBody:last-child{ .countList div.countBody:last-child{
border-bottom: none; border-bottom: none;
} }
.countList p.countHeader span:nth-child(1),.countList div.countBody span:nth-child(1){ .countList p.countHeader span:nth-child(1),.countList div.countBody span:nth-child(1){
width: 50%; width: 50%;
text-align: left; text-align: left;
} }
.countList p.countHeader span:nth-child(2),.countList div.countBody span:nth-child(2){ .countList p.countHeader span:nth-child(2),.countList div.countBody span:nth-child(2){
width:15%; width:15%;
text-align: center; text-align: center;
} }
.countList p.countHeader span:nth-child(3),.countList div.countBody span:nth-child(3){ .countList p.countHeader span:nth-child(3),.countList div.countBody span:nth-child(3){
width:35%; width:35%;
text-align: left; text-align: left;
} }
.percentForm{ .percentForm{
width: 340px; width: 340px;
height: 11px; height: 11px;
background: #F5F5F5; background: #F5F5F5;
border-radius: 6px; border-radius: 6px;
position: relative; position: relative;
margin-top: 7px; margin-top: 7px;
} }
.percentValue{ .percentValue{
position: absolute; position: absolute;
top:0px; top:0px;
left: 0px; left: 0px;
height: 11px; height: 11px;
background: #29BD8B; background: #29BD8B;
border-radius: 6px; border-radius: 6px;
} }
.answerTxt{ .answerTxt{
max-height: 500px; max-height: 500px;
background-color: #F2F9FF; background-color: #F2F9FF;
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
padding:10px; padding:10px;
box-sizing: border-box; box-sizing: border-box;
color: #4c4c4c; color: #4c4c4c;
} }
.otherTxt{ .otherTxt{
border:none!important; border:none!important;
border-bottom: 1px solid #eee!important; border-bottom: 1px solid #eee!important;
background: transparent!important; background: transparent!important;
flex:1; flex:1;
height: 20px!important; height: 20px!important;
line-height: 20px!important; line-height: 20px!important;
} }
.otherTxt.ant-input:hover,.otherTxt.ant-input:focus{ .otherTxt.ant-input:hover,.otherTxt.ant-input:focus{
border:none!important; border:none!important;
border-bottom: 1px solid #eee!important; border-bottom: 1px solid #eee!important;
background: #F8F8F8!important; background: #F8F8F8!important;
} }
/* 必答 */ /* 必答 */
.mustAnswer{ .mustAnswer{
padding:0px 10px; padding:0px 10px;
border-radius: 15px; border-radius: 15px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background: #eaeaea; background: #eaeaea;
color: #999; color: #999;
font-size: 14px; font-size: 14px;
} }
/* 问卷内容 */ /* 问卷内容 */
.previewList{ .previewList{
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
} }
.previewList:last-child{ .previewList:last-child{
border-bottom:none; border-bottom:none;
} }
.textLine{ .textLine{
flex: 1; flex: 1;
height:22px; height:22px;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
} }
.answerList{ .answerList{
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.answerList li{ .answerList li{
padding:10px 30px; padding:10px 30px;
box-sizing: border-box; box-sizing: border-box;
line-height:20px; line-height:20px;
width: 100%; width: 100%;
} }
.answerList li:hover{ .answerList li:hover{
background: #F8F8F8; background: #F8F8F8;
} }
textarea:read-only{ textarea:read-only{
background: #f3f3f3; background: #f3f3f3;
} }
.ant-calendar-picker-input{ .ant-calendar-picker-input{
height: 40px; height: 40px;
} }
/* 问卷答题 */ /* 问卷答题 */
.questionsNo{ .questionsNo{
position: relative; position: relative;
padding: 30px; padding: 30px;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
} }
.questionsfixed{ .questionsfixed{
position: fixed; position: fixed;
padding: 30px; padding: 30px;
z-index: 12; z-index: 12;
top: 60px; top: 60px;
width: 1200px; width: 1200px;
background: #fff; background: #fff;
} }
.answered,.unanswer,.answerTure,.answerFalse,.answerHalf{ .answered,.unanswer,.answerTure,.answerFalse,.answerHalf{
position: relative; position: relative;
} }
.answered::after{ .answered::after{
position: absolute; position: absolute;
right:35px; right:35px;
top:4px; top:4px;
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 50%; border-radius: 50%;
background: #CBCBCB; background: #CBCBCB;
content: ""; content: "";
} }
.unanswer::after{ .unanswer::after{
position: absolute; position: absolute;
right:35px; right:35px;
top:4px; top:4px;
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 50%; border-radius: 50%;
background: #fff; background: #fff;
content: ""; content: "";
border:1px solid rgba(203,203,203,1); border:1px solid rgba(203,203,203,1);
} }
.answerTure::after{ .answerTure::after{
position: absolute; position: absolute;
right:35px; right:35px;
top:4px; top:4px;
width: 20px; width: 20px;
height: 10px; height: 10px;
border-radius: 5px; border-radius: 5px;
background: #29BD8B; background: #29BD8B;
content: ""; content: "";
} }
.answerFalse::after{ .answerFalse::after{
position: absolute; position: absolute;
right:35px; right:35px;
top:4px; top:4px;
width: 20px; width: 20px;
height: 10px; height: 10px;
border-radius: 5px; border-radius: 5px;
background: #FF3756; background: #FF3756;
content: ""; content: "";
} }
.color-red{color: #FF3756!important} .color-red{color: #FF3756!important}
.answerHalf::after{ .answerHalf::after{
position: absolute; position: absolute;
left:-25px; left:-25px;
top:4px; top:4px;
width: 20px; width: 20px;
height: 10px; height: 10px;
border-radius: 5px; border-radius: 5px;
background: #FF6800; background: #FF6800;
content: ""; content: "";
} }
.leaderNav,.leaderMainNav{ .leaderNav,.leaderMainNav{
margin-top: 20px; margin-top: 20px;
} }
.leaderNav a,.leaderMainNav a{ .leaderNav a,.leaderMainNav a{
display: block; display: block;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
border-radius: 50%; border-radius: 50%;
border:1px solid #CBCBCB; border:1px solid #CBCBCB;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
width: 40px; width: 40px;
text-align: center; text-align: center;
color: #999999; color: #999999;
cursor: pointer; cursor: pointer;
margin-bottom: 5px; margin-bottom: 5px;
} }
.leaderMainNav a{ .leaderMainNav a{
background: #FF3756; background: #FF3756;
color: #fff; color: #fff;
border:1px solid #FF3756; border:1px solid #FF3756;
} }
.leaderNav a.acted{ .leaderNav a.acted{
background:rgba(203,203,203,1); background:rgba(203,203,203,1);
color: #fff; color: #fff;
} }
.leaderMainNav a.acted{ .leaderMainNav a.acted{
background-color: #29BD8B; background-color: #29BD8B;
color: #fff; color: #fff;
border:1px solid #29BD8B; border:1px solid #29BD8B;
} }
.leaderMainNav a.half{ .leaderMainNav a.half{
background-color: #FF6800; background-color: #FF6800;
color: #fff; color: #fff;
border:1px solid #FF6800; border:1px solid #FF6800;
} }
/* 问卷设置 */ /* 问卷设置 */
.pollForm .ant-form-item-control{ .pollForm .ant-form-item-control{
line-height: 20px; line-height: 20px;
} }
.pollForm.ant-form-item{ .pollForm.ant-form-item{
margin-bottom: 0px margin-bottom: 0px
} }
.setInfo .ant-select-selection__rendered{ .setInfo .ant-select-selection__rendered{
line-height: 40px; line-height: 40px;
} }
/* 下拉搜索框 */ /* 下拉搜索框 */
.ant-select-dropdown-menu .ant-select-dropdown-menu-item{ .ant-select-dropdown-menu .ant-select-dropdown-menu-item{
padding:5px 15px; padding:5px 15px;
} }
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon{ .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon{
right: 15px; right: 15px;
} }
.noticeTip{ .noticeTip{
border:1px solid #FF0000; border:1px solid #FF0000;
border-radius: 5px; border-radius: 5px;
} }
/* 试卷 */ /* 试卷 */
.setScoreInput{ .setScoreInput{
width: 60px!important;height: 30px!important;box-sizing: border-box; width: 60px!important;height: 30px!important;box-sizing: border-box;
text-align: center!important; text-align: center!important;
background: #F8F8F8; background: #F8F8F8;
color:#666; color:#666;
} }
.setScoreInput:focus{ .setScoreInput:focus{
background: #fff; background: #fff;
color:#FF6800 color:#FF6800
} }
.standardAnswer p{ .standardAnswer p{
line-height: 20px!important; line-height: 20px!important;
} }
/* 倒计时 */ /* 倒计时 */
.remainingTime li{ .remainingTime li{
float: left; float: left;
width: 40px; width: 40px;
line-height: 40px; line-height: 40px;
background-color: #111C24; background-color: #111C24;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
text-align: center text-align: center
} }
.remainingTime span{ .remainingTime span{
float: left; float: left;
width: 20px; width: 20px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
} }
.myyslwidth {
min-width:1200px
}
Loading…
Cancel
Save