{"ast":null,"code":"//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { mapGetters } from \"vuex\";\nimport { getStorage } from \"@/utils/utis\";\nexport default {\n  props: {\n    isActive: {\n      type: Boolean,\n      default: true\n    }\n  },\n  components: {},\n  computed: {\n    ...mapGetters({\n      theme: \"home/theme\"\n    })\n  },\n  data() {\n    return {\n      getStorage,\n      active: \"home\",\n      home: {},\n      qoutes: {},\n      trade: {},\n      contract: {},\n      funds: {},\n      profile: {}\n    };\n  },\n  mounted() {\n    this.home = {\n      active: require(`@/assets/3x/资源 10@3x.png`),\n      inactiveactive: require(`@/assets/3x/names1.png`)\n    };\n    this.qoutes = {\n      active: require(`@/assets/3x/asda.png`),\n      inactive: require(`@/assets/3x/资源 14@3x.png`)\n    };\n    this.trade = {\n      active: require(`@/assets/3x/namses2.png`),\n      inactive: require(`@/assets/3x/资源 13@3x.png`)\n    };\n    this.contract = {\n      active: require(`@/assets/3x/naamses3.png`),\n      inactive: require(`@/assets/3x/资源 12@3x.png`)\n    };\n    this.funds = {\n      active: require(`@/assets/3x/sses4.png`),\n      inactive: require(`@/assets/3x/资源 11@3x.png`)\n    };\n    this.profile = {\n      active: require(`@/assets/3x/sses5.png`),\n      inactive: require(`@/assets/3x/资源 15@3x.png`)\n    };\n  }\n};","map":{"version":3,"names":["mapGetters","getStorage","props","isActive","type","Boolean","default","components","computed","theme","data","active","home","qoutes","trade","contract","funds","profile","mounted","require","inactiveactive","inactive"],"sources":["src/components/footer/index.vue"],"sourcesContent":["<template>\n  <div class=\"tabbar-footer\">\n    <van-tabbar\n      route\n      v-model=\"active\"\n      active-color=\"#1D91FF\"\n      fixed\n      inactive-color=\"#868D9A\"\n      safe-area-inset-bottom\n      class=\"bgFooter\"\n    >\n      <div class=\"bgc\"></div>\n      <van-tabbar-item name=\"home\" to=\"/home\">\n        <span>{{ $t(\"首页\") }}</span>\n        <template #icon=\"props\">\n          <img :src=\"props.active ? home.active : home.inactive\" alt=\"home\" />\n        </template>\n      </van-tabbar-item>\n      <van-tabbar-item\n        name=\"quotes\"\n        :to=\"{ name: 'Quotes', query: { active: 2 } }\"\n      >\n        <span>{{ $t(\"市场\") }}</span>\n        <template #icon=\"props\">\n          <img\n            :src=\"props.active ? qoutes.active : qoutes.inactive\"\n            alt=\"Quotes\"\n          />\n        </template>\n      </van-tabbar-item>\n      <van-tabbar-item\n        name=\"/trade/btc\"\n        :to=\"{\n          name: 'Trade',\n          params: { symbol: getStorage('tradeSymbol') || 'btc' },\n        }\"\n      >\n        <span>{{ $t(\"交易\") }}</span>\n        <template #icon=\"props\">\n          <img\n            :src=\"props.active ? trade.active : trade.inactive\"\n            alt=\"trade\"\n          />\n        </template>\n      </van-tabbar-item>\n      <van-tabbar-item\n        name=\"perpetualContract/btc\"\n        :to=\"{\n          name: 'perpetualContract',\n          params: { symbol: getStorage('symbol') || 'btc' },\n        }\"\n      >\n        <span>{{ $t(\"合约\") }}</span>\n        <template #icon=\"props\">\n          <img\n            :src=\"props.active ? contract.active : contract.inactive\"\n            alt=\"perpetualContract\"\n          />\n        </template>\n      </van-tabbar-item>\n      <van-tabbar-item name=\"funds\" to=\"/funds\">\n        <span>{{ $t(\"资金\") }}</span>\n        <template #icon=\"props\">\n          <img\n            :src=\"props.active ? funds.active : funds.inactive\"\n            alt=\"funds\"\n          />\n        </template>\n      </van-tabbar-item>\n      <van-tabbar-item\n        name=\"profile\"\n        :to=\"{\n          name: 'profile',\n        }\"\n      >\n        <span>{{ $t(\"Profile\") }}</span>\n        <template #icon=\"props\">\n          <img\n            :src=\"props.active ? profile.active : profile.inactive\"\n            alt=\"perpetualContract\"\n          />\n        </template>\n      </van-tabbar-item>\n    </van-tabbar>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { getStorage } from \"@/utils/utis\";\nexport default {\n  props: {\n    isActive: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  components: {},\n  computed: {\n    ...mapGetters({\n      theme: \"home/theme\",\n    }),\n  },\n  data() {\n    return {\n      getStorage,\n      active: \"home\",\n      home: {},\n      qoutes: {},\n      trade: {},\n      contract: {},\n      funds: {},\n      profile: {},\n    };\n  },\n  mounted() {\n    this.home = {\n      active: require(`@/assets/3x/资源 10@3x.png`),\n      inactiveactive: require(`@/assets/3x/names1.png`),\n    };\n    this.qoutes = {\n      active: require(`@/assets/3x/asda.png`),\n      inactive: require(`@/assets/3x/资源 14@3x.png`),\n    };\n    this.trade = {\n      active: require(`@/assets/3x/namses2.png`),\n      inactive: require(`@/assets/3x/资源 13@3x.png`),\n    };\n    this.contract = {\n      active: require(`@/assets/3x/naamses3.png`),\n      inactive: require(`@/assets/3x/资源 12@3x.png`),\n    };\n    this.funds = {\n      active: require(`@/assets/3x/sses4.png`),\n      inactive: require(`@/assets/3x/资源 11@3x.png`),\n    };\n    this.profile = {\n      active: require(`@/assets/3x/sses5.png`),\n      inactive: require(`@/assets/3x/资源 15@3x.png`),\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../assets/init.scss\";\n\n.van-tabbar--fixed {\n  z-index: 10;\n  padding-bottom: constant(safe-area-inset-bottom);\n  padding-bottom: env(safe-area-inset-bottom);\n}\n\n.van-tabbar {\n  height: 108px;\n  font-size: 22px;\n}\n\n.van-tabbar-item__icon img {\n  height: 56px;\n  width: 56px;\n}\n\n::v-deep .van-tabbar-item__icon {\n  margin-bottom: 9px;\n}\n\n::v-deep .van-tabbar-item__text {\n  text-align: center;\n}\n\n.bgFooter {\n  // ::v-deep .van-tabbar-item--active {\n  //   @include themify() {\n  //     background: themed(\"footer_background\");\n  //   }\n  // }\n\n  // ::v-deep .van-tabbar-item--active {\n  //   @include themify() {\n  //     color: themed(\"color_main\") !important;\n  //   }\n  // }\n}\n\n// .bg-night {\n//   ::v-deep .van-tabbar-item--active {\n//     background: $night;\n//   }\n// }\n\n.tabbar-footer {\n  position: relative;\n  .bgc {\n    position: absolute;\n    left: 0;\n    top: 6px;\n    background-color: #f5f5f8;\n    width: calc(100% - 60px);\n    height: 60px;\n    border-radius: 30px;\n    margin: 0 30px;\n  }\n}\n::v-deep .van-tabbar-item__text {\n  position: relative;\n  z-index: 99;\n  // color: #d2d2dc;\n}\n::v-deep .van-tabbar-item {\n  color: #d2d2dc !important;\n}\n::v-deep .van-tabbar-item--active {\n  color: #9691fa !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,SAAAA,UAAA;AACA,SAAAC,UAAA;AACA;EACAC,KAAA;IACAC,QAAA;MACAC,IAAA,EAAAC,OAAA;MACAC,OAAA;IACA;EACA;EACAC,UAAA;EACAC,QAAA;IACA,GAAAR,UAAA;MACAS,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAT,UAAA;MACAU,MAAA;MACAC,IAAA;MACAC,MAAA;MACAC,KAAA;MACAC,QAAA;MACAC,KAAA;MACAC,OAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAN,IAAA;MACAD,MAAA,EAAAQ,OAAA;MACAC,cAAA,EAAAD,OAAA;IACA;IACA,KAAAN,MAAA;MACAF,MAAA,EAAAQ,OAAA;MACAE,QAAA,EAAAF,OAAA;IACA;IACA,KAAAL,KAAA;MACAH,MAAA,EAAAQ,OAAA;MACAE,QAAA,EAAAF,OAAA;IACA;IACA,KAAAJ,QAAA;MACAJ,MAAA,EAAAQ,OAAA;MACAE,QAAA,EAAAF,OAAA;IACA;IACA,KAAAH,KAAA;MACAL,MAAA,EAAAQ,OAAA;MACAE,QAAA,EAAAF,OAAA;IACA;IACA,KAAAF,OAAA;MACAN,MAAA,EAAAQ,OAAA;MACAE,QAAA,EAAAF,OAAA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}