shop-app/src/pages/select-country/index.vue

<template>
  <view class="select-country-main-wrap">
    <view class="top-header"></view>
    <view class="content"></view>
    <view class="bottom-footer"></view>
  </view>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
  .select-country-main-wrap {
    box-sizing: border-box;
    padding: 0 32rpx;
    .bottom-footer {
      box-sizing: border-box;
      display: flex;
      flex: 1 0 0;
      align-items: center;
      justify-content: center;
      height: 84rpx;
      padding: 10rpx 66rpx;
      background: var(
        --ff-4-c-1-bfc-7-b-1-c,
        linear-gradient(270deg, $shop-primary 0%, $shop-help 100%)
      );
      border-radius: 160rpx;
    }
  }
</style>