|
@@ -1,6 +1,24 @@
|
|
|
<template>
|
|
|
<div id="index_login_container" class="animation-slide-right">
|
|
|
<img src="https://img.shuimuai.com/web/none_page.png" alt="" class="cover">
|
|
|
+
|
|
|
+ <div class="video_container">
|
|
|
+ <div class="video_item">
|
|
|
+ <!-- 故事-->
|
|
|
+ <view class="padding-tb">
|
|
|
+ <text>水母星球IP故事</text>
|
|
|
+ </view>
|
|
|
+ <video src="https://img.shuimuai.com/mpapp/story.mp4"></video>
|
|
|
+ </div>
|
|
|
+ <div class="video_item">
|
|
|
+ <!-- 说明-->
|
|
|
+ <view class="padding-tb">
|
|
|
+ <text>水母星球产品使用说明</text>
|
|
|
+ </view>
|
|
|
+ <video src="https://img.shuimuai.com/mpapp/desc.mp4"></video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -9,12 +27,23 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
-#index_login_container{
|
|
|
- height: 812px;
|
|
|
+#index_login_container {
|
|
|
background-color: #31295B;
|
|
|
}
|
|
|
+
|
|
|
.cover {
|
|
|
width: 100%;
|
|
|
height: 667px;
|
|
|
}
|
|
|
+.video_container{
|
|
|
+ color: #ffffff;
|
|
|
+ padding: 10px 0px;
|
|
|
+}
|
|
|
+.video_item{
|
|
|
+ text-align: center;
|
|
|
+ margin: 10px 0px;
|
|
|
+}
|
|
|
+video{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
</style>
|