cwg-download.vue 833 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="cwg-language">
  3. <view class="pc-header-btn" @click="handleMenuClick">
  4. <cwg-icon name="crm-download" color="#97A1C0" :size="20" />
  5. </view>
  6. </view>
  7. </template>
  8. <script setup lang="ts">
  9. import { useI18n } from 'vue-i18n'
  10. const { t } = useI18n()
  11. function handleMenuClick() {
  12. uni.navigateTo({
  13. url: '/pages/common/download',
  14. })
  15. }
  16. </script>
  17. <style scoped lang="scss">
  18. @import "@/uni.scss";
  19. .pc-header-btn {
  20. display: flex;
  21. align-items: center;
  22. cursor: pointer;
  23. gap: px2rpx(6);
  24. }
  25. .cwg-language {
  26. @media screen and (max-width: 991px) {
  27. :deep(.cwg-dropdown-menu-container) {
  28. right: px2rpx(-20) !important;
  29. }
  30. }
  31. }
  32. :deep(.cwg-dropdown-menu-container .menu .menu-item) {
  33. min-height: px2rpx(36);
  34. }
  35. :deep(.cwg-dropdown) {
  36. overflow: visible !important;
  37. }
  38. </style>