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 @@
+
+
-
+
-
+
我的金币: 30
- [点击购买]购买金币
-
+
+
+ {{ item.name }}
+
@@ -41,32 +49,33 @@
-
-
-
-
- 猕猴桃
- 2023/7/29
+
+
+
+
+
+ 猕猴桃
+ 2023/7/29
+
+ 金币+2
- 金币+2
-
+
+ 继续邀请好友
-
+
名称
时间
- 花费
-
-
- 大西瓜
- 2023/7/29
- -2金币
+ 金币
+
+
+ 大西瓜
+ 2023/7/29
+ -2金币
+
+
@@ -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;
// }