chore: initialize frontend repo with teaching terminology updates

Add the current frontend codebase with a baseline .gitignore and update piano-specific UI terms to teaching-oriented terms for the current product context. Made-with: Cursor
2026-04-23 16:37:14 +08:00
commit a661e439a0
216 changed files with 50419 additions and 0 deletions
@@ -0,0 +1,61 @@
+/**index.wxss**/
+
+.score {
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.score video {
+  width: 100%;
+  height: 640rpx;
+}
+
+
+.logo {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.logo image {
+  height: 320rpx;
+
+}
+
+.tools {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tools button {
+  margin: 20rpx;
+}
+
+
+.tip {
+  padding: 64rpx;
+  color: #999;
+}
+
+.footer {
+  padding: 32rpx 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.container .footer button {
+  margin: 20rpx;
+  width: 90%;
+  height: 96rpx;
+  line-height: 64rpx;
+}