1 line
5.5 KiB
JSON
1 line
5.5 KiB
JSON
{"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":[]} |