| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .answer-item { |
|---|
| | | max-width: 500px; |
|---|
| | | border-radius: 10px; |
|---|
| | | border: 1px solid #DCDFE6; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | &:last-of-type { |
|---|
| | | margin-bottom: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | border-color: #3680fa; |
|---|
| | | |
|---|
| | | .answer-icon { |
|---|
| | | color: #3680fa; |
|---|
| | | border-color: #3680fa; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .answer-icon { |
|---|
| | | width: 50px; |
|---|
| | | background-color: #F0F2F5; |
|---|
| | | border-right: 1px solid #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .answer-text { |
|---|
| | | min-height: 50px; |
|---|
| | | padding: 15px 0; |
|---|
| | | margin: 0 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .active { |
|---|
| | | border-color: #409EFF !important; |
|---|
| | | |
|---|
| | | .answer-icon { |
|---|
| | | color: #ffffff !important; |
|---|
| | | border-color: #409EFF !important; |
|---|
| | | background-color: #409EFF !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
