|
@@ -14,28 +14,22 @@ const show = ref(true);
|
|
|
const store = useStore();
|
|
|
|
|
|
const resetPanel = () => {
|
|
|
- $(this.$el.querySelector(".panel")).find(".color").css("background-color", "rgba(0, 0, 0, 0.3)");
|
|
|
if (panelOrgTop.value > 0) {
|
|
|
panelNewTop.value = panelOrgTop.value;
|
|
|
+ const $panel = document.querySelector(".panel");
|
|
|
+ const $color = $panel.querySelectorAll(".color");
|
|
|
+ $color.forEach((item) => {
|
|
|
+ item.style.backgroundColor = `rgba(0, 0, 0, ${0.2})`;
|
|
|
+ });
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const vrBack = () => {
|
|
|
- show.value = true;
|
|
|
+onMounted(() => {
|
|
|
nextTick(() => {
|
|
|
- panelNewTop.value = null;
|
|
|
- resetPanel();
|
|
|
- nextTick(() => {
|
|
|
- panelOrgTop.value = document.querySelector(".panel").offsetTop;
|
|
|
+ document.querySelector(".player").addEventListener("touchstart", () => {
|
|
|
+ resetPanel();
|
|
|
});
|
|
|
});
|
|
|
-};
|
|
|
-
|
|
|
-const reset = () => {
|
|
|
- resetPanel();
|
|
|
-};
|
|
|
-
|
|
|
-onMounted(() => {
|
|
|
const $panel = document.querySelector(".panel");
|
|
|
const $color = $panel.querySelectorAll(".color");
|
|
|
$panel.addEventListener("touchstart", down, false);
|
|
@@ -62,13 +56,11 @@ onMounted(() => {
|
|
|
$panel.addEventListener("touchend", up, false);
|
|
|
$panel.addEventListener("mouseup", up, false);
|
|
|
|
|
|
-
|
|
|
- store.commit('SetPlayerOptions', {
|
|
|
- showMap: true,
|
|
|
- showToolbar: true,
|
|
|
- showDescription: false,
|
|
|
- })
|
|
|
-
|
|
|
+ store.commit("SetPlayerOptions", {
|
|
|
+ showMap: true,
|
|
|
+ showToolbar: true,
|
|
|
+ showDescription: false,
|
|
|
+ });
|
|
|
}
|
|
|
function move(e) {
|
|
|
e.stopPropagation();
|