| | |
| | | :autoplay="false" |
| | | indicator-position="none" |
| | | arrow="never" |
| | | class="pam-consultant-carousel" |
| | | class="pam-quickFilter-carousel" |
| | | ref="carouselRef" |
| | | > |
| | | <el-carousel-item |
| | |
| | | @touchstart="touchStart" |
| | | @touchend="moveCard" |
| | | > |
| | | <el-avatar |
| | | <UiAvatar |
| | | :size="200" |
| | | class="mx-auto cursor--pointer" |
| | | :fileName="item.img" |
| | | class="mx-auto" |
| | | @click.native="showAgentDetail(item.agentNo)" |
| | | :src="item.img" |
| | | /> |
| | | ></UiAvatar> |
| | | <div class="mdTxt mt-30 mb-30 text--center">{{item.name}}(伯樂保險經紀人)</div> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | |
| | | border-radius: 50px; |
| | | background-color: $LIGHT_GREY; |
| | | color: $CORAL; |
| | | z-index: 2; |
| | | cursor: pointer; |
| | | |
| | | &:before { |
| | |
| | | } |
| | | } |
| | | |
| | | .pam-right-arrow { |
| | | &:before { |
| | | margin-left: 15px; |
| | | } |
| | | .pam-left-arrow:before { |
| | | margin-left: 25px; |
| | | } |
| | | |
| | | .pam-left-arrow { |
| | | &:before { |
| | | margin-left: 25px; |
| | | } |
| | | .pam-right-arrow:before { |
| | | margin-left: 15px; |
| | | } |
| | | |
| | | .arrow-right-position { |
| | | top: 50%; |
| | | right: -60px; |
| | | right: -40px; |
| | | transform: translateY(-50%); |
| | | z-index: 3; |
| | | } |
| | | |
| | | .arrow-left-position { |
| | | top: 50%; |
| | | left: -60px; |
| | | left: -40px; |
| | | transform: translateY(-50%); |
| | | z-index: 3; |
| | | } |
| | | |
| | | .relative { |