gypsy-crm-frontend-vu/components/cwg-download.vue

<template>
  <view class="cwg-language cursor-pointer" :data-tooltip="t('Downloadpage.item1')">
    <view class="pc-header-btn" @click="handleMenuClick">
      <cwg-icon name="crm-download" color="#97A1C0" :size="20" />
      <cwg-match-media :min-width="791">
        <view>{{t('Downloadpage.item1')}}</view>
      </cwg-match-media>
    </view>
  </view>

</template>

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
function handleMenuClick() {
  uni.navigateTo({
    url: '/pages/common/download',
  })
}
</script>

<style scoped lang="scss">
@import "@/uni.scss";

.pc-header-btn {
  width: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: px2rpx(6);
  padding: 0 px2rpx(5);
}

.cwg-language {
  @media screen and (max-width: 991px) {
    :deep(.cwg-dropdown-menu-container) {
      right: px2rpx(-20) !important;
    }
  }
}


:deep(.cwg-dropdown-menu-container .menu .menu-item) {
  min-height: px2rpx(36);
}

:deep(.cwg-dropdown) {
  overflow: visible !important;
}
</style>