Authored by 李奇

fixed:原因样式修正

... ... @@ -15,7 +15,9 @@
<p class="star-text">非常满意</p>
</div>
<div class="detail-reason">
<div class="discontent"></div>
<div class="dis-wrap">
<div class="discontent"></div>
</div>
<textarea class="other-reason" maxlength="50" placeholder="请您输入不满意的其他原因" spellcheck="false"></textarea>
</div>
</div>
... ...
... ... @@ -1069,49 +1069,52 @@ $color-3a3a3a: #3a3a3a;
.detail-reason {
display: none;
.discontent {
.dis-wrap {
margin-left: 8px;
max-height: 155px;
overflow-y: scroll;
overflow-x: hidden;
margin-bottom: 30px;
.dis-row {
font-size: 0;
text-align: center;
margin-bottom: 13px;
.discontent {
margin-bottom: 30px;
.type {
position: relative;
display: inline-block;
width: 155px;
height: 40px;
padding: 0 2px;
font-size: 12px;
text-align: center;
line-height: 40px;
border: 1px #999999 solid;
border-radius: 5px;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
.dis-row {
font-size: 0;
margin-bottom: 13px;
&.chosen {
&:after {
position: absolute;
top: 13px;
right: -2px;
content: '';
display: inline-block;
height: 27px;
width: 27px;
background-image: resolve('service/btn-chosen.png');
.type {
position: relative;
display: inline-block;
width: 155px;
height: 40px;
padding: 0 2px;
font-size: 12px;
text-align: center;
line-height: 40px;
border: 1px #999999 solid;
border-radius: 5px;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
&.chosen {
&:after {
position: absolute;
top: 13px;
right: -2px;
content: '';
display: inline-block;
height: 27px;
width: 27px;
background-image: resolve('service/btn-chosen.png');
}
}
}
&:first-child {
margin-right: 15px;
&:first-child {
margin-right: 15px;
}
}
}
}
... ...