yb9.0

pages-voice/addVoice.vue

@@ -0,0 +1,52 @@
+<template>
+    <view class="add-voice-page">
+        <view class="img-move-box">
+            <image :class="['img1',move1&&'move1']" src="./static/record-img.png" mode="widthFix" />
+            <image :class="['img1',move1&&'move2']" src="./static/record-img.png" mode="widthFix" />
+            <image :class="['img1',move1&&'move3']" src="./static/record-img.png" mode="widthFix" />
+        </view>
+          <div @click="move1=true">button</div>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            a:'a',
+            move1:false
+        }
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.img-move-box{
+    position: relative;
+    height: 200rpx;
+    .img1{
+        position: absolute;
+        width: 100vw;
+        transform: translateX(100vw);
+
+    }
+    .move1{
+        animation: move 30s linear infinite;
+    }
+    .move2{
+        animation: move 30s 10s linear infinite;
+    }
+    .move3{
+        animation: move 30s 20s linear infinite;
+    }
+
+    @keyframes move {
+        0%{
+            transform: translateX(100vw);
+        }
+        100%{
+            transform: translateX(-200vw);
+        }
+    }
+}
+</style>

pages.json

@@ -238,6 +238,18 @@
 					}
 				}
 			]
+		},
+		//语音播放模块
+		{
+			"root":"pages-voice",
+			"pages": [
+				{
+					"path": "addVoice",
+					"style":{
+						"navigationBarTitleText": "新建语音"
+					}
+				}
+			]
 		}
 	],