|
@@ -2,7 +2,7 @@ import { Skeleton } from "vant";
|
|
|
import { defineComponent, onBeforeMount, onBeforeUnmount, onMounted, reactive, Transition } from "vue";
|
|
|
import { formateTimes } from "../../helpers/formateMusic";
|
|
|
import state, { isRhythmicExercises } from "../../state";
|
|
|
-import { setGlobalData } from "../../utils";
|
|
|
+import { browser, setGlobalData } from "../../utils";
|
|
|
import MusicScore, { resetMusicScore } from "../../view/music-score";
|
|
|
import styles from "./index.module.less";
|
|
|
import { api_cloudLoading, api_setStatusBarVisibility, isSpecialShapedScreen } from "/src/helpers/communication";
|
|
@@ -26,6 +26,7 @@ const colorsClass: any = {
|
|
|
export default defineComponent({
|
|
|
name: "music-list",
|
|
|
setup() {
|
|
|
+ const browserInfo = browser()
|
|
|
const query: any = getQuery();
|
|
|
const route = useRoute()
|
|
|
const paramsId = route.params.id as string;
|
|
@@ -161,7 +162,7 @@ export default defineComponent({
|
|
|
});
|
|
|
|
|
|
return () => (
|
|
|
- <div class={[styles.shareBox, styles.detail, state.setting.eyeProtection && "eyeProtection"]} style={{ paddingLeft: detailData.paddingLeft }}>
|
|
|
+ <div class={[styles.shareBox, styles.detail, state.setting.eyeProtection && "eyeProtection", browserInfo.android && styles.android]} style={{ paddingLeft: detailData.paddingLeft }}>
|
|
|
{!state.musicRendered && (
|
|
|
<div class={styles.skeleton}>
|
|
|
<Skeleton class={styles.skeleton} row={8} />
|