feat: 生成照片的组件搭建

src/pages/index/components/module/GeneratorPhotoComponent/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
+    <!-- 占位撑开 -->
+    <view class="w-vw"></view>
+    <view class="content flex flex-col m-4 border-box rounded-24">
+      <view class="flex flex-col p-6 border-box flex-items-center justify-center">
+        <image class="w-full rounded-20" src="./images/g_image.png" mode="widthFix" />
+
+        <image class="g_title mt-20" src="./images/g_title.png"  />
+
+        <text class="font-size-14 font-400 color-white my-12 text-center">
+          生成合照写真，一键出片 \n
+          来到小七孔不打个卡再走吗？？？！！！
+        </text>
+
+        <view class="w-full border-box px-12 pb-8 flex flex-row">
+          <view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
+            <view class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
+              参加活动
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+  
+</template>
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>