新增页面

2024-02-05 22:22:37 +08:00
parent 2280c0518b
commit 2610f4e6f1
31 changed files with 1037 additions and 51 deletions
--- a/src/pages/home/subs/group/join.vue
+++ b/src/pages/home/subs/group/join.vue
@@ -0,0 +1,56 @@
+<template>
+  <view class='content card-view'>
+    <text class='title'>入群步骤</text>
+    <view class='indicator' />
+    <text class='step-title'>
+      1.长按识别下方二维码，添加【xxxx】
+    </text>
+    <view class='divider' style='margin-top: 28rpx' />
+    <image :src=' assetsUrl("test_qrcode.png")' />
+    <text class='step-title'>
+      2.识别【xxxx】发您的二维码，即可入群
+    </text>
+  </view>
+</template>
+
+<script lang='ts' setup>
+
+import { assetsUrl } from '@/utils/assets';
+</script>
+
+<style lang='scss' scoped>
+.content {
+  display: flex;
+  margin: 20rpx;
+  padding: 37rpx 20rpx 30rpx 20rpx;
+  justify-content: center;
+  align-items: center;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333333;
+}
+
+.indicator {
+  width: 72rpx;
+  height: 10rpx;
+  background: #333333;
+  border-radius: 50rpx;
+  margin-top: 10rpx;
+}
+
+.step-title {
+  font-size: 30rpx;
+  font-weight: 400;
+  color: #333333;
+  margin-top: 55rpx;
+}
+
+image {
+  width: 432rpx;
+  height: 432rpx;
+  margin-top: 67rpx;
+}
+</style>