| | |
| | | border-color: #1c86ff; |
| | | color: #fff; |
| | | } |
| | | .playInput { |
| | | align-items: flex-start; |
| | | width: 760px; |
| | | position: relative; |
| | | padding: 4px 4px 4px 12px; |
| | | |
| | | display: flex; |
| | | -webkit-box-align: end; |
| | | -ms-flex-align: end; |
| | | align-items: flex-end; |
| | | -webkit-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | border-radius: 22px; |
| | | border: 1px solid #00000030; |
| | | -webkit-box-shadow: 0 0 0 1px transparent, 0 3px 16px 0 #dee0f3; |
| | | box-shadow: 0 0 0 1px transparent, 0 3px 16px 0 #dee0f3; |
| | | -webkit-transition: border-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; |
| | | transition: border-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; |
| | | -o-transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; |
| | | transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; |
| | | transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; |
| | | background-color: #fff; |
| | | .assembly { |
| | | position: relative; |
| | | align-self: flex-end; |
| | | margin-right: 12px; |
| | | .label { |
| | | height: 38px; |
| | | } |
| | | } |
| | | .set-input { |
| | | position: relative; |
| | | vertical-align: bottom; |
| | | font-size: 14px; |
| | | display: inline-block; |
| | | width: 100%; |
| | | .set-inputAnswer { |
| | | min-height: 36px; |
| | | height: 36px; |
| | | padding: 3px 0; |
| | | line-height: 20px; |
| | | border: none; |
| | | background-color: transparent; |
| | | color: #333; |
| | | font-size: 15px; |
| | | } |
| | | :deep(.el-input__wrapper) { |
| | | box-shadow: unset; |
| | | } |
| | | } |
| | | .upload_img { |
| | | .imgbox { |
| | | height: 38px; |
| | | .set-img-icon { |
| | | width: 38px; |
| | | height: 38px; |
| | | border-radius: 5px; |
| | | transition: background-color 0.1s ease-in-out; |
| | | } |
| | | .send { |
| | | width: 36px; |
| | | height: 36px; |
| | | border-radius: 50%; |
| | | background-color: #2c1e1d; |
| | | img { |
| | | margin: 4px 0 0 -2px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | .my-pop { |