diff --git a/src/assets/img/avatar.png b/src/assets/img/avatar.png new file mode 100644 index 0000000..97b49cb Binary files /dev/null and b/src/assets/img/avatar.png differ diff --git a/src/assets/img/icon.png b/src/assets/img/icon.png new file mode 100644 index 0000000..625e591 Binary files /dev/null and b/src/assets/img/icon.png differ diff --git a/src/assets/img/reset.png b/src/assets/img/reset.png new file mode 100644 index 0000000..1f1ac54 Binary files /dev/null and b/src/assets/img/reset.png differ diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue index d666df4..2219b77 100644 --- a/src/pages/home/index.vue +++ b/src/pages/home/index.vue @@ -1,27 +1,35 @@ @@ -131,13 +140,14 @@ function goBuyCoin() { //#region tab const tabList = ref([ - { name: "我的写真", value: 1 }, - { name: "我的邀请", value: 2 }, - { name: "消费记录", value: 3 }, + { name: "我的写真", id: 1 }, + { name: "我的视频", id: 2 }, + { name: "我的邀请", id: 3 }, + { name: "消费记录", id: 4 }, ]); -const showListActive = ref(1); +const showListActive = ref(3); function clickTabHandle(e) { - showListActive.value = e.value; + showListActive.value = e.id; } //#endregion @@ -147,14 +157,39 @@ function clickTabHandle(e) { diff --git a/src/pages/recorded/index.vue b/src/pages/recorded/index.vue index 1645114..369e87e 100644 --- a/src/pages/recorded/index.vue +++ b/src/pages/recorded/index.vue @@ -74,12 +74,13 @@ - - + + + @@ -105,7 +106,7 @@ function bueCoin() { //#endregion --------------------- //#region 弹出层 -const showPopup = ref(false); +const showPopup = ref(true); function openPopup() { showPopup.value = true; } @@ -172,18 +173,17 @@ async function endRecord() { await recorder.stop(); audioUrl.value = URL.createObjectURL(recorder.getWAVBlob()); } + showPopup.value = false; } async function playVoice() { if (userInfoModulesPinia.platForm != 1) { await innerAudioContext.play(); console.log("试听了xcx"); - showPopup.value = false; } else { const link = document.createElement("audio"); link.src = audioUrl.value; link.play(); console.log("试听了h5"); - showPopup.value = false; } } //#endregion --------------------- @@ -261,11 +261,27 @@ image { flex-direction: column; align-items: center; justify-content: center; + .mask { + position: absolute; + top: 40%; + left: 47%; + transform: translate(-50%, -50%); + width: 95rpx; + height: 95rpx; + transform: rotate(45deg); + z-index: 4; + background: url("../../assets/icon/u149.png"); + } image { - max-width: 15%; - max-height: 15%; + max-width: 0%; + max-height: 0%; transform: rotate(45deg); touch-action: none; + z-index: -1; + pointer-events: none; + } + img { + pointer-events: none; } } } diff --git a/src/style/my.scss b/src/style/my.scss index 0ea4015..cfb0f49 100644 --- a/src/style/my.scss +++ b/src/style/my.scss @@ -2,13 +2,40 @@ display: flex; flex-direction: column; align-items: center; - justify-content: center; - padding: 20rpx; + // justify-content: center; + padding: 30rpx; background-color: #fff; - font-size: 28rpx; - // min-height: 100vh; + font-size: 26rpx; + color: #fff; + min-height: 100vh; } +body { + -webkit-touch-callout: none; + /*系统默认菜单被禁用*/ + -webkit-user-select: none; + /*webkit浏览器*/ + -khtml-user-select: none; + /*早起浏览器*/ + -moz-user-select: none; + /*火狐浏览器*/ + -ms-user-select: none; + /*IE浏览器*/ + user-select: none; + /*用户是否能够选中文本*/ +} + +// * { +// user-select: none; +// touch-action: none; +// -webkit-touch-callout: none !important; +// -webkit-user-select: none !important; +// -khtml-user-select: none !important; +// -moz-user-select: none !important; +// -ms-user-select: none !important; +// user-select: none !important; +// } + // body { // background-color: #FFFFFF !important; // }