style

lxf

2025-07-15 691b86ca853959f5beb3db9b25d0a4a9929dd40f

 src/views/customerService/index.vue

@@ -5,7 +5,7 @@
      <div class="px-3.5 py-5" :style="{ 'margin-top': navHeight + 'px' }" v-if="state == 0">
        <div class="white">{{ $t('OrdersWill') }} <span style="color: #1194F7">{{ msgTitle }}</span> {{
          $t('afterCancel')
        }}</div>
          }}</div>
        <div class="mt-3">
          <span class="mr-1" style="color: #8A919E">{{ $t('lumpSum') }}</span>
          <span class="white">{{ payInfo.currency }} {{ payInfo.amount }}</span>
@@ -27,9 +27,9 @@
              item.createtime &&
              item.createtime.split(' ')[0]
            }}</p> -->
             <p class="font-13 text-center pb-3 text-grey font-15">{{
            <p class="font-13 text-center pb-3 text-grey font-15">{{
              item.createtime
            }}</p>
              }}</p>
            <div class="flex" :class="item.send_receive === 'send' ? 'justify-end' : ''">
              <template v-if="item.send_receive === 'receive'">
                <img src="@/assets/image/service/responser.png" class="w-10 h-10 mr-5" />
@@ -50,13 +50,12 @@
        </ul>
      </div>
    </div>
    <div
      class="bottom bottomBox flex justify-between items-center w-full fixed bottom-0 borderTop px-4 box-border bgBottom">
    <div class="bottom bottomBox flex justify-between items-center w-full fixed bottom-0 borderTop px-4 box-border ">
      <van-uploader :max-size="10000 * 1024" @oversize="onOversize" :after-read="afterRead">
        <img src="@/assets/image/service/photo2.png" class="w-12 h-12" />
      </van-uploader>
      <input type="text" v-model="message" :placeholder="$t('entryYouMessage')"
        class="flex-1 mx-3 h-full border-none bgBottom textColor chatBg" maxlength="500"/>
        class="flex-1 mx-3 h-full border-none textColor chatBg" maxlength="500" />
      <img src="@/assets/image/service/send2.png" class="w-12 h-12" @click="throttleSend(message)" />
    </div>
  </div>
@@ -264,13 +263,13 @@
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  background: $mainBgColor;
  // background: $mainBgColor;
  overflow: hidden;
  padding-bottom: 70px;

  :deep(.van-hairline--bottom::after) {
    border-color: $mainBgColor;
  }
  // :deep(.van-hairline--bottom::after) {
  //   border-color: $mainBgColor;
  // }
}

.break-word {