{"ast":null,"code":"import { mapState } from \"vuex\";\nexport default {\n  name: \"SwitchTab\",\n  data() {\n    return {\n      switchVideo: true\n    };\n  },\n  created() {},\n  methods: {\n    switchVideoFn(type) {\n      this.$store.commit(\"config/switchVideo\", type);\n    },\n    updateVideo(type, choose) {\n      this.$store.commit(\"config/updateVideo\", {\n        type,\n        choose\n      });\n    }\n  },\n  computed: {\n    ...mapState({\n      Lang: state => state.config.$lang,\n      Type: state => state.config.$Type,\n      userInfo: state => state.app.userInfo,\n      video: state => state.config.switchVideo,\n      info: state => state.config.video\n    })\n  },\n  watch: {\n    video: {\n      handler(state) {\n        if (state == true) {\n          this.switchVideo = true;\n        } else {\n          this.switchVideo = false;\n        }\n      },\n      immediate: true\n    }\n  }\n};","map":{"version":3,"names":["mapState","name","data","switchVideo","created","methods","switchVideoFn","type","$store","commit","updateVideo","choose","computed","Lang","state","config","$lang","Type","$Type","userInfo","app","video","info","watch","handler","immediate"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/setCamera.vue"],"sourcesContent":["<template>\n  <div class=\"setcamera\">\n    <h3 class=\"title\">{{ Lang[Type].set_video }}</h3>\n    <div class=\"list\">\n      <div class=\"lable\">{{ Lang[Type].definition }}</div>\n      <div class=\"box\">\n        <span\n          class=\"btn\"\n          :class=\"{ active: info.definition == 1 }\"\n          @click=\"updateVideo('definition', 1)\"\n        >\n          {{ Lang[Type].HD }}\n        </span>\n        <span\n          class=\"btn\"\n          :class=\"{ active: info.definition == 2 }\"\n          @click=\"updateVideo('definition', 2)\"\n        >\n          {{ Lang[Type].SD }}\n        </span>\n      </div>\n    </div>\n    <div class=\"list\">\n      <div class=\"lable\">{{ Lang[Type].line }}</div>\n      <div class=\"box\">\n        <span\n          class=\"btn\"\n          :class=\"{ active: info.line == 1 }\"\n          @click=\"updateVideo('line', 1)\"\n        >\n          {{ Lang[Type].line }}1\n        </span>\n        <span\n          class=\"btn\"\n          :class=\"{ active: info.line == 2 }\"\n          @click=\"updateVideo('line', 2)\"\n        >\n          {{ Lang[Type].line }}2\n        </span>\n      </div>\n    </div>\n    <div class=\"list flex flex-align-center\">\n      <div class=\"text\">\n        {{ Lang[Type].video }}\n        {{ switchVideo ? Lang[Type].ON : Lang[Type].OFF }}\n      </div>\n      <van-switch v-model=\"switchVideo\" @change=\"switchVideoFn\" size=\"0.7rem\" />\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\"\nexport default {\n  name: \"SwitchTab\",\n  data() {\n    return {\n      switchVideo: true\n    }\n  },\n  created() {},\n  methods: {\n    switchVideoFn(type) {\n      this.$store.commit(\"config/switchVideo\", type)\n    },\n    updateVideo(type, choose) {\n      this.$store.commit(\"config/updateVideo\", { type, choose })\n    }\n  },\n  computed: {\n    ...mapState({\n      Lang: (state) => state.config.$lang,\n      Type: (state) => state.config.$Type,\n      userInfo: (state) => state.app.userInfo,\n      video: (state) => state.config.switchVideo,\n      info: (state) => state.config.video\n    })\n  },\n  watch: {\n    video: {\n      handler(state) {\n        if (state == true) {\n          this.switchVideo = true\n        } else {\n          this.switchVideo = false\n        }\n      },\n      immediate: true\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.setcamera {\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.8);\n  overflow: hidden;\n  transform: rotateX(0deg);\n  .title {\n    margin: 0.6rem auto;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-align: center;\n    color: #fff;\n  }\n  .list {\n    padding: 0 0.5rem;\n    font-size: 0.55rem;\n    margin-top: 1rem;\n    color: #fff;\n    .lable {\n      padding-bottom: 0.4rem;\n    }\n    .text {\n      padding-right: 1rem;\n    }\n    .box {\n      display: flex;\n      width: 100%;\n      .btn {\n        color: #ddd;\n        border: 1px solid #ddd;\n        font-size: 0.45rem;\n        margin-right: 0.5rem;\n        width: 36%;\n        text-align: center;\n        padding: 0.25rem 0;\n        line-height: 1;\n        border-radius: 0.1rem;\n        &.active {\n          color: #5bc1f1;\n          border-color: #5bc1f1;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"AAmDA,SAASA,QAAO,QAAS,MAAK;AAC9B,eAAe;EACbC,IAAI,EAAE,WAAW;EACjBC,IAAIA,CAAA,EAAG;IACL,OAAO;MACLC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,OAAOA,CAAA,EAAG,CAAC,CAAC;EACZC,OAAO,EAAE;IACPC,aAAaA,CAACC,IAAI,EAAE;MAClB,IAAI,CAACC,MAAM,CAACC,MAAM,CAAC,oBAAoB,EAAEF,IAAI;IAC/C,CAAC;IACDG,WAAWA,CAACH,IAAI,EAAEI,MAAM,EAAE;MACxB,IAAI,CAACH,MAAM,CAACC,MAAM,CAAC,oBAAoB,EAAE;QAAEF,IAAI;QAAEI;MAAO,CAAC;IAC3D;EACF,CAAC;EACDC,QAAQ,EAAE;IACR,GAAGZ,QAAQ,CAAC;MACVa,IAAI,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACC,KAAK;MACnCC,IAAI,EAAGH,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACG,KAAK;MACnCC,QAAQ,EAAGL,KAAK,IAAKA,KAAK,CAACM,GAAG,CAACD,QAAQ;MACvCE,KAAK,EAAGP,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACZ,WAAW;MAC1CmB,IAAI,EAAGR,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACM;IAChC,CAAC;EACH,CAAC;EACDE,KAAK,EAAE;IACLF,KAAK,EAAE;MACLG,OAAOA,CAACV,KAAK,EAAE;QACb,IAAIA,KAAI,IAAK,IAAI,EAAE;UACjB,IAAI,CAACX,WAAU,GAAI,IAAG;QACxB,OAAO;UACL,IAAI,CAACA,WAAU,GAAI,KAAI;QACzB;MACF,CAAC;MACDsB,SAAS,EAAE;IACb;EACF;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}