{"ast":null,"code":"import { mapState } from \"vuex\";\nimport { Tab, Tabs, NavBar } from \"vant\";\nexport default {\n  name: \"demoPage\",\n  components: {\n    \"van-tab\": Tab,\n    \"van-tabs\": Tabs,\n    NavBar\n  },\n  data() {\n    return {\n      active: \"tc\"\n    };\n  },\n  computed: {\n    ...mapState({\n      game_id: state => state.app.game_id,\n      Lang: state => state.config.$lang,\n      Type: state => state.config.$Type\n    })\n  },\n  created() {\n    this.active = this.game_id == 1 ? \"baccarat\" : this.game_id == 2 ? \"lh\" : this.game_id == 4 ? \"nn\" : \"tc\";\n  },\n  methods: {\n    back() {\n      this.$router.back();\n    }\n  }\n};","map":{"version":3,"names":["mapState","Tab","Tabs","NavBar","name","components","data","active","computed","game_id","state","app","Lang","config","$lang","Type","$Type","created","methods","back","$router"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/views/help.vue"],"sourcesContent":["<template>\n  <div class=\"help\">\n    <NavBar class=\"navbar\" :clickable=\"false\">\n      <template #left>\n        <img\n          class=\"icon\"\n          @click=\"back\"\n          src=\"~@/assets/images/icon/back.png\"\n          alt=\"\"\n        />\n      </template>\n      <template #title>{{ Lang[Type].help }}</template>\n    </NavBar>\n    <van-tabs class=\"help-tabs\" v-model:active=\"active\">\n      <!-- 百家乐 -->\n      <van-tab name=\"baccarat\" :title=\"Lang[Type].Baccarat\">\n        <template v-if=\"Type == 'cn'\">\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/cn_baccarat_1.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/cn_baccarat_2.jpg')\"\n          />\n        </template>\n        <van-image\n          v-else-if=\"Type == 'tw'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/tw_baccarat_1.jpg')\"\n        />\n        <template v-else>\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_baccarat_1.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_all.jpg')\"\n          />\n        </template>\n      </van-tab>\n      <!-- 龙虎 -->\n      <van-tab name=\"lh\" :title=\"Lang[Type].DragonTiger\">\n        <van-image\n          v-if=\"Type == 'cn'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/cn_longhu.jpg')\"\n        />\n        <van-image\n          v-else-if=\"Type == 'tw'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/tw_longhu.jpg')\"\n        />\n        <template v-else>\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_longhu.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_all.jpg')\"\n          />\n        </template>\n      </van-tab>\n      <!-- 牛牛 -->\n      <van-tab name=\"nn\" :title=\"Lang[Type].NN\">\n        <van-image\n          v-if=\"Type == 'cn'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/cn_nn.jpg')\"\n        />\n        <van-image\n          v-else-if=\"Type == 'tw'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/tw_nn.jpg')\"\n        />\n        <template v-else>\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_nn.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_all.jpg')\"\n          />\n        </template>\n      </van-tab>\n      <!-- 急速牛牛 -->\n      <van-tab name=\"tc\" :title=\"Lang[Type].ThreeCard\">\n        <van-image\n          v-if=\"Type == 'cn'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/cn_three_card.jpg')\"\n        />\n        <van-image\n          v-else-if=\"Type == 'tw'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/tw_three_card.jpg')\"\n        />\n        <template v-else>\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_three_card.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_all.jpg')\"\n          />\n        </template>\n      </van-tab>\n      <!-- 骰宝 -->\n      <van-tab name=\"sb\" title=\"骰宝\" v-if=\"false\">\n        <div style=\"padding-bottom: 50px\"></div>\n      </van-tab>\n      <!-- 色碟 -->\n      <van-tab name=\"sd\" :title=\"Lang[Type].Toning\">\n        <van-image\n          v-if=\"Type == 'cn'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/cn_toning.jpg')\"\n        />\n        <van-image\n          v-else-if=\"Type == 'tw'\"\n          width=\"100%\"\n          :src=\"require('../assets/images/help/tw_toning.jpg')\"\n        />\n        <template v-else>\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_toning_1.jpg')\"\n          />\n          <van-image\n            width=\"100%\"\n            :src=\"require('../assets/images/help/en_toning_2.jpg')\"\n          />\n        </template>\n      </van-tab>\n      <!-- 轮盘 -->\n      <van-tab name=\"lp\" title=\"轮盘\" v-if=\"false\">\n        <div style=\"padding-bottom: 50px\"></div>\n      </van-tab>\n      <!-- 炸金花 -->\n      <van-tab name=\"zjh\" title=\"炸金花\" v-if=\"false\">\n        <div style=\"padding-bottom: 50px\"></div>\n      </van-tab>\n    </van-tabs>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nimport { Tab, Tabs, NavBar } from \"vant\"\nexport default {\n  name: \"demoPage\",\n  components: { \"van-tab\": Tab, \"van-tabs\": Tabs, NavBar },\n  data() {\n    return {\n      active: \"tc\"\n    }\n  },\n  computed: {\n    ...mapState({\n      game_id: (state) => state.app.game_id,\n      Lang: (state) => state.config.$lang,\n      Type: (state) => state.config.$Type\n    })\n  },\n  created() {\n    this.active =\n      this.game_id == 1\n        ? \"baccarat\"\n        : this.game_id == 2\n        ? \"lh\"\n        : this.game_id == 4\n        ? \"nn\"\n        : \"tc\"\n  },\n  methods: {\n    back() {\n      this.$router.back()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.help {\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  .navbar {\n    .icon {\n      width: 24px;\n      &:active {\n        opacity: 0.6;\n      }\n      &.margin {\n        margin: 0 20px;\n      }\n    }\n  }\n  .help-tabs {\n    height: calc(100% - 46px);\n    overflow: hidden;\n    ::v-deep {\n      .van-tabs__wrap {\n        box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.1);\n      }\n      .van-tabs__content {\n        height: calc(100% - 44px);\n        overflow-y: auto;\n        color: #555;\n        font-size: 13px;\n        padding: 15px;\n      }\n    }\n    .title {\n      padding-top: 20px;\n      text-align: center;\n      font-size: 16px;\n    }\n    .div {\n      padding: 0 8px;\n    }\n    .strong {\n      color: #ae7b2b;\n    }\n    p {\n      padding: 4px 8px;\n    }\n    .img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    .lable {\n      font-weight: 600;\n      text-align: center;\n    }\n    .icon-way {\n      display: inline-block;\n      width: 15px;\n      height: 15px;\n      vertical-align: middle;\n    }\n    .table {\n      border-collapse: collapse;\n      width: 100%;\n      margin-bottom: 20px;\n      th,\n      td {\n        padding: 10px;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"AAuJA,SAASA,QAAO,QAAS,MAAK;AAC9B,SAASC,GAAG,EAAEC,IAAI,EAAEC,MAAK,QAAS,MAAK;AACvC,eAAe;EACbC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE;IAAE,SAAS,EAAEJ,GAAG;IAAE,UAAU,EAAEC,IAAI;IAAEC;EAAO,CAAC;EACxDG,IAAIA,CAAA,EAAG;IACL,OAAO;MACLC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,QAAQ,EAAE;IACR,GAAGR,QAAQ,CAAC;MACVS,OAAO,EAAGC,KAAK,IAAKA,KAAK,CAACC,GAAG,CAACF,OAAO;MACrCG,IAAI,EAAGF,KAAK,IAAKA,KAAK,CAACG,MAAM,CAACC,KAAK;MACnCC,IAAI,EAAGL,KAAK,IAAKA,KAAK,CAACG,MAAM,CAACG;IAChC,CAAC;EACH,CAAC;EACDC,OAAOA,CAAA,EAAG;IACR,IAAI,CAACV,MAAK,GACR,IAAI,CAACE,OAAM,IAAK,IACZ,UAAS,GACT,IAAI,CAACA,OAAM,IAAK,IAChB,IAAG,GACH,IAAI,CAACA,OAAM,IAAK,IAChB,IAAG,GACH,IAAG;EACX,CAAC;EACDS,OAAO,EAAE;IACPC,IAAIA,CAAA,EAAG;MACL,IAAI,CAACC,OAAO,CAACD,IAAI,EAAC;IACpB;EACF;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}