|
|
|
@ -18,7 +18,7 @@ |
|
|
|
<!-- 顧客心聲 --> |
|
|
|
<PictureText v-if="switchIdx === 1" :ac-list="customerVoiceList" :qr-list="qrCodeList" /> |
|
|
|
<!-- 服务 --> |
|
|
|
<ScrollView v-else ref="actScroll" :list="serviceList" :refresh-delay="200" class="service-scroll" scroll-x> |
|
|
|
<ScrollView v-else ref="actScroll" :list="serviceList" :refresh-delay="200" :scrollbar="true" class="service-scroll" scroll-x> |
|
|
|
<div style="display: inline-block"> |
|
|
|
<ul class="act-list"> |
|
|
|
<serviceItem v-for="(item, index) in serviceList" :key="index" :service-item="item" @click="clickItem"></serviceItem> |
|
|
|
@ -126,6 +126,18 @@ getData() |
|
|
|
// border-radius: 6px !important; |
|
|
|
// } |
|
|
|
// } |
|
|
|
:deep(.bscroll-horizontal-scrollbar) { |
|
|
|
z-index: 3 !important; |
|
|
|
width: 500px !important; |
|
|
|
background: rgb(0 0 0 / 10%); |
|
|
|
border-radius: 6px; |
|
|
|
opacity: 1 !important; |
|
|
|
.bscroll-indicator { |
|
|
|
background: #e00068 !important; |
|
|
|
border: none !important; |
|
|
|
border-radius: 6px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.service-container { |
|
|
|
overflow: hidden; |
|
|
|
padding-top: 152px; |
|
|
|
@ -136,7 +148,7 @@ getData() |
|
|
|
.service-scroll { |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
width: 1828px; |
|
|
|
width: 1860.5px; |
|
|
|
height: 615px; |
|
|
|
margin-top: 40px; |
|
|
|
margin-left: 0; |
|
|
|
@ -149,7 +161,7 @@ getData() |
|
|
|
display: grid; |
|
|
|
grid-template-rows: 1fr 1fr; |
|
|
|
grid-auto-flow: column; |
|
|
|
gap: 16px 16px; |
|
|
|
gap: 12px 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|