| | |
| | | <template> |
| | | <div class="relative z-30 footer"> |
| | | <van-tabbar route v-model="active" active-color="#1194F7" @change="changeIndex" fixed safe-area-inset-bottom> |
| | | <van-tabbar-item name="optional" to="/optional"> |
| | | <van-tabbar route v-model="active" active-color="#92D1FF" @change="changeIndex" fixed safe-area-inset-bottom> |
| | | <!-- <van-tabbar-item name="optional" to="/optional"> |
| | | <span :class="[active === 'optional' ? 'active' : '']">{{ $t("Optional") }}</span> |
| | | <template #icon="props"> |
| | | <img :src="active == 'optional' ? icon.optional.active : icon.optional.inactive" alt="optional" /> |
| | | </template> |
| | | </van-tabbar-item> |
| | | <van-tabbar-item name="quotes" to="/quotes/index?tabActive=0"> |
| | | <span :class="[active === 'quotes' ? 'active' : '']">{{ $t("quotes") }}</span> |
| | | </van-tabbar-item> --> |
| | | <van-tabbar-item name="quotes" to="/quotes/index?tabActive=1"> |
| | | <span :class="[active === 'quotes' ? 'active' : '']">{{ $t("首页") }}</span> |
| | | <template #icon> |
| | | <img :src="active == 'quotes' ? icon.quotes.active : icon.quotes.inactive" alt="quotes" /> |
| | | </template> |
| | |
| | | <!-- <img :src="props.active ? icon.funds.active : icon.funds.inactive" alt="funds" /> --> |
| | | <!-- </template> --> |
| | | <!-- </van-tabbar-item> --> |
| | | <van-tabbar-item name="news" to="/news"> |
| | | <!-- <van-tabbar-item name="news" to="/news"> |
| | | <span :class="[active === 'news' ? 'active' : '']">{{ $t("news") }}</span> |
| | | <template #icon> |
| | | <img :src="active == 'news' ? icon.news.active : icon.news.inactive" alt="news" /> |
| | | </template> |
| | | </van-tabbar-item> |
| | | </van-tabbar-item> --> |
| | | <!-- <van-tabbar-item name="trade" to="/exchange"> |
| | | <span>{{ $t('trade') }}</span> |
| | | <template #icon="props"> |
| | |
| | | padding-bottom: constant(safe-area-inset-bottom); |
| | | padding-bottom: env(safe-area-inset-bottom); |
| | | background-color: $footer_bg; |
| | | box-shadow: 5px 5px 5px 5px $footer-border; |
| | | box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08); |
| | | border-top: 1px solid rgba(118, 128, 143, 0.1); |
| | | backdrop-filter: blur(10px); |
| | | } |
| | | |
| | | .van-hairline--top-bottom::after { |