132 lines
2.3 KiB
CSS
132 lines
2.3 KiB
CSS
/*!
|
|
* ======================================================
|
|
* FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)
|
|
* =======================================================
|
|
* @version:1.0.0
|
|
* @author:cuihongbao@dcloud.io
|
|
*/
|
|
|
|
.feedback body {
|
|
background-color: #EFEFF4;
|
|
}
|
|
.feedback input,
|
|
.feedback textarea {
|
|
border: none !important;
|
|
}
|
|
.feedback textarea {
|
|
height: 100px;
|
|
margin-bottom: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
.feedback .row {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.feedback p {
|
|
padding: 10px 15px 0;
|
|
}
|
|
/*.feedback button#submit {
|
|
width: 90%;
|
|
height: 46px;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%);
|
|
}*/
|
|
|
|
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
|
|
font-size: 14px;
|
|
}
|
|
|
|
.feedback .hidden {
|
|
display: none;
|
|
}
|
|
.feedback .image-list {
|
|
width: 100%;
|
|
height: 85px;
|
|
background-size: cover;
|
|
padding: 10px 10px;
|
|
overflow: hidden;
|
|
}
|
|
.feedback .image-item {
|
|
width: 65px;
|
|
height: 65px;
|
|
/*background-image: url(../images/iconfont-tianjia.png);*/
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
position: relative;
|
|
border-radius: 5px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
border: solid 1px #e8e8e8;
|
|
vertical-align: top;
|
|
}
|
|
.feedback .image-item .file {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 0;
|
|
}
|
|
.feedback .image-item.space {
|
|
border: none;
|
|
}
|
|
.feedback .image-item .image-close {
|
|
position: absolute;
|
|
display: inline-block;
|
|
right: -6px;
|
|
top: -6px;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
border-radius: 12px;
|
|
background-color: #FF5053;
|
|
color: #f3f3f3;
|
|
border: solid 1px #FF5053;
|
|
font-size: 9px;
|
|
font-weight: 200;
|
|
z-index: 1;
|
|
}
|
|
.feedback .image-item .image-up{
|
|
height: 65px;
|
|
width: 65px;
|
|
border-radius: 10px;
|
|
line-height: 65px;
|
|
border: 1px solid #ccc;
|
|
color: #ccc;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.feedback .image-item .image-up:after{
|
|
font-family: "微软雅黑";
|
|
content: '+';
|
|
font-size: 60px;
|
|
}
|
|
.feedback .image-item.space .image-close {
|
|
display: none;
|
|
}
|
|
.feedback .mui-inline{
|
|
vertical-align: bottom;
|
|
font-size: 14px;
|
|
color: #8f8f94;
|
|
}
|
|
.mui-icon-star{
|
|
color: #B5B5B5;
|
|
font-size: 22px;
|
|
}
|
|
.mui-icon-star-filled{
|
|
color: #FFB400;
|
|
font-size: 22px;
|
|
}
|
|
.mui-popover {
|
|
height: 180px;
|
|
}
|
|
.stream{
|
|
display: none;
|
|
}
|
|
.mui-plus-stream .stream{
|
|
display: block;
|
|
}
|