瀏覽代碼

feature: 添加上传曲谱和保存曲谱点击按钮相关处理

Damon 1 年之前
父節點
當前提交
af26d641fe
共有 3 個文件被更改,包括 27 次插入12 次删除
  1. 9 1
      pages/piano/musicscore/musicscore.js
  2. 5 5
      pages/piano/musicscore/musicscore.wxml
  3. 13 6
      pages/piano/musicscore/musicscore.wxss

+ 9 - 1
pages/piano/musicscore/musicscore.js

@@ -10,7 +10,7 @@ Page({
       showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
       title: '曲谱', //导航栏 中间的标题
     },
-    
+
     topList: [{
       name: "图片4",
       image: "./../../../img/min.png",
@@ -33,6 +33,14 @@ Page({
 
   },
 
+  ///上传曲谱
+  upload: function (e) {
+
+  },
+
+  ///保存曲谱
+  save: function (e) {},
+
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

+ 5 - 5
pages/piano/musicscore/musicscore.wxml

@@ -11,14 +11,14 @@
           <view>{{item.name}}</view>
         </view>
       </view>
+      <view class="action_public center_public">
+        <view bind:tap="upload" class="action">上传曲谱</view>
+      </view>
     </view>
-    <view class="action_public bottom_public">
-      <view bind:tap="upload" class="action">上传曲谱</view>
-    </view>
-  </view>
 
+  </view>
 
-  <view class="action_public">
+  <view class="action_public bottom_public">
     <view bind:tap="save" class="action">保存曲谱</view>
   </view>
 </view>

+ 13 - 6
pages/piano/musicscore/musicscore.wxss

@@ -35,18 +35,25 @@
 }
 
 .action_public {
+  display: flex;
+}
+
+.center_public {
+  width: 50vw;
+  margin-left: 30rpx;
+  justify-content: start;
+}
+
+.bottom_public {
   position: fixed;
   bottom: 54rpx;
   width: 100vw;
-  display: flex;
   justify-content: center;
 }
 
-.bottom_public {
-  position: sticky;
-  justify-content: start;
-  width: 50vw;
-}
+/* .bottom_public {
+
+} */
 
 .action_public>view {
   display: flex;