add button image

pages/index/index.wxml

@@ -1,5 +1,5 @@
 <view class="page-container">
-  <video id="bg-video"
+  <video class="bg-video"
          src="http://exam.yinyue.click/sky.mp4"  
          loop
          muted
@@ -11,7 +11,11 @@
   <!-- 这里可以添加首页其他内容，比如标题、按钮等 -->
   <view class="content">
   <view class="xz_bg">
-    <image id='xz_xiannv' src="/images/xiannv2.png" mode=""/>
+    <image class='xz_xiannv' src="/images/xiannv2.png" mode=""/>
+    <image class='xz_lion' src="/images/lion1_yuhua.png" mode="" />
+    <image class='xz_juxie' src="/images/juxiezuo_yuhua.png" mode="" />
+    <image class='xz_sheshou' src="/images/sheshou_yuhua.png" mode="" />
+    <image class='xz_shuangyu' src="/images/shuangyu_yuhua.png" mode="" />
   </view>
   
     <text class="title"></text>

pages/index/index.wxss

@@ -5,7 +5,7 @@
   overflow: hidden;
 }
 
-#bg-video {
+.bg-video {
   position: absolute;
   top: 0;
   left: 0;
@@ -37,8 +37,39 @@
   justify-content: space-between; /* 项目之间有相等间距，两端贴边 */
   padding-top: 100rpx;
 }
-#xz_xiannv{
-  width: 300rpx;
-  height: 300rpx;
-  opacity: 60%;
+.xz_xiannv{
+  width: 400rpx;
+  height: 400rpx;
+  opacity: 95%;
+
+}
+.xz_lion{
+  width: 400rpx;
+  height: 400rpx;
+  opacity: 95%;
+  position: absolute;
+  top: 220rpx;   
+  left: 320rpx;
+}
+.xz_juxie{
+  width: 400rpx;
+  height: 400rpx;
+  opacity: 95%;
+  position: absolute;
+  top: 500rpx;
+}
+.xz_sheshou{
+  width: 400rpx;
+  height: 400rpx;
+  opacity: 95%;
+  position: absolute;
+  top: 700rpx;
+  left: 320rpx;
+}
+.xz_shuangyu{
+  width: 400rpx;
+  height: 400rpx;
+  opacity: 70%;
+  position: absolute;
+  top: 900rpx;
 }