diff --git a/package.json b/package.json index 982ab4d..0367124 100644 --- a/package.json +++ b/package.json @@ -54,6 +54,7 @@ "browser-image-compression": "^2.0.2", "clipboard": "^2.0.11", "dayjs": "^1.11.9", + "js-audio-recorder": "^1.0.7", "pinia": "2.0.33", "pinia-plugin-persistedstate": "^3.2.0", "uview-plus": "^3.1.34", diff --git a/src/assets/icon/db_fill.png b/src/assets/icon/db_fill.png new file mode 100644 index 0000000..a30095f Binary files /dev/null and b/src/assets/icon/db_fill.png differ diff --git a/src/assets/icon/u149.png b/src/assets/icon/u149.png new file mode 100644 index 0000000..f41cff1 Binary files /dev/null and b/src/assets/icon/u149.png differ diff --git a/src/assets/icon/u152.png b/src/assets/icon/u152.png new file mode 100644 index 0000000..5aa2f96 Binary files /dev/null and b/src/assets/icon/u152.png differ diff --git a/src/assets/video/1.mp4 b/src/assets/video/1.mp4 deleted file mode 100644 index 3f9fa93..0000000 Binary files a/src/assets/video/1.mp4 and /dev/null differ diff --git a/src/pages.json b/src/pages.json index 4546688..ded4082 100644 --- a/src/pages.json +++ b/src/pages.json @@ -48,6 +48,18 @@ "style": { "navigationBarTitleText": "购买金币" } + }, + { + "path": "pages/recorded/index", + "style": { + "navigationBarTitleText": "录音" + } + }, + { + "path": "pages/generateVideo/index", + "style": { + "navigationBarTitleText": "创建视频" + } } ], @@ -61,7 +73,7 @@ }, "globalStyle": { "navigationBarTextStyle": "black", - "navigationBarTitleText": "uni-app", + "navigationBarTitleText": "智像", "navigationBarBackgroundColor": "#FFF", "backgroundColor": "#FFF" } diff --git a/src/pages/generateVideo/index.vue b/src/pages/generateVideo/index.vue new file mode 100644 index 0000000..e7e4536 --- /dev/null +++ b/src/pages/generateVideo/index.vue @@ -0,0 +1,179 @@ + + + + + diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 233b06a..59e709d 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -8,6 +8,12 @@ loop :controls="false" /> + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/style/my.scss b/src/style/my.scss index 21d5d36..0ea4015 100644 --- a/src/style/my.scss +++ b/src/style/my.scss @@ -5,6 +5,7 @@ justify-content: center; padding: 20rpx; background-color: #fff; + font-size: 28rpx; // min-height: 100vh; } @@ -27,6 +28,11 @@ view { } } +// 按钮包裹盒子,控制按钮宽度 +.myBtnbox { + width: 50%; +} + // 主要文字颜色和图片颜色 // .imgggg { // color: #4452d7; diff --git a/yarn.lock b/yarn.lock index cfa20ef..0764f4c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3150,6 +3150,11 @@ jpeg-js@^0.3.4: resolved "https://registry.npmmirror.com/jpeg-js/-/jpeg-js-0.3.7.tgz#471a89d06011640592d314158608690172b1028d" integrity sha512-9IXdWudL61npZjvLuVe/ktHiA41iE8qFyLB+4VDTblEsWBzeg8WQTlktdUK4CdncUqtUgUg0bbOmTE2bKBKaBQ== +js-audio-recorder@^1.0.7: + version "1.0.7" + resolved "https://registry.npmmirror.com/js-audio-recorder/-/js-audio-recorder-1.0.7.tgz#01501cb9eb143d57994b42bd5ae97974fda18908" + integrity sha512-JiDODCElVHGrFyjGYwYyNi7zCbKk9va9C77w+zCPMmi4C6ix7zsX2h3ddHugmo4dOTOTCym9++b/wVW9nC0IaA== + js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"