初始化my文件

.gitignore

@@ -0,0 +1 @@
+node_modules/

App.vue

@@ -0,0 +1,68 @@
+<script>
+import http from '@/until/http.js';
+export default {
+	onLaunch: function () {
+		// this.getInfo()
+	},
+	onHide: function () {
+		uni.removeStorageSync('Theme_Data')
+	},
+	methods: {
+		async getInfo() {
+			http.get('/api/Theme/get_theme_data').then(response => {
+				const {
+					data,
+					code
+				} = response
+				if(code) {
+					if(data) {
+						uni.setStorageSync('Theme_Data',JSON.stringify(data))
+					} else {
+						uni.setStorageSync('Theme_Data','')
+					}
+				}
+			}).catch(error => {
+				uni.setStorageSync('Theme_Data','')
+			});
+		},
+	}
+}
+</script>
+
+<style lang="scss">
+@import '@/static/public.css';
+/*每个页面公共css */
+@import '@/uni_modules/uni-scss/index.scss';
+/* #ifndef APP-NVUE */
+@import '@/static/customicons.css';
+
+body {
+	background-color: transparent !important;
+}
+
+// 设置整个项目的背景色
+page {
+	background-color: transparent !important;
+	font-family: Source Han Sans CN, Source Han Sans CN;
+}
+
+img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+// 定制
+:root {
+  --primary-color: #FC7285;
+  --sub-color: #F0EEF7;
+  --subs-color: #FC7285;
+  --subss-color: #333333;
+  --warn-color:#F69627;
+  --font-button-color:#fff;
+  --font-flowbg-color:#fff;
+  --font-button-size:24rpx;
+  --font-button-size-p:28rpx;
+  /* tab图标 */
+  --tab-url:url('https://myh5.qixing2.top/image/tabline.png');
+}
+</style>

component/LevelProgress.vue

@@ -0,0 +1,128 @@
+<template>
+  <div class="level-container">
+    <!-- SVG 轨道 + 滤镜定义 -->
+    <svg class="level-svg" viewBox="0 0 500 150">
+      <!-- 高光滤镜定义 -->
+      <defs>
+        <filter id="glowFilter">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
+          <feColorMatrix type="matrix" values="
+                        1 0 0 0 0
+                        0 1 0 0 0
+                        0 0 1 0 0
+                        0 0 0 0.5 0" />
+          <feBlend in2="SourceGraphic" mode="normal" />
+        </filter>
+      </defs>
+
+      <!-- 绘制向上弯曲的轨道曲线 -->
+      <path class="track" d="M 50 75 
+                   Q 250 25 450 75" />
+			<template v-for="(ele,index) in lvList" :key="index">
+				<circle v-if="index === 0" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="50" cy="75" r="6" />
+				<circle v-if="index === 1" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="250" cy="50" r="8" fill="#fff"
+				  style="filter: drop-shadow(0 0 8px rgba(255,255,255,1));" />
+				  <circle v-if="index === 2" :class="ele.level === currentIndex ? 'highlight-dot' : 'normal-dot'" cx="450" cy="75" r="6" />
+			</template>     
+    </svg>
+	<template v-if="lvList && lvList.length">
+		<div v-for="(ele,index) in lvList" class="level-text" :class="`text-${index+1}`">{{`Lv.${ele.level}`}}</div>
+	</template>
+  </div>
+</template>
+<script>
+	export default {
+		props: {
+			lvList: {
+				type: Array,
+				default: () => [],
+			},
+			currentIndex:{
+				type: Number,
+				default: () => 0,
+			}
+		},
+	}
+
+</script>
+<style scoped>
+    .level-container {
+      position: relative;
+      width: 100%;
+      height: 110px;
+      /* 深色背景模拟原图 */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .level-svg {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+
+    /* 绘制曲线轨道 */
+    .track {
+      stroke: rgba(255, 255, 255, 0.3);
+      stroke-width: 2;
+      fill: none;
+      stroke-linecap: round;
+      filter: url(#glowFilter);
+      /* 应用高光滤镜 */
+    }
+
+    /* Lv.2 高光节点样式 */
+    .highlight-dot {
+      fill: #fff;
+      filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8));
+      /* 发光效果 */
+    }
+
+    /* 普通节点样式 */
+    .normal-dot {
+      fill: rgba(255, 255, 255, 0.3);
+    }
+
+    /* 文字样式 */
+    .level-text {
+      position: absolute;
+      color: #fff;
+      font-size: 14px;
+      bottom: 10px;
+    }
+
+    /* 文字位置 */
+    .text-1 {
+      left: 60rpx;
+    }
+
+    .text-2 {
+      /* left: 250px; */
+    }
+
+    .text-3 {
+      right: 60rpx;
+    }
+
+    /* SVG 高光滤镜定义 */
+    svg {
+      overflow: visible;
+    }
+
+    #glowFilter {
+      filterUnits: userSpaceOnUse;
+    }
+
+    #glowFilter feGaussianBlur {
+      stdDeviation: 3;
+      /* 高光模糊范围 */
+      result: blur;
+    }
+
+/*    #glowFilter feMerge {
+      <feMergeNode in="blur" /><feMergeNode in="SourceGraphic" />
+    } */
+</style>

component/MiddlePopup.vue

@@ -0,0 +1,50 @@
+<template>
+  <div v-if="isVisible" class="popup-container">
+    <div class="popup-content">
+      <slot></slot>
+      <!-- <button @click="closePopup">关闭</button> -->
+    </div>
+  </div>
+</template>
+ 
+<script>
+export default {
+  name: 'MiddlePopup',
+  data() {
+    return {
+      isVisible: false,
+    };
+  },
+  methods: {
+    openPopup() {
+      this.isVisible = true;
+      document.body.style.overflow = 'hidden'; // 防止页面滚动
+    },
+    closePopup() {
+      this.isVisible = false;
+      document.body.style.overflow = 'auto'; // 恢复页面滚动
+    }
+  }
+}
+</script>
+ 
+<style scoped>
+.popup-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 6;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.popup-content {
+  /* background-color: white; */
+  /* padding: 20px; */
+  /* border-radius: 8px; */
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+}
+</style>

component/avatar.vue

@@ -0,0 +1,94 @@
+<template>
+	<view class="container">
+		<!-- 用于放置VAP播放器的容器 -->
+		<view id="vapContainer"></view>
+		<!-- 用户头像，通过定位等方式与VAP容器重叠 -->
+		<!-- <image :src="avatarUrl" class="user-avatar" mode="aspectFill"></image> -->
+	</view>
+</template>
+
+<script>
+	// 引入 VAP 库
+	import Vap from 'video-animation-player';
+	import config from './demo.json';
+	import testVideo from '@/static/che.mp4';
+	export default {
+		props: {
+			avatarUrl: {
+				type: String,
+				default: () => "https://example.com/path/to/your/avatar.png",
+			},
+			videoUrl: {
+				type: String,
+				default: () => "",
+			}
+		},
+		data() {
+			return {
+				vapInstance: null ,
+				testUrl:testVideo
+			};
+		},
+		mounted() {
+			// 确保 DOM 已经渲染
+			this.$nextTick(() => {
+				this.initVap();
+			});
+		},
+		beforeDestroy() {
+			// 组件销毁时，务必销毁 VAP 实例以避免内存泄漏
+			if (this.vapInstance) {
+				this.vapInstance.destroy();
+			}
+		},
+		methods: {
+			initVap() {
+				// VAP 配置参数
+				const options = {
+					container: document.getElementById('vapContainer'), // 容器 DOM 元素
+					src: this.testUrl, // VAP 视频路径
+					config: config,
+					width: 200, // 宽度
+					height: 100, // 高度
+					loop: true, // 是否循环播放
+					mute: true, // 是否静音（通常头像框不需要声音）
+					accurate: false, // 是否启用精准模式
+
+				};
+				// 创建 VAP 实例并播放
+				this.vapInstance = new Vap(options);
+				this.vapInstance.play(); // 开始播放
+			}
+		}
+	};
+</script>
+
+<style>
+.container {
+  position: relative;
+  width: 300px;
+  height: 300px;
+  /* 其他样式 */
+}
+
+#vapContainer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1; /* 确保 VAP 视频层在上方 */
+}
+
+.user-avatar {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%); /* 居中 */
+  width: 150px; /* 根据你的 VAP 视频中预留的头像区域大小调整 */
+  height: 150px;
+  border-radius: 50%; /* 如果头像是圆形 */
+  z-index: 2; /* 头像在视频层下方 */
+  /* 其他样式 */
+}
+</style>

component/headerHeight.vue

@@ -0,0 +1,40 @@
+<template>
+	<view class="status-bar" :style="{ height: `${statusBarHeight}px`, backgroundColor : bgColor }">
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "headerHeight",
+		props: {
+			bgColor: {
+				type: String,
+				default: () => "transparent",
+			}
+		},
+		data() {
+			return {
+				statusBarHeight: 0
+			}
+		},
+		created() {
+			this.statusBarHeight = this.getStatusBarHeight()
+		},
+		activated() {
+			this.statusBarHeight = this.getStatusBarHeight()
+		},
+		methods: {
+			getStatusBarHeight() {
+				const systemInfo = uni.getSystemInfoSync(); // 获取系统信息
+				uni.setStorageSync('BarHeight', systemInfo.statusBarHeight)
+				return systemInfo.statusBarHeight || 0;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.status-bar {
+		width: 100%;
+	}
+</style>

component/nav.vue

@@ -0,0 +1,63 @@
+<template>
+	<view class="nav flex-line" :style="`background-color:${bgColor}`">
+		<view class="icon-image">
+			<slot v-if="isLeftSlot" name="leftView"></slot>
+			<img  v-else src="@/static/image/help/back.png" alt="" @click="back" />
+		</view>
+		<view class="color-3 title font-w500 font-36">
+			{{navTitle}}
+		</view>
+		<view class="flex-line">
+			<slot name="rightView"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "navBar",
+		props: {
+			bgColor: {
+				type: String,
+				default: () => "transparent",
+			},
+			navTitle: {
+				type: String,
+				default: () => "标题",
+			},
+			emitBack:{
+				type: Boolean,
+				default: () => false,
+			},
+			isLeftSlot:{
+				type: Boolean,
+				default: () => false,
+			}
+		},
+		methods:{
+			back(){
+				if(this.emitBack) {
+					this.$emit('backEvent')
+				} else {
+					uni.navigateBack()
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.nav {
+		padding: 32rpx;
+		width: calc(100% - 64rpx);
+		justify-content: start;
+		.icon-image {
+			width: 48rpx;
+			height: 48rpx;
+		}
+		.title {
+			width: calc(100% - 3rem);
+			text-align: center;
+		}
+	}
+</style>

component/newTable.vue

@@ -0,0 +1,217 @@
+<template>
+  <view class="container">
+    <!-- 表格区域 -->
+    <scroll-view 
+      scroll-y 
+      class="table-scroll" 
+      @scrolltolower="loadMore"
+      :style="{height: scrollHeight + 'px'}"
+    >
+      <!-- 表头 -->
+      <view class="table-header">
+        <view 
+          class="header-item time-col" 
+          @click="toggleSort"
+        >
+          <text>时间</text>
+        </view>
+        <view class="header-item">累计流水</view>
+        <view class="header-item">获得补贴</view>
+        <view class="header-item">状态</view>
+      </view>
+      <!-- 表格内容 -->
+      <view 
+        class="table-row" 
+        v-for="(item, index) in tableData" 
+        :key="index"
+      >
+        <view class="row-item time-col">{{ item.time }}</view>
+        <view class="row-item">{{ item.total_transaction }}</view>
+        <view class="row-item">{{ item.subsidy_amount }}</view>
+        <view class="row-item">
+          <text :class="`status-${item.status_str === '已发放'  ? 0 : 1}`">{{ item.status_str }}</text>
+        </view>
+      </view>
+      
+      <!-- 加载更多提示 -->
+      <view class="load-more">
+        <text v-if="loading">加载中...</text>
+        <text v-else-if="noMore">没有更多数据了</text>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+export default {
+		props: {
+			tableData: {
+				type: Array,
+				default: () => [],
+			}
+		},
+  data() {
+    return {
+      sortOrder: 'desc', // 排序方式 desc降序/asc升序
+      page: 1, // 当前页码
+      pageSize: 10, // 每页条数
+      loading: false, // 加载状态
+      noMore: false, // 是否没有更多数据
+      scrollHeight: 600 // 滚动区域高度，根据实际需要调整
+    }
+  },
+  created() {
+    // 获取设备高度，动态设置scroll-view高度
+    this.calculateScrollHeight();
+    // 初始化加载数据
+    // this.loadData();
+  },
+  methods: {
+    // 计算滚动区域高度
+    calculateScrollHeight() {
+      const systemInfo = uni.getSystemInfoSync();
+      this.scrollHeight = systemInfo.windowHeight - 50 - 67; // 减去表头高度
+    },
+    
+    // 切换排序
+    toggleSort() {
+      this.sortOrder = this.sortOrder === 'desc' ? 'asc' : 'desc';
+      this.page = 1; // 重置页码
+      this.tableData = []; // 清空数据
+      this.noMore = false;
+      this.loadData();
+    },
+    
+    // 加载数据
+    async loadData() {
+      if (this.loading || this.noMore) return;
+      
+      this.loading = true;
+      
+      try {
+        // 模拟API请求 - 实际项目中替换为真实接口
+        const mockData = this.getMockData(this.page, this.pageSize, this.sortOrder);
+        
+        if (mockData.length === 0) {
+          this.noMore = true;
+          return;
+        }
+        
+        if (this.page === 1) {
+          this.tableData = mockData;
+        } else {
+          this.tableData = [...this.tableData, ...mockData];
+        }
+        
+        this.page++;
+      } finally {
+        this.loading = false;
+      }
+    },
+    
+    // 加载更多
+    loadMore() {
+      this.loadData();
+    },
+    
+    // 模拟数据 - 实际项目中删除
+    getMockData(page, pageSize, sortOrder) {
+      if (page > 3) return []; // 模拟只有3页数据
+      
+      const data = [];
+      const now = new Date();
+      const statusOptions = [0, 1, 2]; // 0-待审核 1-已通过 2-已拒绝
+      
+      for (let i = 0; i < pageSize; i++) {
+        const days = (page - 1) * pageSize + i;
+        const date = new Date(now);
+        date.setDate(now.getDate() - days);
+        
+        data.push({
+          time: `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`,
+          amount: (Math.random() * 10000).toFixed(2),
+          subsidy: (Math.random() * 1000).toFixed(2),
+          status: statusOptions[Math.floor(Math.random() * statusOptions.length)]
+        });
+      }
+      
+      // 模拟排序
+      if (sortOrder === 'asc') {
+        return data.sort((a, b) => new Date(a.time) - new Date(b.time));
+      } else {
+        return data.sort((a, b) => new Date(b.time) - new Date(a.time));
+      }
+    },
+    
+    // 状态文本
+    getStatusText(status) {
+      const statusMap = {
+        0: '待审核',
+        1: '已通过',
+        2: '已拒绝'
+      };
+      return statusMap[status] || '未知';
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  /* padding: 20rpx; */
+  box-sizing: border-box;
+}
+
+.table-scroll {
+  width: 100%;
+  background-color: #fff;
+  border-radius: 10rpx;
+}
+
+.table-header, .table-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: 1rpx solid #f5f5f5;
+}
+
+.header-item, .row-item {
+  flex: 1;
+  padding: 20rpx 10rpx;
+  text-align: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.header-item {
+  font-weight: bold;
+  /* background-color: #f8f8f8; */
+}
+
+.time-col {
+  flex: 1.2;
+}
+
+.sort-icon {
+  display: inline-block;
+  margin-left: 10rpx;
+}
+
+.status-0 {
+  color: #999;
+}
+
+.status-1 {
+  color: var(--subss-color);
+}
+.status-2 {
+  color: #FA3534;
+}
+
+.load-more {
+  padding: 20rpx;
+  text-align: center;
+  font-size: 24rpx;
+  color: #999;
+}
+</style>

component/swiper.vue

@@ -0,0 +1,178 @@
+<template>
+	<view class="container">
+		<!-- 轮播图区域 -->
+		<swiper class="swiper" :current="currentIndex" @change="onSwiperChange" :previous-margin="previewMargin + 'px'"
+			:next-margin="previewMargin + 'px'" :circular="true" :autoplay="false">
+			<swiper-item v-for="(item, index) in list" :key="index" style="align-content: center;">
+				<view class="swiper-item" :class="{ active: currentIndex === index }" @click="handleClick(index)">
+					<image class="image" :src="item.image" />
+					<!-- <text class="title">{{ item.title }}</text> -->
+				</view>
+			</swiper-item>
+		</swiper>
+
+		<!-- 指示器 -->
+		<!--    <view class="indicators">
+      <view 
+        v-for="(item, index) in list" 
+        :key="index"
+        class="dot"
+        :class="{ active: currentIndex === index }"
+        @click="switchTo(index)"
+      ></view>
+    </view> -->
+
+		<!-- 控制按钮 -->
+		<!--    <view class="controls">
+      <button class="btn" @click="switchTo(currentIndex - 1)">上一张</button>
+      <button class="btn" @click="switchTo(2)">跳转到第3张</button>
+      <button class="btn" @click="switchTo(currentIndex + 1)">下一张</button>
+    </view> -->
+	</view>
+</template>
+
+<script>
+	import xinR from '@/static/image/grade/cf-xinren.png';
+	import fuH from '@/static/image/grade/cf-fuhao.png';
+	import xingJ from '@/static/image/grade/cf-xingjue.png';
+	import xingH from '@/static/image/grade/cf-xinghou.png';
+	import xingW from '@/static/image/grade/cf-xingwang.png';
+	export default {
+		data() {
+			return {
+				currentIndex: 0,
+				previewMargin: 30, // 左右露出的边距（单位px）
+				list: [{
+						id: 1,
+						title: '图片1',
+						image: xinR
+					},
+					{
+						id: 2,
+						title: '图片2',
+						image: fuH
+					},
+					{
+						id: 3,
+						title: '图片3',
+						image: xingJ
+					},
+					{
+						id: 4,
+						title: '图片4',
+						image: xingH
+					},
+					{
+						id: 5,
+						title: '图片5',
+						image: xingW
+					}
+				]
+			}
+		},
+		methods: {
+			// 切换轮播图
+			switchTo(index) {
+				if (index < 0) index = this.list.length - 1;
+				if (index >= this.list.length) index = 0;
+				this.currentIndex = index;
+			},
+
+			// 轮播图切换事件
+			onSwiperChange(e) {
+				this.currentIndex = e.detail.current;
+			},
+
+			// 点击轮播项
+			handleClick(index) {
+				console.log('点击了第', index + 1, '张');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.container {
+		padding: 20px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.swiper {
+		height: 300rpx;
+		width: 100%;
+	}
+
+	.swiper-item {
+		height: 266rpx;
+		border-radius: 30rpx;
+		overflow: hidden;
+		/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
+		transition: all 0.3s ease;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		
+	}
+
+	.swiper-item.active {
+		height: 266rpx;
+		border-radius: 30rpx;
+		transform: scale(1.05);
+	}
+
+	img {
+		border-radius: 30rpx !important;
+	}
+
+	.image {
+		flex: 1;
+		width: 92%;
+		height: 90%;
+		border-radius: 30rpx;
+	}
+
+	.title {
+		padding: 8px;
+		text-align: center;
+		background: rgba(0, 0, 0, 0.6);
+		color: white;
+		font-size: 14px;
+	}
+
+	.indicators {
+		display: flex;
+		justify-content: center;
+		margin: 15px 0;
+	}
+
+	.dot {
+		width: 8px;
+		height: 8px;
+		border-radius: 50%;
+		background-color: #ccc;
+		margin: 0 5px;
+	}
+
+	.dot.active {
+		background-color: #007AFF;
+		transform: scale(1.3);
+	}
+
+	.controls {
+		display: flex;
+		justify-content: space-around;
+		width: 100%;
+		margin-top: 20px;
+	}
+
+	.btn {
+		padding: 6px 12px;
+		font-size: 14px;
+		background-color: #007AFF;
+		color: white;
+		border-radius: 4px;
+	}
+</style>

component/tab.vue

@@ -0,0 +1,187 @@
+<template>
+	<div class="navigation-container">
+		<!-- 导航栏 -->
+		<div class="nav-tabs">
+			<div v-for="(tab, index) in tabs" :key="index" :class="['nav-tab', { active: activeTab === index }]"
+				@click="switchTab(index)">
+				{{ tab.value }}
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "NavigationTabs",
+		props: {
+			// 外部传入的标签数据
+			tabsData: {
+				type: Array,
+				default: () => [],
+			},
+			// 默认激活的标签索引
+			defaultActive: {
+				type: Number,
+				default: 0,
+			},
+		},
+		data() {
+			return {
+				activeTab: this.defaultActive,
+				// 默认标签数据
+				defaultTabs: [{
+						key: "created",
+						label: "我创建的",
+						title: "我创建的内容",
+						content: "这里显示您创建的所有内容和项目。",
+					},
+					{
+						key: "hosted",
+						label: "我主持的",
+						title: "我主持的内容",
+						content: "这里显示您正在主持的活动和会议。",
+					},
+					{
+						key: "managed",
+						label: "我管理的",
+						title: "我管理的内容",
+						content: "这里显示您管理的团队和资源。",
+					},
+					{
+						key: "focused",
+						label: "我关注的",
+						title: "我关注的内容",
+						content: "这里显示您关注的话题和动态。",
+					},
+				],
+			};
+		},
+		computed: {
+			// 使用外部数据或默认数据
+			tabs() {
+				return this.tabsData.length > 0 ? this.tabsData : this.defaultTabs;
+			},
+		},
+		watch: {
+			// 监听外部传入的默认激活标签变化
+			defaultActive: {
+				handler(newVal) {
+					this.activeTab = newVal;
+				},
+				immediate: true,
+			},
+		},
+		methods: {
+			// 切换标签
+			switchTab(index) {
+				if (index !== this.activeTab) {
+					this.activeTab = index;
+					// 向父组件发射事件
+					this.$emit("tab-change", {
+						index: index,
+						tab: this.tabs[index],
+					});
+				}
+			},
+			// 获取当前激活的标签数据
+			getCurrentTab() {
+				return this.tabs[this.activeTab];
+			},
+			// 程序化切换到指定标签
+			setActiveTab(index) {
+				if (index >= 0 && index < this.tabs.length) {
+					this.switchTab(index);
+				}
+			},
+		},
+		mounted() {
+			// 组件挂载后发射初始状态
+			this.$emit("tab-change", {
+				index: this.activeTab,
+				tab: this.tabs[this.activeTab],
+			});
+		},
+	};
+</script>
+
+<style scoped>
+	.navigation-container {
+		width: 100%;
+		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+			"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+	}
+
+	/* 导航栏样式 */
+	.nav-tabs {
+		display: flex;
+		font-size: 24rpx;
+		overflow-x: auto;
+		scrollbar-width: none;
+	}
+
+	.nav-tab {
+		flex: 1;
+		text-align: center;
+		cursor: pointer;
+		/* transition: all 0.3s ease; */
+		border-radius: 6px;
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #666666;
+		position: relative;
+		user-select: none;
+		white-space: nowrap;
+		 margin: auto 10rpx;
+		 font-family: Source Han Sans CN, Source Han Sans CN;
+	}
+
+	.nav-tab:hover {
+		/* background-color: rgba(255, 255, 255, 0.3); */
+		color: #1a4332;
+	}
+
+	.nav-tab.active {
+		color: #333333;
+		font-size: 32rpx; 
+		font-weight: 500;
+		z-index: 5;
+	}
+
+	.nav-tab.active::after {
+		content: "";
+		position: absolute;
+		bottom: 14rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 80%;
+		height: 16rpx;
+		background-image: var(--tab-url);
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		border-radius: 1px;
+		z-index: -10;
+		border-radius: 10rpx;
+	}
+
+	@media (max-width: 480px) {
+		.nav-tabs {
+			/* padding: 2px; */
+		}
+
+		.nav-tab {
+			padding: 8px 4px;
+			font-size: 12px;
+		}
+	}
+/* 	@keyframes fadeIn {
+		from {
+			opacity: 0;
+			transform: translateY(10px);
+		}
+
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	} */
+</style>

component/table.vue

@@ -0,0 +1,76 @@
+<template>
+  <view class="table">
+    <!-- 表头 -->
+    <view class="tr header">
+      <view class="th" :style="{'width': col.width}" v-for="col in columns" :key="col.key">{{ col.title }}</view>
+    </view>
+    
+    <!-- 数据行 -->
+    <view class="tr" v-for="(item, index) in tableData" :key="index">
+      <view class="td color-6" style="display: inline-flex;align-items: center;
+    justify-content: flex-start;" v-for="col in columns"  :style="{'width': col.width}"  :key="col.key">
+       <span class="truncate"> {{ item[col.key] }} </span>
+		<img style="width: 20rpx;height: 20rpx;margin-left: 10rpx;" v-if="col.key === 'earnings'" :src="icon" alt="" />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+	import ZS from '@/static/image/income/zuanshi.png';
+export default {
+	props: {
+		// 外部传入的标签数据
+		tableData: {},
+		tableLabel:[]
+	},
+  data() {
+    return {
+	  icon:ZS,
+      columns: []
+    }
+  },
+  created() {
+	if(this.tableLabel && this.tableLabel.length) {
+		this.columns = [...this.tableLabel]
+	} else {
+		this.columns = [
+        { title: '昵称', key: 'nickname', width: '50%' },
+        { title: '时间', key: 'createtime', width: '50%' },
+      ]
+	}
+   }
+}
+</script>
+
+<style scoped>
+.table {
+  width: 100%;
+  font-size: 14px;
+}
+
+.tr {
+  display: flex;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.header {
+  /* background-color: #f5f7fa; */
+  font-weight: bold;
+  color: #6A2E00;
+}
+
+.th, .td {
+  padding: 12px 10px;
+  box-sizing: border-box;
+}
+
+/* 动态设置列宽 */
+/* .th:nth-child(1), .td:nth-child(1) { width: 50%; }
+.th:nth-child(2), .td:nth-child(2) { width: 50%; }
+.th:nth-child(3), .td:nth-child(3) { width: 20%; }
+.th:nth-child(4), .td:nth-child(4) { 
+  width: 20%;
+  text-align: center;
+} */
+</style>

component/uploadImage.vue

@@ -0,0 +1,109 @@
+<template>
+	<uni-file-picker ref="filePicker" return-type="array" :limit="1" v-model="fileList" fileMediatype="image" mode="grid" :auto-upload="false" @select="select"
+		@progress="progress" @success="success" @fail="fail"></uni-file-picker>
+</template>
+
+<script>
+	// import config from '@/until/config.js';
+	export default {
+		data() {
+			return {
+				httpUrl: 'https://my.qixing2.top',
+				fileList: []
+			}
+		},
+		watch:{
+			fileList(val){
+				this.$emit('changeImageList',this.fileList)
+			}
+		},
+		// onLoad() {
+		// 	this.httpUrl = config.BASE_URL
+		// },
+		methods: {
+			// 选择文件回调
+			select(e) {
+				this.tempFiles = e.tempFiles // 临时存储选择的文件
+				if (!this.tempFiles || this.tempFiles.length === 0) {
+					uni.showToast({
+						title: '请先选择文件',
+						icon: 'none'
+					})
+					return
+				}
+				// 遍历所有选择的文件
+				this.tempFiles.forEach(file => {
+					this.uploadFile(file)
+				})
+				// const platform = uni.getSystemInfoSync().platform;
+				// if (platform === 'ios') {
+				// this.tempFiles = e.tempFiles // 临时存储选择的文件
+				// if (!this.tempFiles || this.tempFiles.length === 0) {
+				// 	uni.showToast({
+				// 		title: '请先选择文件',
+				// 		icon: 'none'
+				// 	})
+				// 	return
+				// }
+				// // 遍历所有选择的文件
+				// this.tempFiles.forEach(file => {
+				// 	this.uploadFile(file)
+				// })
+				// } else if (platform === 'android') {
+				// 	// alert(e)
+				// 	// console.log('安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android安卓android')
+				// 	uni.chooseImage({
+				// 	    success: (chooseImageRes) => {
+				// 	        const tempFilePaths = chooseImageRes.tempFilePaths;
+				// 			// alert(tempFilePaths[0])
+				// 			// debugger
+				// 			this.uploadFile(tempFilePaths[0])
+				// 	    }
+				// 	});		
+				// }
+
+			},
+			uploadFile(file) {
+				uni.uploadFile({
+					url: `${this.httpUrl}/adminapi/UploadFile/file_upload`,
+					filePath: file.path,
+					name: 'files',
+					success: (uploadRes) => {
+						const {code,data} = JSON.parse(uploadRes.data)
+						if(code) {
+							this.fileList.push({
+								tempFile: data,
+								tempFilePath: data.url,
+								res: JSON.parse(uploadRes.data)
+							})
+							// console.log(this.fileList)
+							this.$emit('changeImageList',this.fileList)
+						}
+
+					}
+				})
+			},
+
+			// 上传成功回调
+			success(e) {
+				console.log('上传成功', e)
+			},
+
+			// 上传失败回调
+			fail(e) {
+				console.log('上传失败', e)
+			},
+
+			// 上传进度回调
+			progress(e) {
+				console.log('上传进度', e)
+			},
+			clearImage(){
+				this.fileList = []
+			}
+		}
+	}
+</script>
+
+<style>
+</style>

index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
+<style>
+  body { background-color: transparent !important; }
+  .uni-app { background-color: transparent; }
+</style>
+
+
+
+

main.js

@@ -0,0 +1,27 @@
+
+// #ifndef VUE3
+import Vue from 'vue'
+import App from './App'
+import config from '@/until/config.js'
+Vue.config.productionTip = false
+
+App.mpType = 'app'
+Vue.prototype.$config = config;
+const app = new Vue({
+    ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+import config from '@/until/config.js'
+import App from './App.vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  app.config.globalProperties.$config = config
+  return {
+    app
+  }
+}
+// #endif

manifest.json

@@ -0,0 +1,93 @@
+{
+    "name" : "Vespa",
+    "appid" : "__UNI__A4B5AED",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        "background" : "transparent", // 关键配置
+        "backgroundColor" : "#00000000",
+        "webview" : {
+            "transparent" : "always" // 确保 Webview 透明
+        },
+        "packOptions" : {
+            "ignore" : [
+                {
+                    "type" : "folder",
+                    "value" : "node_modules"
+                }
+            ]
+        },
+        /* 5+App特有相关 */
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler" : "uni-app",
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {},
+        /* 模块配置 */
+        "distribute" : {
+            /* 应用发布信息 */
+            "android" : {
+                /* android打包配置 */
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.INTERNET\" />"
+                ]
+            },
+            "ios" : {},
+            /* ios打包配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* SDK配置 */
+    "quickapp" : {},
+    /* 快应用特有相关 */
+    "mp-weixin" : {
+        /* 小程序特有相关 */
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "h5" : {
+        "devServer" : {
+            "port" : 8080, //浏览器运行端口
+            "disableHostCheck" : true, //设置跳过host检查
+            "proxy" : {
+                "/api" : {
+                    "target" : "https://my.qixing2.top", //目标接口域名
+                    "changeOrigin" : true, //是否跨域
+                    "secure" : false, // 设置支持https协议的代理
+                    "pathRewrite" : {
+                        "^/api" : ""
+                    }
+                }
+            }
+        },
+        "router" : {
+            "base" : "/web"
+        }
+    },
+    "vueVersion" : "3"
+}

package-lock.json

@@ -0,0 +1,657 @@
+{
+  "name": "fanyin-h5",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "axios": "^1.9.0",
+        "video-animation-player": "^1.0.5",
+        "vue-i18n": "^11.1.5"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.27.4.tgz",
+      "integrity": "sha512-BRmLHGwpUqLFR2jzx9orBuX/ABDkj2jLKOXrHDTN2aOKL+jFDDKaRNo9nyYsIl9h/UE/7lMKdDjKQQyxKKDZ7g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.27.3.tgz",
+      "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.1.5.tgz",
+      "integrity": "sha512-xGRkISwV/2Trqb8yVQevlHm5roaQqy+75qwUzEQrviaQF0o4c5VDhjBW7WEGEoKFx09HSgq7NkvK/DAyuerTDg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "11.1.5",
+        "@intlify/shared": "11.1.5"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.1.5.tgz",
+      "integrity": "sha512-YLSBbjD7qUdShe3ZAat9Hnf9E8FRpN6qmNFD/x5Xg5JVXjsks0kJ90Zj6aAuyoppJQA/YJdWZ8/bB7k3dg2TjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "11.1.5",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-11.1.5.tgz",
+      "integrity": "sha512-+I4vRzHm38VjLr/CAciEPJhGYFzWWW4HMTm+6H3WqknXLh0ozNX9oC8ogMUwTSXYR/wGUb1/lTpNziiCH5MybQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.16.tgz",
+      "integrity": "sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.27.2",
+        "@vue/shared": "3.5.16",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.16.tgz",
+      "integrity": "sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.5.16",
+        "@vue/shared": "3.5.16"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.16.tgz",
+      "integrity": "sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.27.2",
+        "@vue/compiler-core": "3.5.16",
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/compiler-ssr": "3.5.16",
+        "@vue/shared": "3.5.16",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.17",
+        "postcss": "^8.5.3",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz",
+      "integrity": "sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/shared": "3.5.16"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.16.tgz",
+      "integrity": "sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/shared": "3.5.16"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.16.tgz",
+      "integrity": "sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.16",
+        "@vue/shared": "3.5.16"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.16.tgz",
+      "integrity": "sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.16",
+        "@vue/runtime-core": "3.5.16",
+        "@vue/shared": "3.5.16",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.16.tgz",
+      "integrity": "sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.16",
+        "@vue/shared": "3.5.16"
+      },
+      "peerDependencies": {
+        "vue": "3.5.16"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.16.tgz",
+      "integrity": "sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/postcss": {
+      "version": "8.5.4",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.4.tgz",
+      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/video-animation-player": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/video-animation-player/-/video-animation-player-1.0.5.tgz",
+      "integrity": "sha512-KLz+uL6zojOYXEPFxL2AB0iKSLHnmKQPBnXmFWHpGtAdB6/j9EWCbWcUDCg0KVOBTFRHa2UfiSNK0y1I+LEfpA==",
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.16.tgz",
+      "integrity": "sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/compiler-sfc": "3.5.16",
+        "@vue/runtime-dom": "3.5.16",
+        "@vue/server-renderer": "3.5.16",
+        "@vue/shared": "3.5.16"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.1.5.tgz",
+      "integrity": "sha512-XCwuaEA5AF97g1frvH/EI1zI9uo1XKTf2/OCFgts7NvUWRsjlgeHPrkJV+a3gpzai2pC4quZ4AnOHFO8QK9hsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.1.5",
+        "@intlify/shared": "11.1.5",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "axios": "^1.9.0",
+    "video-animation-player": "^1.0.5",
+    "vue-i18n": "^11.1.5"
+  }
+}

pages.json

@@ -0,0 +1,202 @@
+{
+	"pages": [{
+			"path": "pages/union/index",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会中心"
+			}
+		},
+		{
+			"path": "pages/union/detail",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会详情",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/roomAndflow",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会房间及流水",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/unionMembers",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会成员",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/exitApplication",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "退出审核",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/subsidy",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会补贴",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/historyRecord",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "公会补贴历史记录",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/union/setGroup",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "群聊设置"
+			}
+		},
+		{
+			"path": "pages/union/memberList",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "群聊成员"
+			}
+		},
+		{
+			"path": "pages/other/taskDesc",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "规则说明",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+
+			}
+		},
+		{
+			"path": "pages/prop/propMall",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "道具商城"
+			}
+		},
+		{
+			"path": "pages/other/grade",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "等级"
+			}
+		},
+		{
+			"path": "pages/other/gradeRule",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "等级规则",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/other/income",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "邀请收益"
+			}
+		}, {
+			"path": "pages/feedback/help",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "帮助与反馈",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/feedback/customerService",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "在线客服",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/feedback/feedback",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "反馈问题",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/feedback/teenage",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "青少年"
+			}
+		},
+		{
+			"path": "pages/feedback/teenageDetail",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "青少年详情",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/feedback/problemDetail",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "问题详情",
+				"app-plus": {
+					"popGesture": "none" // 禁用 iOS 左滑返回
+				}
+			}
+		},
+		{
+			"path": "pages/feedback/report",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "举报"
+			}
+		},
+		{
+			"path": "pages/other/aboutUs",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "关于我们"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "transparent"
+	}
+}

pages/feedback/customerService.vue

@@ -0,0 +1,42 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'在线客服'" :emitBack="false">
+		</navBar>
+		<view class="">
+			<img :src="$config.kefu_url" alt="" />
+		</view>
+	</view>
+</template>
+
+<script>
+	import navBar from '@/component/nav.vue';
+	export default {
+		components: {
+			navBar
+		},
+		data() {
+			return {
+				statusBarHeight:0
+			}
+		},
+		onLoad(options) {
+			const {
+				h
+			} = options
+			this.statusBarHeight = h
+			uni.setStorageSync('BarHeight', h)
+			if(uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		width: 100vw;
+		min-height: 100vh;
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+	}
+</style>

pages/feedback/feedback.vue

@@ -0,0 +1,388 @@
+<template>
+	<view class="view-page">
+		<headerHeight bgColor="#fff" />
+		<navBar :navTitle="footerIndex ? '反馈列表' : '反馈问题'" bgColor="#fff">
+		</navBar>
+		<view class="container" v-if="!errorPage">
+			<view v-if="footerIndex === 0">
+				<view class="">
+					<view class="title font-32 color-3 font-w500">
+						问题描述
+					</view>
+					<view class="textarea-view">
+						<textarea v-model="description" placeholder-style="color:#666" placeholder="请输入问题描述" />
+					</view>
+				</view>
+				<view class="" style="margin-top: 24rpx;">
+					<view class="title font-32 color-3 font-w500">
+						问题截图（选填）
+					</view>
+					<view class="textarea-view">
+						<uploadImage @changeImageList="successUpload" ref="uploadImage"></uploadImage>
+					</view>
+				</view>
+				<view class="" style="margin-top: 24rpx;">
+					<view class="title font-32 color-3 font-w500">
+						联系电话（选填）
+					</view>
+					<view class="textarea-view">
+						<input v-model="phone" class="uni-input" type="number" placeholder="请输入联系电话" />
+					</view>
+				</view>
+				<view class="flex-line confirm-view">
+					<view class="confirm-button color-3 font-28" @click="submit">
+						提交
+					</view>
+				</view>
+			</view>
+			<view v-if="footerIndex === 1">
+				<view v-if="dataList && dataList.length">
+					<view class="feed-box" v-for="item in dataList" :key="item.id">
+						<view class="box-top-line">
+							<view v-if="item.image" class="new-box-image">
+								<img :src="item.image" alt="" />
+							</view>
+							<view :class="item.image ? 'ml-20 text-content-image' : 'text-content'">
+								<view class="color-6 font-28 multi-line w-fill">
+									{{item.content}}
+								</view>
+								<view class="font-24 color-9 mt-24">
+									{{item.updatetime}}
+								</view>
+								<!-- -->
+								<img v-if="item.is_deal === 2"
+									style="width: 100rpx;height: 100rpx;position: absolute; right: 5%;bottom: 2%;"
+									:src="icon" alt="" />
+							</view>
+						</view>
+					</view>
+
+				</view>
+				<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
+			</view>
+		</view>
+		<view v-else class="">
+			暂无身份信息
+		</view>
+		<view class="footer flex-line">
+			<view class="footer-button flex-line" @click="operate(index)" v-for="(item,index) in footerList"
+				:key="index">
+				<view class="icon">
+					<uni-icons :type="item.icon" :color="footerIndex === index ? $config.BASR_COLOR : '#333'"
+						size="20"></uni-icons>
+				</view>
+				<view :class="footerIndex === index ? 'active' : ''" class="title ml-6 color-3 font-28 font-w400">
+					{{item.title}}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import uploadImage from '@/component/uploadImage.vue'
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png';
+	import Icon from '@/static/image/help/yichuli.png'
+	export default {
+		components: {
+			headerHeight,
+			navBar,
+			uploadImage
+		},
+		data() {
+			return {
+				logo,
+				icon: Icon,
+				footerList: [{
+						title: '意见反馈',
+						icon: 'mail-open'
+					},
+					{
+						title: '我的反馈',
+						icon: 'person'
+					}
+				],
+				pageConfig: {
+					pageSize: 5,
+					currentPage: 1,
+					total: 0
+				},
+				footerIndex: 0,
+				loading: false,
+				errorPage: false,
+				total: 0,
+				last_page: 0,
+				page: 1,
+				limit: 10,
+				dataList: [],
+				phone: '',
+				description: '',
+				uploadResult: "", // 上传结果
+				noMore: true
+			}
+		},
+		onLoad(options) {
+			const {
+				id
+			} = options
+			uni.setStorageSync('token', id)
+			this.errorPage = id ? false : true
+		},
+		onReachBottom() {
+			if (!this.loading && !this.noMore) {
+				this.getUserFeedList()
+			}
+		},
+		methods: {
+			back() {
+				uni.navigateBack()
+			},
+			successUpload(list) {
+				const imageList = list.map(ele => {
+					return ele.tempFilePath
+				})
+				if (imageList && imageList.length) {
+					this.uploadResult = imageList.join(',')
+				} else {
+					this.uploadResult = ""
+				}
+			},
+			operate(index) {
+				if (index) {
+					this.pageConfig.currentPage = 1
+					this.dataList = []
+					this.getUserFeedList()
+				}
+				setTimeout(() => {
+					this.footerIndex = index
+				}, 500)
+			},
+			async getUserFeedList() {
+				await http.get('/api/Suggest/my_suggest', {
+					token: uni.getStorageSync('token'),
+					page: this.pageConfig.currentPage,
+					page_limit: this.pageConfig.pageSize
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.pageConfig.total = data.count
+						this.loading = false
+						const newData = data.list || []
+						if (newData.length === 0) {
+							this.noMore = true
+							return
+						}
+						this.dataList = [...this.dataList, ...newData]
+						this.pageConfig.currentPage++
+						if (this.dataList.length === this.pageConfig.total) {
+							this.noMore = true
+							return
+						}
+					}
+				})
+			},
+			submit() {
+				if (!uni.getStorageSync('token')) {
+					uni.showToast({
+						title: "暂无用户身份信息",
+						icon: 'none'
+					});
+					return
+				}
+				if (this.description === '') {
+					uni.showToast({
+						title: "请输入问题描述",
+						icon: 'none'
+					});
+					return
+				}
+				const parameter = {
+					token: uni.getStorageSync('token'),
+					image: this.uploadResult,
+					content: this.description,
+					tell: this.phone
+				}
+				uni.showLoading({
+					title: '提交中',
+					mask: true
+				})
+				http.post('/api/Suggest/create_suggest', parameter).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						setTimeout(() => {
+							uni.hideLoading()
+							uni.showToast({
+								title: "提交成功",
+								icon: 'none',
+								mask: true
+							});
+							this.description = ''
+							this.phone = ''
+							this.uploadResult = ""
+							this.$refs.uploadImage.clearImage()
+							this.operate(1)
+						}, 1000)
+					} else {
+						uni.showToast({
+							title: "提交失败",
+							icon: 'error'
+						});
+						uni.hideLoading()
+					}
+
+				}).catch(error => {
+					uni.showToast({
+						title: "提交失败",
+						icon: 'error'
+					});
+					uni.hideLoading()
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		// padding: 32rpx;
+		width: 100vw;
+		min-height: 100vh;
+		background-color: #F8F8F8;
+
+		.text-content-image {
+			width: calc(100% - 260rpx);
+			position: relative;
+			display: inline-flex;
+			flex-wrap: wrap;
+			align-content: space-between;
+		}
+
+		.text-content {
+			width: 100%;
+			position: relative;
+			display: inline-flex;
+			flex-wrap: wrap;
+			align-content: space-between;
+		}
+
+		.footer {
+			width: 100%;
+			height: 98rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx -6rpx 8rpx 0rpx rgba(222, 222, 222, 0.25);
+			position: fixed;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			width: 100%;
+			justify-content: space-around;
+
+			.footer-button {
+				.icon {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.title {}
+			}
+
+			.active {
+				color: var(--primary-color);
+			}
+		}
+
+		.status-bar {
+			background-color: #fff;
+		}
+
+		.nav {
+			padding: 32rpx;
+			width: calc(100% - 64rpx);
+			justify-content: start;
+			background-color: #fff;
+
+			.icon-image {
+				width: 48rpx;
+				height: 48rpx;
+			}
+
+			.title {
+				width: calc(100% - 48rpx);
+				text-align: center;
+			}
+		}
+
+		.container {
+			padding: 24rpx 32rpx;
+
+			.feed-box {
+				padding: 24rpx;
+				background-color: #fff;
+				border-radius: 22rpx;
+				margin-bottom: 24rpx;
+				width: calc(100% - 48rpx);
+
+				.box-top-line {
+					width: 100%;
+					display: inline-flex;
+					justify-content: flex-start;
+					position: relative;
+				}
+
+				.new-box-image {
+					width: 240rpx;
+					height: 184rpx;
+					border-radius: 12rpx;
+
+					img {
+						border-radius: 12rpx;
+					}
+				}
+			}
+
+			.title {
+				margin-bottom: 24rpx;
+			}
+
+			.textarea-view {
+				padding: 24rpx;
+				background-color: #fff;
+				border-radius: 22rpx;
+
+				.image-upload {
+					width: 200rpx;
+					height: 200rpx;
+					border-radius: 20rpx;
+				}
+			}
+
+			.confirm-view {
+				justify-content: center;
+				margin: 48rpx 0;
+				width: 100%;
+
+				.confirm-button {
+					width: 600rpx;
+					height: 84rpx;
+					background: var(--primary-color);
+					font-size: var(--font-button-size);
+					color: var(--font-button-color);
+					border-radius: 106rpx;
+					display: inline-flex;
+					justify-content: center;
+					align-items: center;
+				}
+			}
+
+		}
+	}
+</style>

pages/feedback/help.vue

@@ -0,0 +1,308 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<!-- <headerHeight /> -->
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'帮助与反馈'" :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="content">
+			<view class="top-tip flex-line flex-spaceB">
+				<view class="">
+					<view class="tip">
+						Hi，有什么可以帮你
+					</view>
+					<view class="color-6 font-24 font-w400">
+						尽全力，帮助你
+					</view>
+				</view>
+				<view class="kefu-icon">
+					<img src="@/static/image/help/kefu.png" alt="" />
+				</view>
+			</view>
+			<view class="problem-view">
+				<view class="problem-box" v-for="(item,index) in problemList" :key="index">
+					<view class="box-title color-0 font-w500 font-32">
+						{{!item.id ? item.title : `${typeData?.type_name}相关问题`}}
+					</view>
+					<view class="box-content" v-if="item.list && item.list.length !== 0">
+						<template v-if="item.id">
+							<view class="flex-line box-line box-lines" v-for="(ele,eleIndex) in item.list"
+								@click="jumpPage(ele)">
+								<view class="title">
+									<template v-if="item.id">
+										{{ele.title}}
+									</template>
+								</view>
+								<view class="">
+									<uni-icons v-if="item.id" type="right" size="14"
+										color="rgb(153, 153, 153)"></uni-icons>
+								</view>
+							</view>
+						</template>
+						<uni-data-select class="box-line" v-else v-model="typeId" :clear="false" :localdata="item.list"
+							@change="changeType"></uni-data-select>
+					</view>
+					<view v-else class="">
+						<uni-load-more status="noMore"></uni-load-more>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="footer flex-line">
+			<view class="footer-button flex-line" @click="operate(index)" v-for="(item,index) in footerList"
+				:key="index">
+				<view class="icon">
+					<img :src="item.icon" alt="" />
+				</view>
+				<view class="title ml-6 color-3 font-28 font-w400">
+					{{item.title}}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import keFuImg from '@/static/image/help/Headphone.png';
+	import fkImg from '@/static/image/help/fankui.png';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				statusBarHeight:0,
+				problemList: [{
+						title: '问题分类',
+						id: 0,
+						list: [{
+							title: '全部问题'
+						}]
+					},
+					{
+						title: '常见问题',
+						id: 1,
+						list: []
+					}
+				],
+				footerList: [{
+						title: '在线客服',
+						icon: keFuImg
+					},
+					{
+						title: '意见反馈',
+						icon: fkImg
+					}
+				],
+				page: 1,
+				limit: 10,
+				typeData: null,
+				typeId: null,
+				ThemeData:null
+			}
+		},
+		onLoad(options) {
+			const {
+				id,h
+			} = options
+			uni.setStorageSync('token', id)
+			if (uni.getStorageSync('token')) this.getHelpList()
+			this.statusBarHeight = h
+			uni.setStorageSync('BarHeight', h)
+			if(uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		methods: {
+			async getHelpList() {
+				http.get('/api/Help/help_type', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.problemList[0].list = data.map(ele => {
+							return {
+								...ele,
+								text: `${ele.type_name}的相关问题`,
+								value: ele.id
+							}
+						})
+						this.typeId = data.length ? data[0].id : null
+						this.typeData = data.length ? data[0] : null
+					}
+					this.$nextTick(() => {
+						this.getProblemList(this.typeId)
+					})
+					this.errorPage = false
+				}).catch(error => {
+					this.errorPage = true
+				});
+			},
+			async getProblemList(id) {
+				http.get('/api/Help/help_list', {
+					token: uni.getStorageSync('token') || '',
+					type: id,
+					page: this.page,
+					page_limit: this.limit
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.problemList[1].list = data
+					}
+				})
+			},
+			changeType(ele) {
+				// console.log(ele)
+				this.typeId = ele
+				this.typeData = this.problemList[0].list.filter(ele => {return this.typeId === ele.id})[0]
+				this.getProblemList(this.typeId)
+				this.problemList[1].list = []
+			},
+			jumpPage(data) {
+				uni.navigateTo({
+					url: `/pages/feedback/problemDetail?id=${data.id}`
+				});
+			},
+			operate(index) {
+				if (index) {
+					// 意见反馈
+					uni.navigateTo({
+						url: `/pages/feedback/feedback?id=${uni.getStorageSync('token')}`
+					});
+				} else {
+					// 在线客服
+					uni.navigateTo({
+						url: `/pages/feedback/customerService?h=${this.statusBarHeight}`
+					});
+					// const platform = uni.getSystemInfoSync().platform;
+					// // console.log(platform, '打印设备参数')
+					// if (platform === 'ios') {
+					// 	console.log('调用iOS原生方法')
+					// 	// 通过 messageHandlers 调用 iOS 原生方法
+					// 	window.webkit.messageHandlers.nativeHandler.postMessage({
+					// 		'action': 'customerService'
+					// 	});
+					// } else if (platform === 'android') {
+					// 	console.log('调用Android原生方法')
+					// 	// 调用 Android 原生方法
+					// 	window.Android.customerService();
+
+					// }
+				}
+			},
+			back() {
+				this.closeWeb()
+			},
+			closeWeb() {
+				// 关闭页面
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					window.Android.closeWeb();
+
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	::v-deep .uni-select {
+		border: 0 !important;
+		padding: 0;
+	}
+
+	.view-page {
+		// padding: 32rpx;
+		width: 100vw;
+		height: 100vh;
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+
+
+		.top-tip {
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			margin: 36rpx 0;
+			padding: 32rpx;
+			width: calc(100% - 64rpx);
+
+			.tip {
+				font-weight: 500;
+				font-size: 36rpx;
+				color: #333333;
+
+			}
+
+			.kefu-icon {
+				width: 218rpx;
+				height: 218rpx;
+			}
+		}
+
+		.problem-view {
+			padding: 0 24rpx;
+
+			.problem-box {
+				font-family: Source Han Sans CN, Source Han Sans CN;
+
+				.box-title {
+					padding: 24rpx 0;
+				}
+
+				.box-content {
+
+					.box-line,
+					.box-lines {
+						// width: calc(100% - 48rpx);
+						width: 100%;
+						padding: 18rpx 24rpx;
+						background-color: #fff;
+						border-radius: 14rpx;
+						margin-bottom: 24rpx;
+						justify-content: space-between;
+
+						.title {
+							color: #3a3a3a;
+							font-size: 24rpx;
+						}
+					}
+
+					.box-lines {
+						width: calc(100% - 48rpx);
+					}
+				}
+			}
+		}
+
+		.footer {
+			width: 100%;
+			height: 98rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx -6rpx 8rpx 0rpx rgba(222, 222, 222, 0.25);
+			position: fixed;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			width: 100%;
+			justify-content: space-around;
+
+			.footer-button {
+				.icon {
+					width: 48rpx;
+					height: 48rpx;
+				}
+			}
+		}
+	}
+</style>

pages/feedback/problemDetail.vue

@@ -0,0 +1,136 @@
+<template>
+	<view class="view-page">
+		<headerHeight />
+		<navBar :navTitle="'问题详情'" bgColor="#fff" :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="container" v-if="detailData">
+			<view class="title">
+				{{detailData.title}}
+			</view>
+			<view class="title mt-24" v-html="detailData.content">
+
+			</view>
+		</view>
+		<view class="flex-line footer mt-24 w-fill">
+			<view class="help-box">
+				<view class="help-icon">
+					<uni-icons type="hand-up" size="30"></uni-icons>
+				</view>
+				<view class="color-0 mt-24 font-24">
+					有帮助
+				</view>
+			</view>
+			<view class="help-box">
+				<view class="help-icon">
+					<uni-icons type="hand-down" size="30"></uni-icons>
+				</view>
+				<view class="color-0 mt-24 font-24">
+					没帮助
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/until/http.js';
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				errorPage: false,
+				detailData: null,
+				statusBarHeight:0
+			}
+		},
+		onLoad(options) {
+			const {
+				id
+			} = options
+			if (id) this.getDetail(id)
+		},
+		methods: {
+			getDetail(id) {
+				http.get('/api/Help/help_detail', {
+					token: uni.getStorageSync('token') || '',
+					id: id
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					console.log(code, data)
+					this.detailData = code ? data : null
+					this.errorPage = false
+				}).catch(error => {
+					this.errorPage = true
+				});
+			},
+			back() {
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		width: 100vw;
+		min-height: 100vh;
+		background-color: #F8F8F8;
+		.status-bar{
+			background-color: #fff;
+		}
+		.nav {
+			padding: 32rpx;
+			width: calc(100% - 64rpx);
+			justify-content: start;
+			background-color: #fff;
+
+			.icon-image {
+				width: 48rpx;
+				height: 48rpx;
+			}
+
+			.title {
+				width: calc(100% - 48rpx);
+				text-align: center;
+			}
+		}
+
+		.container {
+			padding: 24rpx 32rpx;
+
+			.title {
+				background-color: #fff;
+				border-radius: 14rpx;
+				padding: 14rpx 24rpx;
+			}
+		}
+
+		.footer {
+			display: inline-flex;
+			justify-items: center;
+			justify-content: space-evenly;
+			align-items: center;
+			.help-box {
+				text-align: center;
+				.help-icon {
+					width: 100rpx;
+					height: 100rpx;
+					background: #EFF2F8;
+					border-radius: 50%;
+					display: inline-flex;
+					justify-items: center;
+					justify-content: center;
+					align-items: center;
+				}
+			}
+		}
+	}
+</style>

pages/feedback/report.vue

@@ -0,0 +1,217 @@
+<template>
+	<view class="view-page">
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}"
+			:navTitle="'举报'" bgColor="#fff" :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="content">
+			<uni-forms ref="baseForm" :modelValue="formData" label-position="top">
+				<uni-forms-item label="举报类型" required>
+					<view class="view-picker">
+						<view class="uni-list-cell">
+							<view class="uni-list-cell-db">
+								<picker @change="bindPickerChange" :value="typeIndex" :range="array">
+									<view class="uni-input">{{array[typeIndex]}}</view>
+								</picker>
+							</view>
+						</view>
+					</view>
+				</uni-forms-item>
+				<uni-forms-item label="举报原因" required>
+					<view class="">
+						<uni-easyinput type="textarea" autoHeight v-model="formData.content"
+							placeholder="请输入举报原因"></uni-easyinput>
+					</view>
+				</uni-forms-item>
+			</uni-forms>
+			<view class="view-picker">
+				<uploadImage ref="uploadImage" @changeImageList="successUpload"></uploadImage>
+				<!-- <uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker> -->
+			</view>
+			<view class="flex-line w-fill mt-24 color-3" style="justify-content: center;">
+				<view class="comfirmButton flex-line" @click="comfirm">
+					确认举报
+				</view>
+			</view>
+		</view>
+		<uni-popup ref="message" type="message">
+			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logout from '@/static/image/union/logout.png'
+	import logo from '@/static/image/logo.png';
+	import uploadImage from '@/component/uploadImage.vue'
+	export default {
+		components: {
+			headerHeight,
+			uploadImage,
+			navBar
+		},
+		data() {
+			return {
+				formData: {
+					content: ""
+				},
+				optionsProps: {
+
+				},
+				array: [],
+				typeList: [],
+				statusBarHeight: 0,
+				typeIndex: 0,
+				messageText: "",
+				msgType: "success"
+			}
+		},
+		watch: {
+			typeIndex(val) {
+				console.log(val)
+			}
+		},
+		onLoad(options) {
+			// fromType 1-用户，2房间，3动态  fromId对应的id
+			const {
+				id,
+				fromType,
+				fromId,
+				h
+			} = options
+			this.optionsProps = {
+				id,
+				fromType,
+				fromId
+			}
+			uni.setStorageSync('token', id)
+			this.statusBarHeight = h
+			uni.setStorageSync('BarHeight', h)
+			if (uni.getStorageSync('token')) {
+				this.getTypeList()
+			}
+		},
+		methods: {
+			back() {
+				this.closeWeb()
+			},
+			closeWeb() {
+				// 关闭页面
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					window.Android.closeWeb();
+
+				}
+			},
+			async getTypeList() {
+				http.get('/api/Report/report_type_list', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						code,
+						data
+					} = response
+					this.typeList = data
+					this.array = data.map(ele => {
+						return ele.type
+					})
+					this.typeIndex = 0
+				})
+			},
+			bindPickerChange({
+				detail
+			}) {
+				// console.log()
+				this.typeIndex = detail.value
+			},
+			comfirm() {
+				const formData = {
+					type_id: this.typeList[this.typeIndex].id,
+					report_type: this.optionsProps.fromType || 1,
+					content: this.formData.content || '',
+					image: this.formData.image,
+					from_id: this.optionsProps.fromId || ""
+				}
+				http.post('/api/Report/report', {
+					...formData,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code,
+						msg
+					} = response
+					if (code) {
+						this.messageText = `提交成功`
+						this.$refs.message.open()
+						this.msgType = 'success'
+						this.formData = {
+							content: "",
+							image: "",
+						}
+						this.$refs.uploadImage.clearImage()
+					} else {
+						this.messageText = msg
+						this.msgType = 'error'
+						this.$refs.message.open()
+					}
+				})
+			},
+			successUpload(list) {
+				const imageList = list.map(ele => {
+					return ele.tempFilePath
+				})
+				if (imageList && imageList.length) {
+					this.formData.image = imageList.join(',')
+				} else {
+					this.formData.image = ""
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	::v-deep .is-input-border {
+		border: 0;
+		border-radius: 22rpx;
+	}
+
+	.view-page {
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		display: flex;
+		flex-direction: column;
+		background-color: #f8f8f8;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		min-height: 100vh;
+
+		.content {
+			padding: 0 24rpx;
+			margin-top: 24rpx;
+
+			.view-picker {
+				background-color: #fff;
+				padding: 21rpx;
+				border-radius: 14rpx;
+			}
+
+			.comfirmButton {
+				width: 600rpx;
+				height: 84rpx;
+				background: var(--primary-color);
+				font-size: var(--font-button-size);
+				color: var(--font-button-color);
+				border-radius: 106rpx;
+				justify-content: center;
+			}
+		}
+	}
+</style>

pages/feedback/teenage.vue

@@ -0,0 +1,187 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<navBar  :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'青少年模式'" :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="content-view">
+			<view class="flex-line">
+				<NavigationTabs :tabs-data="tabs" :default-active="currentIndex" @tab-change="handleTabChange">
+				</NavigationTabs>
+			</view>
+			<view class="">
+				<view class="flex-line flex-spaceB w-fill new-box" v-for="(item, index) in dataList" :key="index" @click="openDetail(item)">
+					<view class="">
+						<view class="color-3 font-32 font-w500">
+							{{ item.title }}
+						</view>
+						<view class="color-6 mt-24 font-28 font-w400 multi-line">
+							{{ item.introduced }}
+						</view>
+					</view>
+					<view class="new-box-image">
+						<img :src="item.img" alt="" />
+					</view>
+				</view>
+				<uni-load-more class="mt-24" :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+import http from '@/until/http.js';
+import navBar from '@/component/nav.vue';
+import NavigationTabs from '@/component/tab.vue';
+export default {
+	components: {
+		navBar,
+		NavigationTabs
+	},
+	data() {
+		return {
+			errorPage: true,
+			currentIndex: 0,
+			statusBarHeight:0,
+			pageConfig: {
+				pageSize: 10,
+				currentPage: 1,
+				total: 0
+			},
+			loading: false,
+			noMore: false,
+			tabs: [],
+			dataList: [],
+			ThemeData: null
+		}
+	},
+	onReachBottom() {
+		if (!this.loading && !this.noMore) {
+			this.getUnderageModeList(this.tabs[0].type)
+		}
+	},
+	onLoad(options) {
+		this.errorPage = true
+		this.dataList = []
+		const {
+			id,
+			h
+		} = options
+		uni.setStorageSync('token', id)
+		this.statusBarHeight = h
+		uni.setStorageSync('BarHeight', h)
+		if (uni.getStorageSync('token')) this.getUnderageTypeList()
+		if (uni.getStorageSync('Theme_Data')) {
+			this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+		}
+	},
+	methods: {
+		back() {
+			this.closeWeb()
+		},
+		closeWeb() {
+			const platform = uni.getSystemInfoSync().platform;
+			if (platform === 'ios') {
+				window.webkit.messageHandlers.nativeHandler.postMessage({
+					'action': 'closeWeb'
+				});
+			} else if (platform === 'android') {
+				window.Android.closeWeb();
+			}
+		},
+		async getUnderageTypeList() {
+			http.get('/api/Usermode/getUnderageTypeList', {
+				token: uni.getStorageSync('token') || ''
+			}).then(response => {
+				const {
+					data,
+					code
+				} = response
+				if (code) {
+					this.tabs = data.map(ele => {
+						return {
+							type: ele.id,
+							value: ele.type_name
+						}
+					})
+				}
+				this.errorPage = false
+				this.$nextTick(() => {
+					this.getUnderageModeList(this.tabs[0].type)
+				})
+			}).catch(error => {
+				this.tabs = []
+				this.errorPage = true
+			});
+		},
+		async getUnderageModeList(type) {
+			http.get('/api/Usermode/getUnderageModeList', {
+				token: uni.getStorageSync('token') || '',
+				type: type,
+				page: this.pageConfig.currentPage,
+				page_limit: this.pageConfig.pageSize
+			}).then(response => {
+				const {
+					code,
+					data
+				} = response
+				if (code) {
+					this.pageConfig.total = data.total
+					this.loading = false
+					const newData = data.data || []
+					if (newData.length === 0) {
+						this.noMore = true
+						return
+					}
+					this.dataList = [...this.dataList, ...newData]
+					this.pageConfig.currentPage++
+					if (this.dataList.length === this.pageConfig.total) {
+						this.noMore = true
+						return
+					}
+				}
+			})
+		},
+		handleTabChange(data) {
+			this.dataList = []
+			this.noMore = false
+			this.loading = false
+			this.pageConfig.currentPage = 1
+			this.pageConfig.pageSize = 10
+			this.getUnderageModeList(data.tab.type)
+		},
+		openDetail(data){
+			uni.navigateTo({
+				url: `/pages/feedback/teenageDetail?dataId=${data.id}`
+			});
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.view-page {
+	// padding: 32rpx;
+	background: linear-gradient(180deg, #B3FAEB 2%, #FFFFFF 40%);
+	background-size: 100% 100%;
+	min-height: 100vh;
+
+	.content-view {
+		padding: 0 32rpx;
+	}
+
+	.new-box {
+		margin-top: 32rpx;
+
+		.new-box-image {
+			width: 240rpx;
+			height: 144rpx;
+			border-radius: 12rpx;
+
+			img {
+				border-radius: 12rpx;
+			}
+		}
+	}
+
+}
+</style>

pages/feedback/teenageDetail.vue

@@ -0,0 +1,111 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="'内容详情'">
+		</navBar>
+		<template v-if="detailData">
+			<view class="" v-if="detailData.from === 2">
+				<iframe id="myIframe" :src="detailData.url" style="width: 100%;border: none;height: 100dvh;"></iframe>
+				<!-- <web-view :src="detailData.url"></web-view> -->
+			</view>
+			<view class="detailContent" v-else>
+				<!-- from 1站内 2 外链 -->
+			
+				<view class="">
+					<view class="detailTitle">
+						{{detailData.title}}
+					</view>
+					<!-- 内容 -->
+					<view class="detailData" v-html="detailData.content || ''">
+					</view>
+				</view>
+			</view>
+		</template>
+
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				detailData: null,
+				ThemeData: null,
+				BarHeight:0
+			}
+		},
+		onLoad(options) {
+			const {
+				dataId
+			} = options
+			if (dataId) {
+				this.getDetail(dataId)
+			}
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+			this.BarHeight = uni.getStorageSync('BarHeight')
+		},
+		methods: {
+			// 获取公会信息
+			async getDetail(Id) {
+				uni.showLoading({
+					mask: true,
+					title: '加载中'
+				})
+				http.get('/api/Usermode/getUnderageModeContent', {
+					id: Id,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					uni.hideLoading()
+					const {
+						data,
+						code
+					} = response
+					this.detailData = code ? data : null
+					console.log(this.detailData)
+				})
+			},
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		// padding: 32rpx;
+		display: flex;
+		flex-direction: column;
+		background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		min-height: 100vh;
+
+		.detailContent {
+			padding: 0 32rpx;
+			flex: 1;
+			/* 关键：撑满剩余空间 */
+			overflow: auto;
+
+			/* 允许内容滚动 */
+			.detailTitle {
+				font-size: 32rpx;
+				font-weight: 700;
+				color: #333;
+				line-height: 1.4;
+				padding-bottom: 48rpx;
+				text-align: center;
+			}
+			.detailData{
+				padding: 0 32rpx;
+			}
+		}
+	}
+</style>

pages/other/aboutUs.vue

@@ -0,0 +1,73 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<!-- <headerHeight /> -->
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="dec-view">
+			<web-view :src="`${httpUrl}/api/Page/page_show?id=20`"></web-view>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	import config from '@/until/config.js';
+	import navBar from '@/component/nav.vue';
+	export default {
+		components: {
+			navBar
+		},
+		data() {
+			return {
+				statusBarHeight:0,
+				ThemeData:null,
+				httpUrl:null
+			}
+		},
+		onLoad(options) {
+			this.httpUrl = config.BASE_URL
+			const {
+				h
+			} = options
+			this.statusBarHeight = h
+			if(uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		methods: {
+			back() {
+				this.closeWeb()
+			},
+			closeWeb(){
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					window.Android.closeWeb();
+				}
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.view-page {
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		img{
+		   width: 100%;
+		}
+		.dec-view {
+			min-height: calc(99vh - 160rpx);
+			position: relative;
+			border-radius: 16rpx;
+			margin: 24rpx;
+
+		}
+	}
+</style>

pages/other/grade.vue

@@ -0,0 +1,490 @@
+<template>
+	<view class="view-page" v-if="levelActiveData">
+		<view class="top-view">
+			<view class="navbar" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
+				<view class="">
+					<img @click="closeWeb" class="icon-image" src="@/static/image/grade/back.png" alt="" />
+					<!-- <img v-else class="icon-image" src="@/static/image/grade/back1.png" alt="" /> -->
+				</view>
+				<view class="tab">
+					<view @click="cutTabPage(0)" :class="currentIndex == 0 ? 'active' : ''">
+						财富等级
+					</view>
+					<view @click="cutTabPage(1)" :class="currentIndex == 1 ? 'active' : ''">
+						魅力等级
+					</view>
+				</view>
+				<view class="" @click="jumpGradeRule">
+					<img class="icon-image" src="@/static/image/grade/Question.png" alt="" />
+				</view>
+			</view>
+			<view class="swiper-view" v-if="levelActiveData.length">
+				<view class="swiper-image" :style="{ 'background-image' : `url('${levelActiveData[0].bg_image}')` }">
+					<view class="view-level">
+						<view class="">
+							<view class="level-str" :style="{textShadow : `0px 0px 5px ${levelActiveData[0].color}`}">
+								{{levelActiveData[0].name}}
+							</view>
+							<view class="color-9 flex-line" style="font-size: 20rpx;">
+								<span
+									style="white-space: nowrap">{{`lv.${levelActiveData[0].level}`}}</span><progress
+									style="width: 200rpx;margin: 0 24rpx;" :border-radius="52" :percent="3"
+									:activeColor="levelActiveData[0].color" stroke-width="3" />
+								<span
+									style="white-space: nowrap">{{`lv.${nextLevelData[0].level}`}}</span>
+							</view>
+							<view class="color-9 mt-24" style="font-size: 20rpx;">
+								距离下一个段位还差{{detailData.user.next_exp}}经验值
+							</view>
+
+						</view>
+						<view  v-if="currentIndex == 1" style="width: 196rpx;height: 196rpx;">
+							<img :src="levelActiveData[0].rights_icon" alt="" />
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 0 -->
+			<view class="LevelProgress-view">
+				<LevelProgress :currentIndex="levelCurrent" :lvList="levelList" />
+			</view>
+			<!--  -->
+			<view class="business-wrap">
+				<view class="w-fill flex-line business-card">
+					<view class="">
+						<view class="font-36 color-0D">
+							{{detailData.user.exp || 0}}
+						</view>
+						<view class="font-24 color-f">
+							当前经验
+						</view>
+					</view>
+					<view class="head-sculpture">
+						<img :src="detailData.user.user_avatar || logo" alt="" />
+					</view>
+					<view class="">
+						<view class="font-36 color-0D">
+							{{detailData.user.next_exp}}
+						</view>
+						<view class="font-24 color-f">
+							下个等级
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 每日奖励等 -->
+		<view class="content-view">
+			<template v-if="!currentIndex">
+				<!-- 				<view class="card-view">
+					<view class="card-title color-3 font-32 font-w500">
+						每日奖励
+					</view>
+					<view class="card-body flex-line">
+						<view class="coin">
+							<img src="@/static/image/grade/coin.png" alt="" />
+						</view>
+						<view class="flex-line w-fill" style="justify-content: space-around;">
+							<view class="font-28 color-3">
+								<view class="">
+									段位达到富豪8
+								</view>
+								<view class="">
+									可每日领取金币
+								</view>
+							</view>
+							<view class="receive-button flex-line color-3 font-24">
+								立即领取
+							</view>
+						</view>
+					</view>
+				</view> -->
+				<!-- <Canvans /> -->
+				<view class="card-view" v-if="detailData.privilege">
+					<view class="card-title color-3 font-32 font-w500">
+						财富特权
+					</view>
+					<!-- 容器使用 Flex 布局并允许换行 -->
+					<view class="flex-container" v-if="detailData.privilege && detailData.privilege.length">
+						<!-- 循环生成子元素 -->
+						<view v-for="(item, index) in detailData.privilege" :key="index" class="flex-item">
+							<view class="image">
+								<img :src="item.base_image || logo" alt="" />
+							</view>
+							<view class="color-3 font-28 title truncate">
+								{{item.title}}
+							</view>
+							<view class="font-24 color-9">
+								{{item.name}}
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+			<template v-else>
+				<view class="card-view" v-if="detailData.privilege">
+					<view class="card-title color-3 font-32 font-w500">
+						等级图标
+					</view>
+					<!-- 容器使用 Flex 布局并允许换行 -->
+					<view class="flex-container" v-if="detailData.privilege && detailData.privilege.length">
+						<!-- 循环生成子元素 -->
+						<view v-for="(item, index) in detailData.privilege" :key="index" class="flex-item">
+							<view class="image">
+								<img :src="item.rights_icon || logo" alt="" />
+							</view>
+							<view class="font-24 color-9">
+								{{item.name}}
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png';
+	import SwiperView from '@/component/swiper.vue';
+	import headerHeight from '@/component/headerHeight.vue';
+	import LevelProgress from '@/component/LevelProgress.vue'
+	export default {
+		components: {
+			headerHeight,
+			SwiperView,
+			LevelProgress
+		},
+		data() {
+			return {
+				logo,
+				detailData: null,
+				statusBarHeight: 0,
+				errorPage: true,
+				tabs: [],
+				listData: [],
+				currentIndex: 0,
+				levelActiveData: null,
+				levelList: [],
+				levelCurrent: 0,
+				nextLevelData: null,
+				currentSelectedLevel: 2,
+			}
+		},
+		onLoad(options) {
+			this.errorPage = true
+			const {
+				id,
+				type,
+				h
+			} = options
+			this.currentIndex = type !== undefined ? +type : 0
+			uni.setStorageSync('token', id)
+			this.statusBarHeight = h
+			uni.setStorageSync('BarHeight', h)
+			if (uni.getStorageSync('token')) this.getData()
+		},
+		methods: {
+			getData() {
+				this.levelActiveData = []
+				if (this.currentIndex) {
+					// 魅力等级
+					this.getCharmLevel()
+				} else {
+					// 财富等级
+					this.getWealthLevel()
+				}
+			},
+			jumpGradeRule() {
+				uni.navigateTo({
+					url: `/pages/other/gradeRule?flag=${this.currentIndex}&h=${this.statusBarHeight}`
+				});
+			},
+			cutTabPage(index) {
+				this.currentIndex = index
+				this.getData()
+			},
+			async getCharmLevel() {
+				http.get('/api/Level/get_level_rule', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						// console.log(data)
+						this.detailData = data
+						this.levelList = data.level.map(ele => {
+							return {
+								...ele,
+								title: ele.name
+							}
+						})
+						this.levelCurrent = data.user.level
+						this.nextLevelData = data.level.filter(ele => {
+							return ele.level === data.user.level + 1
+						})
+						this.levelActiveData = data.level.filter(ele => {
+							return ele.level === data.user.level
+						})
+					}
+
+					this.errorPage = false
+				}).catch(error => {
+					this.errorPage = true
+				});
+			},
+			closeWeb() {
+				// 关闭页面
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					window.Android.closeWeb();
+
+				}
+			},
+			async getWealthLevel() {
+				http.get('/api/Level/get_wealth_rule', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.detailData = data
+						this.levelList = data.level.map(ele => {
+							return {
+								...ele,
+								title: ele.name
+							}
+						})
+						this.levelCurrent = data.user.level
+						this.nextLevelData = data.level.filter(ele => {
+							return ele.level === data.user.level + 1
+						})
+						this.levelActiveData = data.level.filter(ele => {
+							return ele.level === data.user.level
+						})
+					}
+					this.errorPage = false
+				}).catch(error => {
+					this.errorPage = true
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@font-face {
+		font-family: 'MyCustomFont';
+		src: url('@/static/youshe.ttf') format('truetype');
+	}
+
+	.level-str {
+		font-family: 'MyCustomFont', sans-serif;
+		font-weight: 400;
+		font-size: 60rpx;
+		color: #FFFFFF;
+		font-style: normal;
+		text-transform: none;
+		text-align: left;
+	}
+
+	.view-page {
+		width: 100vw;
+		height: 100vh;
+		overflow-x: hidden;
+		background: #F3F5F9;
+		display: inline-flex;
+		flex-wrap: wrap;
+
+		.LevelProgress-view {
+			font-family: Avenir, Helvetica, Arial, sans-serif;
+			-webkit-font-smoothing: antialiased;
+			-moz-osx-font-smoothing: grayscale;
+			text-align: center;
+			color: #fff;
+			/* 整体字体颜色 */
+			// margin-top: 60px;
+			// background-color: #000; /* 模拟背景 */
+			// min-height: 100vh;
+			display: flex;
+			width: 100%;
+			flex-direction: column;
+			align-items: center;
+			justify-content: flex-start;
+		}
+
+		.top-view {
+			width: 100vw;
+			min-height: 50vh;
+			background-image: url('@/static/image/grade/Maskgroupx.png');
+			background-repeat: no-repeat;
+
+			.navbar {
+				display: inline-flex;
+				justify-content: space-around;
+				align-items: center;
+				height: 96rpx;
+				width: 100%;
+
+				.icon-image {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.tab {
+					display: inline-flex;
+					align-items: center;
+
+					view {
+						padding: 0 24rpx;
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: rgba(255, 255, 255, 0.7);
+					}
+
+					.active {
+						font-weight: 500;
+						// font-size: 36rpx;
+						color: #FFFFFF;
+					}
+				}
+
+			}
+
+			.swiper-view {
+				width: 100%;
+				display: inline-flex;
+				justify-content: center;
+
+				.swiper-image {
+					width: 80%;
+					height: 266rpx;
+					background-repeat: no-repeat;
+					background-size: 100%;
+					margin-top: 24rpx;
+					display: inline-flex;
+					justify-content: center;
+
+					.view-level {
+						width: 93%;
+						display: inline-flex;
+						align-items: center;
+						justify-content: space-between;
+
+						.icon {
+							width: 220rpx;
+							height: 156rpx;
+						}
+					}
+
+				}
+			}
+			.business-wrap{
+				text-align: center;
+				padding-top: 50rpx;
+			}
+			.business-card {
+				justify-content: space-between;
+				align-items: flex-end;
+				// margin: 0 50rpx 0;
+width: 90%;
+				view {
+					text-align: center;
+				}
+
+				.head-sculpture {
+					width: 122rpx;
+					height: 122rpx;
+					border-radius: 50%;
+
+					img {
+						border-radius: 50%;
+					}
+				}
+			}
+
+
+		}
+
+		.content-view {
+			min-height: 46vh;
+			width: 100%;
+			padding: 0 32rpx;
+
+			.card-view {
+
+				// padding: 24rpx 0;
+				.card-title {
+					padding: 24rpx 0;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+				}
+
+				.card-body {
+					width: 100%;
+					min-height: 154rpx;
+					background-color: #fff;
+					border-radius: 20rpx;
+
+					.coin {
+						height: 134rpx;
+						width: 180rpx;
+						margin: 0 20rpx;
+					}
+
+					.receive-button {
+						width: 172rpx;
+						height: 56rpx;
+						background: #0DFFB9;
+						border-radius: 106rpx 106rpx 106rpx 106rpx;
+						justify-content: center;
+					}
+				}
+
+				.flex-container {
+					display: flex;
+					/* 启用 Flex 布局 */
+					flex-wrap: wrap;
+					/* 允许换行 */
+				}
+
+				.flex-item {
+					flex: 0 0 calc(25% - 10px);
+					/* 基础宽度25% 减去间隔 */
+					margin: 5px;
+					min-height: 260rpx;
+					padding: 20rpx 0;
+					/* 元素间距 */
+					box-sizing: border-box;
+					/* 包含内边距和边框 */
+					border-radius: 14rpx;
+					/* 样式美化（可选） */
+					background-color: #fff;
+					// padding: 20rpx;
+					text-align: center;
+					.image{
+						width: 100%;
+						height: 60%;
+						margin-bottom: 14rpx;
+						img{
+							width: 80%;
+						}
+					}
+					.title{
+						max-width: 60px;
+					}
+				}
+			}
+		}
+
+	}
+</style>

pages/other/gradeRule.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
+		</navBar>
+		<view class="dec-view" v-if="flagIndex !== null">
+			<web-view :src="`${httpUrl}/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	import navBar from '@/component/nav.vue';
+	import config from '@/until/config.js';
+	export default {
+		components: {
+			navBar
+		},
+		data() {
+			return {
+				httpUrl: null,
+				statusBarHeight: 0,
+				flagIndex: null,
+				ThemeData: null
+			}
+		},
+		onLoad(options) {
+			const {
+				h,
+				flag
+			} = options
+			this.flagIndex = +flag
+			this.httpUrl = config.BASE_URL
+			this.statusBarHeight = h
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.view-page {
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+
+		img {
+			width: 100%;
+		}
+
+		.dec-view {
+			min-height: calc(99vh - 160rpx);
+			position: relative;
+			border-radius: 16rpx;
+			margin: 24rpx;
+
+		}
+	}
+</style>

pages/other/income.vue

@@ -0,0 +1,665 @@
+<template>
+	<view class="view-page">
+		<view class="nav w-fill flex-line"
+			:style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}">
+			<view class="icon-image" @click="closeWeb">
+				<uni-icons type="left" size="24"></uni-icons>
+			</view>
+			<view class="color-3 title font-w500 font-32">
+				邀请收益
+			</view>
+			<view class="font-24" @click="bind" style="color: #FF8ACC;">
+				手动绑定
+			</view>
+		</view>
+		<view class="content-view" v-if="detailData">
+			<view class="content">
+				<view class="nav-coinList flex-container">
+					<view v-for="(item,index) in listData" :key="index" class="flex-item decorate-box flex-line">
+						<view class="image-icon">
+							<img :src="item.icon" alt="" />
+						</view>
+						<view class="decorate-title">
+							<view class="title font-24 font-w400">
+								{{item.title}}
+							</view>
+							<view class="value font-24 font-w400 flex-line">
+								<view class="">
+									{{detailData[item.prop]}}
+								</view>
+								<view v-if="!index" class="ml-6" @click="exChangeData"
+									style="width: 68rpx;height: 32rpx;">
+									<img src="@/static/image/income/duihuan.png" alt="" />
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<!--  文字 -->
+				<view class="title-view">
+					<view class="QRCode-view w-fill flex-line flex-spaceB">
+						<view class="flex-line w-fill  flex-spaceB">
+							<view class="">
+								<view class="color-3 font-32 font-w500">
+									{{ConfigData.BASE_NAME}}
+								</view>
+								<view class="color-3 font-32 mt-24 font-w500">
+									邀请码
+								</view>
+								<view class="color-6 font-24 mt-24">
+									一级充值的{{detailData.invited_draw || 0}}%为邀请收益
+								</view>
+							</view>
+							<view class="QRCodeImage">
+								<!-- <img src="@/static/image/income/QRCode.png" alt="" /> -->
+							</view>
+						</view>
+						<view class="flex-line w-fill mt-24 flex-spaceB">
+							<view class="Code-view color-3 font-w500" style="letter-spacing: 44rpx;text-align: center;">
+								{{detailData.init_code}}
+							</view>
+							<view class="copy-button color-3 font-w500 font-24" @click="copyText(detailData.init_code)">
+								复制
+							</view>
+						</view>
+					</view>
+					<view class="NavigationTabs-view">
+						<NavigationTabs :tabs-data="[{type:1,value:'我的邀请'},{type:2,value:'账单明细'}]"
+							:default-active="currentIndex" @tab-change="handleTabChange" />
+						<Table :tableData="dataList" v-if="!currentIndex" />
+						<Table :tableData="dataList" v-else :tableLabel="columns" />
+					</view>
+				</view>
+				<view class="tiXian" @click="Withdrawal">
+					<img src="@/static/image/income/tixian.png" alt="" />
+				</view>
+			</view>
+		</view>
+		<middle-popup ref="bindPopup" v-show="PopupStatus">
+			<view class="bindPopup-view">
+				<view class="bindPopup-Content">
+					<view class="bind-title font-32 font-w500 color-3">
+						<view class="">
+							手动绑定
+						</view>
+						<img @click="closeBind" class="closeIcon" src="@/static/image/income/close.png" alt="" />
+					</view>
+
+					<view class="bind-input">
+						<input class="uni-input" v-model="bindValue" placeholder="输入好友邀请码" />
+					</view>
+					<view class="color-3 font-w400 font-24" style="text-align: left;">
+						{{detailData.explain}}
+					</view>
+					<view class="bind-footer" @click="decorate">
+						<view class="confirm-button flex-line">
+							确定
+						</view>
+					</view>
+				</view>
+			</view>
+		</middle-popup>
+	</view>
+</template>
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import http from '@/until/http.js';
+	import Table from '@/component/table.vue'
+	import ZS from '@/static/image/income/zuanshi.png';
+	import Coin from '@/static/image/income/coin.png';
+	import Tx from '@/static/image/income/tixian.png';
+	import DH from '@/static/image/income/duihuan.png';
+	import NavigationTabs from '@/component/tab.vue';
+	import WeChat from '@/static/image/income/WeChat.png';
+	import PYQ from '@/static/image/income/pyq.png';
+	import Qcode from '@/static/image/income/Qcode.png';
+	import QQ from '@/static/image/income/QQ.png';
+	import Config from '@/until/config.js';
+	import MiddlePopup from '@/component/MiddlePopup.vue'
+	export default {
+		components: {
+			NavigationTabs,
+			headerHeight,
+			Table,
+			MiddlePopup
+		},
+		data() {
+			return {
+				ConfigData: Config,
+				PopupStatus: false,
+				errorPage: false,
+				detailData: null,
+				currentIndex: 0,
+				// 金币是两位，钻石四位。
+				listData: [{
+						icon: ZS,
+						prop: 'diamond_total',
+						value: 120,
+						title: '钻石余额'
+					},
+					{
+						icon: ZS,
+						value: 200,
+						prop: 'today_earnings',
+						title: '今日收益'
+					},
+					{
+						icon: ZS,
+						value: 200,
+						prop: 'total_earnings',
+						title: '累计收益'
+					}
+				],
+				statusBarHeight: 0,
+				bindValue: '',
+				dataList: [],
+				columns: [{
+						title: '昵称',
+						key: 'nickname',
+						width: '20%'
+					},
+					{
+						title: '时间',
+						key: 'createtime',
+						width: '35%'
+					},
+					{
+						title: '充值金币',
+						key: 'coin',
+						width: '30%'
+					},
+					{
+						title: '获得收益',
+						key: 'earnings',
+						width: '30%'
+					}
+				]
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				h
+			} = options
+			uni.setStorageSync('token', id)
+			if (uni.getStorageSync('token')) this.gettabs()
+			this.statusBarHeight = this.getStatusBarHeight()
+			this.statusBarHeight = h
+			console.log(Config.BASE_NAME)
+		},
+		methods: {
+			copyText(text) {
+				if (text) {
+					if (uni.getSystemInfoSync().platform === 'h5') {
+						const textarea = document.createElement('textarea');
+						textarea.value = text;
+						document.body.appendChild(textarea);
+						textarea.select();
+						document.execCommand('copy');
+						document.body.removeChild(textarea);
+
+						uni.showToast({
+							title: '复制成功',
+							icon: 'none',
+						});
+						return;
+					} else {
+						uni.setClipboardData({
+							data: text,
+							success: () => {
+								uni.showToast({
+									title: '已复制到剪贴板',
+									icon: 'none',
+									duration: 1500
+								});
+							},
+							fail: () => {
+								uni.showToast({
+									title: '复制失败，请重试',
+									icon: 'none'
+								});
+							}
+						});
+					}
+				} else {
+					uni.showToast({
+						title: '暂无可复制文本',
+						icon: 'none'
+					});
+				}
+			},
+			getStatusBarHeight() {
+				const systemInfo = uni.getSystemInfoSync(); // 获取系统信息
+				uni.setStorageSync('BarHeight', systemInfo.statusBarHeight)
+				return systemInfo.statusBarHeight || 0;
+			},
+			closeWeb() {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					// 通过 messageHandlers 调用 iOS 原生方法
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					// 调用 Android 原生方法
+					window.Android.closeWeb();
+				}
+			},
+			async gettabs() {
+				http.get('/api/Invited/get_init_code', {
+					token: uni.getStorageSync('token') || '',
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						// console.log(data)
+						this.detailData = data
+					}
+					this.$nextTick(() => {
+						this.getData()
+					})
+					this.errorPage = false
+				}).catch(error => {
+					this.errorPage = true
+				});
+			},
+			getData() {
+				if (this.currentIndex) {
+					// 账单列表
+					this.getBillList()
+				} else {
+					// 邀请列表
+					this.getInvitedList()
+
+				}
+			},
+			getInvitedList() {
+				http.get('/api/Invited/invited_list', {
+					token: uni.getStorageSync('token') || '',
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.dataList = data
+					}
+				}).catch(error => {});
+			},
+			getBillList() {
+				http.get('/api/Invited/bill_list', {
+					token: uni.getStorageSync('token') || '',
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.dataList = data
+					}
+				}).catch(error => {
+					this.errorPage = true
+				});
+			},
+			// 提现
+			Withdrawal() {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'Withdrawal'
+					});
+				} else if (platform === 'android') {
+					window.Android.Withdrawal();
+				}
+			},
+			invite() {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'inviteUser'
+					});
+				} else if (platform === 'android') {
+					window.Android.inviteUser();
+				}
+			},
+			exChangeData() {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'exchange'
+					});
+				} else if (platform === 'android') {
+					window.Android.exchange();
+				}
+			},
+			closePopup() {
+				this.$refs.popup.close()
+			},
+			handleTabChange({
+				index,
+				tab
+			}) {
+				this.currentIndex = index
+				// console.log(this.currentIndex)
+				this.getData()
+			},
+			// 绑定
+			bind() {
+				this.PopupStatus = true
+				this.$refs.bindPopup.openPopup()
+
+			},
+			closeBind() {
+				this.$refs.bindPopup.closePopup()
+				this.PopupStatus = false
+			},
+			decorate() {
+				if (this.bindValue) {
+					uni.showLoading({
+						mask: true
+					})
+					http.post('/api/Invited/invited_bind', {
+						token: uni.getStorageSync('token') || '',
+						init_code: this.bindValue
+					}).then(response => {
+						const {
+							data,
+							code,
+							msg
+						} = response
+						if (code) {
+							uni.showToast({
+								title: '绑定成功',
+								icon: 'success',
+								mask: true,
+								duration: 1000
+							});
+							uni.hideLoading()
+							this.closeBind()
+						} else {
+							uni.showToast({
+								title: msg,
+								icon: 'error',
+								mask: true,
+								duration: 1000
+							});
+							uni.hideLoading()
+							this.closeBind()
+						}
+
+					}).catch(error => {});
+				} else {
+					uni.showToast({
+						title: '请输入邀请码',
+						icon: 'error',
+						mask: true,
+						duration: 1000
+					});
+				}
+			}
+		}
+	}
+</script>
+<style>
+	/* 覆盖uni-popup的动画 */
+	::v-deep .uni-popup .uni-popup__wrapper {
+		transition: none !important;
+		transform: translateZ(0) !important;
+	}
+</style>
+<style scoped lang="scss">
+	.view-page {
+		width: 100vw;
+
+		margin: 0 auto;
+
+		.nav {
+			padding: 24rpx;
+			justify-content: space-between;
+			width: calc(100% - 48rpx);
+			background: #fff;
+
+			.icon-image {
+				width: 48rpx;
+				height: 48rpx;
+			}
+
+			.title {
+				text-align: center;
+			}
+		}
+
+		.content-view {
+			min-height: 93vh;
+			padding-top: 24rpx;
+			background: #FBEEDD;
+			background-image: url('@/static/image/income/Maskgroup.png');
+			background-repeat: no-repeat;
+			background-size: contain;
+		}
+
+		.image {
+			width: 100%;
+		}
+
+
+		.content {
+			padding: 0 30rpx;
+			width: calc(100vw - 60rpx);
+
+			.tiXian {
+				width: 44rpx;
+				height: 96rpx;
+				position: absolute;
+				right: 0;
+
+				img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.nav-coinList {
+				width: 100%;
+				min-height: 108rpx;
+				background-image: url('@/static/image/income/Rectangle.png');
+				background-repeat: no-repeat;
+				background-size: contain;
+				background-position: center;
+			}
+
+			.flex-container {
+				display: flex;
+				/* 启用 Flex 布局 */
+				flex-wrap: wrap;
+				/* 允许换行 */
+				justify-content: center;
+			}
+
+			.flex-item {
+				flex: 0 0 calc(30%);
+				/* 基础宽度25% 减去间隔 */
+				// margin: 5px;
+				/* 元素间距 */
+				box-sizing: border-box;
+				/* 包含内边距和边框 */
+				border-radius: 14rpx;
+				/* 样式美化（可选） */
+				// background-color: #fff;
+				// padding: 20rpx;
+				text-align: center;
+				display: inline-flex;
+				align-items: center;
+				justify-content: space-evenly;
+
+				.image-icon {
+					width: 44rpx;
+					height: 44rpx;
+				}
+
+				.decorate-title {
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					text-align: left;
+
+					.title {
+						color: #6A2E00;
+					}
+
+					.value {
+						color: #FF2727;
+						width: 100%;
+						// justify-content: space-around;
+					}
+				}
+			}
+
+			.title-view {
+				width: calc(100% - 60rpx);
+				height: 68rpx;
+				position: absolute;
+				top: 770rpx;
+				display: inline-flex;
+				justify-content: center;
+				flex-wrap: wrap;
+
+				.QRCode-view {
+					background: #F7F2F1;
+					flex-wrap: wrap;
+					padding: 32rpx;
+					border-radius: 32rpx;
+					width: 100%;
+
+					// min-height:338rpx;
+					.QRCodeImage {
+						width: 168rpx;
+						height: 168rpx;
+
+						img {
+							width: 100%;
+							height: 100%;
+						}
+					}
+
+					.Code-view {
+						background-color: #E5E5E5;
+						border-radius: 4rpx;
+						width: 70%;
+						padding: 10rpx 20rpx;
+					}
+
+					.copy-button {
+						// width: 112rpx;
+						border-radius: 4rpx;
+						background: var(--primary-color);
+						color: var(--font-button-color);
+						text-align: center;
+						padding: 12rpx 24rpx;
+					}
+				}
+
+				.title-bg {
+					width: 80%;
+					height: 100%;
+					background-image: url('@/static/image/income/title-bg.png');
+					background-repeat: no-repeat;
+					background-size: cover;
+					background-position: center;
+					display: inline-flex;
+					justify-content: center;
+					align-items: center;
+				}
+			}
+
+			.NavigationTabs-view {
+				margin-top: 32rpx;
+				padding: 24rpx 32rpx;
+				background-color: #F7F2F1;
+				width: calc(100% - 60rpx);
+				border-radius: 10rpx;
+
+				.navigation-container {
+					::v-deep .nav-tabs {
+						// background: #F7F2F1;
+						display: inline-flex !important;
+					}
+				}
+			}
+		}
+
+		.bindPopup-view {
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			width: 100%;
+			display: inline-flex;
+			justify-content: center;
+
+			.bindPopup-Content {
+				padding: 24rpx;
+				width: 80%;
+				background-color: #fff;
+				border-radius: 32rpx;
+				text-align: center;
+				position: relative;
+
+				.closeIcon {
+					width: 22rpx;
+					height: 26rpx;
+					position: absolute;
+					top: 34rpx;
+					right: 34rpx;
+				}
+
+				.bind-title {
+					display: inline-flex;
+				}
+
+				.bind-input {
+					background: #EFF2F8;
+					border-radius: 22rpx;
+					padding: 18rpx 32rpx;
+					margin: 70rpx 0;
+				}
+
+				.bind-footer {
+					display: inline-flex;
+					justify-content: center;
+					margin-top: 78rpx;
+
+					.confirm-button {
+						width: 356rpx;
+						height: 84rpx;
+						background: var(--primary-color);
+						color: var(--font-button-color);
+						border-radius: 106rpx;
+						justify-content: center;
+					}
+				}
+			}
+
+		}
+
+		.footer {
+			width: 100%;
+			height: 140rpx;
+			position: absolute;
+			bottom: 30rpx;
+			left: 0;
+			right: 0;
+			display: inline-flex;
+			justify-content: center;
+			align-items: center;
+
+			.footer-button {
+				width: 186rpx;
+				height: 68rpx;
+				background: linear-gradient(180deg, #EE9D87 0%, #E74B47 100%);
+				box-shadow: inset 0rpx 8rpx 0rpx 0rpx #EA805F;
+				border-radius: 38rpx 38rpx 38rpx 38rpx;
+				display: inline-flex;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+	}
+</style>

pages/other/taskDesc.vue

@@ -0,0 +1,114 @@
+<template>
+	<view class="view-page">
+		<view class="image">
+			<img src="/static/image/task/rule.png" alt="" />
+		</view>
+		<view class="dec-view" style="background-color: transparent !important;">
+			<web-view :style="{ backgroundColor: 'transparent' }" :webview-styles="webviewStyles"
+				:src="`${httpUrl}/api/Page/page_show?id=17`"></web-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import config from '@/until/config.js';
+	export default {
+		data() {
+			return {
+				httpUrl: null,
+				// 关键配置：设置 WebView 样式
+				webviewStyles: {
+					progress: {
+						color: 'transparent' // 隐藏进度条
+					},
+					// 安卓专用配置
+					android: {
+						hardwareAccelerated: true, // 开启硬件加速
+						backgroundColor: 'transparent'
+					},
+					// iOS 专用配置
+					ios: {
+						allowsInlineMediaPlayback: true,
+						backgroundColor: 'transparent'
+					}
+				}
+			}
+		},
+		onLoad() {
+			this.httpUrl = config.BASE_URL
+		},
+		onReady() {
+			
+			// #ifdef APP-PLUS
+			// 获取 WebView 实例进行原生设置
+			const pages = getCurrentPages();
+			const page = pages[pages.length - 1];
+			const currentWebview = page.$getAppWebview();
+
+			setTimeout(() => {
+				const webview = currentWebview.children()[0];
+
+				// 安卓原生设置
+				// #ifdef APP-ANDROID
+				webview.setStyle({
+					background: 'transparent'
+				});
+				// #endif
+
+				// iOS 原生设置
+				// #ifdef APP-IOS
+				webview.setStyle({
+					opaque: false
+				});
+				// #endif
+			}, 300); // 延迟确保 WebView 加载完成
+			// #endif
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	::-webkit-scrollbar {
+		display: none !important;
+	}
+
+	/* 重要：设置页面背景透明 */
+	page {
+		background-color: transparent !important;
+	}
+
+	/* 隐藏 WebView 默认容器背景 */
+	uni-web-view>div {
+		background-color: transparent !important;
+	}
+
+	.view-page {
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		min-width: calc(100% - 40rpx);
+		padding: 0 20rpx;
+		height: 100vh;
+		overflow: hidden;
+		background-color: transparent !important;
+		margin: 0 auto;
+		position: relative;
+
+		.image {
+			width: calc(100% - 40rpx);
+			// min-height: 100vh;
+			position: absolute;
+			top: 0;
+			left: 20rpx;
+			right: 20rpx;
+			// bottom: 0;
+		}
+
+		.dec-view {
+			width: calc(100% - 40rpx - 48rpx);
+			min-height: calc(60% - 48rpx);
+			position: absolute;
+			top: 33%;
+			border-radius: 16rpx;
+			padding: 24rpx;
+		}
+	}
+</style>

pages/prop/propMall.vue

@@ -0,0 +1,529 @@
+<template>
+	<!-- 道具商城页面 -->
+	<view class="view-page">
+		<view v-if="!errorPage">
+			<!-- 自定义选项卡 -->
+			<NavigationTabs :tabs-data="tabs" :default-active="currentIndex" @tab-change="handleTabChange" />
+			<view class="swiper-view">
+			</view>
+			<scroll-view scroll-y="true" class="list-view">
+				<view class="flex-container" v-if="listData && listData.length">
+					<!-- 循环生成子元素 -->
+					<view v-for="(item,index) in listData" @click="openPopup(item)" :key="index" class="flex-item decorate-box">
+						<view class="decorate-content">
+							<view class="decorate-image">
+								<img :src="item.base_image" alt="" />
+							</view>
+							<view class="decorate-title w-fill color-3 font-28">
+								{{item.title}}
+							</view>
+							<view class="decorate-price color-3 w-fill">
+								<img class="icon-goin" src="@/static/image/goin.png" alt="" /> {{item.price}}
+							</view>
+							<view class="decorate-tag" v-if="[6,7,8].includes(item.type)">
+								<span v-if="item.type === 6">个人靓号</span>
+								<span v-if="item.type === 7">房间靓号</span>
+								<span v-if="item.type === 8">公会靓号</span>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="color-9" v-else style="text-align: center;font-size: 24rpx;">
+					暂无数据
+				</view>
+			</scroll-view>
+			<uni-popup ref="popup" borderRadius="32rpx 32rpx 0 0" type="bottom" background-color="#fff">
+				<view class="popup-view" v-if="decorateDetail">
+					<view class="decorate-image">
+						<img :src="decorateDetail.base_image" alt="" />
+					</view>
+					<view class="decorate-title w-fill color-3 font-28">
+						{{decorateDetail.title}}
+					</view>
+					<view class="decorate-info">
+						<view class="info-line">
+							<view class="line-lable">
+								商品名称
+							</view>
+							<view class="">
+								{{decorateDetail.title}}
+							</view>
+						</view>
+						<view class="info-line">
+							<view class="line-lable">
+								商品价格
+							</view>
+							<view class="flex-line">
+								{{payData.price}} <img class="icon-goin ml-6" src="@/static/image/goin.png"
+									alt="" />
+							</view>
+						</view>
+						<template v-if="decorateDetail.decorate && decorateDetail.decorate.price_list">
+							<view class="info-line">
+								<view class="line-lable">
+									有效期至
+								</view>
+								<view class="">
+									{{payData.end_time}}
+								</view>
+
+							</view>
+							<view style="padding: 18rpx 0;">
+								<view class="line-lable" style="text-align: left;">
+									购买时长
+								</view>
+							</view>
+							<view class="info-line setmenut" style="justify-content: flex-start">
+								<view :class="currentMenuIndex === menuIndex ? 'active-menubox' : 'menubox'"
+									v-for="(menu,menuIndex) in decorateDetail.decorate.price_list"
+									@click="changePayData(menu,menuIndex)">
+									<view>
+										{{menu.day}}天
+									</view>
+<!-- 									<view class="sale" v-if="menu.discount">
+										7折优惠
+									</view> -->
+								</view>
+							</view>
+						</template>
+					</view>
+					<view class="flex-line user-account font-28">
+						<view class="">
+							<img class="icon-goin ml-6" src="@/static/image/goin.png" alt="" />
+						</view>
+						<view class="color-6 ml-20">
+							{{decorateDetail.user_info.user_coin}}
+						</view>
+						<view class="chongzhi-text ml-20" @click="RechargeCoin">
+							去充值
+						</view>
+					</view>
+					<view class="button-footer">
+						<view class="pay-button" @click="toPay">
+							确认支付
+						</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+		<view v-else>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/until/http.js';
+	import NavigationTabs from '@/component/tab.vue'
+	export default {
+		components: {
+			NavigationTabs
+		},
+		data() {
+			return {
+				errorPage: true,
+				tabs: [],
+				listData: [],
+				currentIndex: 0,
+				indicatorLeft: 5,
+				decorateDetail: null,
+				currentMenuIndex: 0,
+				payData: null
+			}
+		},
+		onLoad(options) {
+			this.errorPage = true
+			const {
+				id
+			} = options
+			uni.setStorageSync('token', id)
+			if (uni.getStorageSync('token')) this.gettabs()
+		},
+		methods: {
+			async gettabs() {
+				http.get('/api/Decorate/get_type_list', {
+					token: uni.getStorageSync('token') || '',
+					have_hot: 0
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					// let list = []
+					if (code) {
+						// console.log(data)
+						this.tabs = data.map(ele => {
+							return {
+								type: ele.id,
+								value: ele.name
+							}
+						})
+					}
+					// this.tabs = list
+					this.errorPage = false
+					this.$nextTick(() => {
+						this.getDecorate(this.tabs[0].type)
+					})
+				}).catch(error => {
+					this.tabs = []
+					this.errorPage = true
+				});
+			},
+			async getDecorate(type) {
+				http.get('/api/Decorate/get_decorate_list', {
+					token: uni.getStorageSync('token') || '',
+					type
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.listData = code ? data : []
+
+				}).catch(error => {
+					this.tabs = []
+					this.errorPage = true
+				});
+			},
+			async getDecorateDetail(id, detail) {
+				http.get('/api/Decorate/get_decorate_detail', {
+					token: uni.getStorageSync('token') || '',
+					did: id
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.decorateDetail = code ? {
+						...detail,
+						...data
+					} : null
+					this.currentMenuIndex = 0
+					console.log(this.decorateDetail)
+					this.payData = this.decorateDetail.decorate.price_list[this.currentMenuIndex]
+					this.$refs.popup.open('bottom')
+				}).catch(error => {});
+			},
+			changePayData(data, index) {
+				this.payData = data
+				this.currentMenuIndex = index
+			},
+			handleTabChange({
+				index,
+				tab
+			}) {
+				this.currentIndex = index;
+				console.log(index, tab)
+				const {
+					type
+				} = tab
+				this.getDecorate(type)
+			},
+			// 打开弹框
+			openPopup(data) {
+				this.getDecorateDetail(data.did, data)
+			},
+			closePopup() {
+				this.decorateDetail = null
+				this.currentMenuIndex = 0
+				this.payData = null
+				this.$refs.popup.close()
+			},
+			// 去支付
+			toPay() {
+				// console.log(this.payData,this.decorateDetail)
+				if (this.payData.price > this.decorateDetail.user_info.user_coin) {
+					// 余额不足 
+					uni.showToast({
+						title: '余额不足,请先充值',
+						icon: 'none',
+						mask: true,
+						duration: 500
+					});
+					return
+				}
+				// 余额足 调购买装扮接口
+				this.payDecorate()
+			},
+			payDecorate() {
+				uni.showLoading({
+					mask: true
+				})
+				http.post('/api/Decorate/pay_decorate', {
+					token: uni.getStorageSync('token') || '',
+					did: this.decorateDetail.did,
+					day: this.payData.day
+				}).then(response => {
+					uni.showToast({
+						title: '购买成功',
+						icon: 'success',
+						mask: true,
+						duration: 1000
+					});
+					uni.hideLoading()
+					this.closePopup()
+				}).catch(error => {});
+			},
+			// 点击去充值
+			RechargeCoin() {
+				const platform = uni.getSystemInfoSync().platform;
+				// console.log(platform, '打印设备参数')
+				if (platform === 'ios') {
+					console.log('调用iOS原生方法')
+					// 通过 messageHandlers 调用 iOS 原生方法
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'Recharge'
+					});
+				} else if (platform === 'android') {
+					console.log('调用Android原生方法')
+					// 调用 Android 原生方法
+					window.Android.Recharge();
+
+				}
+
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.view-page {
+		padding: 0 32rpx;
+		min-height: 100vh;
+		background: #00000000;
+
+		.decorate-box {
+			margin: 0 auto;
+
+			.decorate-content {
+				width: 95%;
+				background: #EFF2F8;
+				border-radius: 20rpx;
+				position: relative;
+				text-align: center;
+				display: inline-flex;
+				flex-wrap: wrap;
+				align-items: center;
+				justify-content: center;
+				align-content: center;
+				margin-bottom: 14rpx;
+				padding: 12rpx 0;
+
+				.decorate-image {
+					// width: 120rpx;
+					height: 120rpx;
+					margin: 12rpx 0;
+					width: 100%;
+					// background-color: #5B5B5B;
+					display: inline-flex;
+					align-items: center;
+					justify-content: center;
+
+					img {
+						width: 120rpx;
+					}
+				}
+
+				.decorate-price {
+					.icon-goin {
+						width: 24rpx;
+						height: 24rpx;
+					}
+				}
+
+				.decorate-tag {
+					position: absolute;
+					right: 0;
+					top: 0;
+					font-size: 20rpx;
+					padding: 8rpx 10rpx;
+					background-image: url('@/static/image/lhbg.png');
+					background-repeat: no-repeat;
+					background-size: 100% 100%;
+				}
+			}
+
+		}
+
+		.decorate-image {
+			width: 120rpx;
+			height: 120rpx;
+			margin: 12rpx 0;
+			// background-color: #5B5B5B;
+		}
+
+		.swiper-view {
+			width: 686rpx;
+			height: 200rpx;
+			border-radius: 14rpx 14rpx 14rpx 14rpx;
+			background-image: url('@/static/image/swipers.png');
+			background-repeat: no-repeat;
+			background-size: 100% 100%;
+			margin-bottom: 32rpx;
+		}
+
+		// background-color: bisque;
+		.list-view {
+			width: calc(100vw - 64rpx);
+			height: calc(100vh - 200rpx - 32rpx - 100rpx);
+		}
+
+		.popup-view {
+			height: 60vh;
+			padding: 32rpx;
+			width: calc(100vw - 64rpx);
+			display: inline-flex;
+			flex-wrap: wrap;
+			flex-direction: row;
+			align-content: flex-start;
+			align-items: center;
+			justify-content: center;
+			text-align: center;
+
+			.decorate-title {
+				font-size: 28rpx;
+			}
+
+			.decorate-info {
+				width: calc(100vw - 64rpx);
+				margin-top: 48rpx;
+				color: #333333;
+
+				.info-line {
+					width: 100%;
+					display: inline-flex;
+					align-content: flex-start;
+					align-items: center;
+					justify-content: space-between;
+					text-align: center;
+					padding: 18rpx 0;
+
+					.icon-goin {
+						width: 28rpx;
+						height: 28rpx;
+						margin-top: 6rpx;
+					}
+				}
+
+				.setmenut {
+
+					.menubox,
+					.active-menubox {
+						width: 152rpx;
+						height: 124rpx;
+						// padding: 26rpx 38rpx;
+						// line-height: 94rpx;
+						display: inline-flex;
+						align-items: center;
+						justify-content: center;
+						border-radius: 12rpx 12rpx 12rpx 12rpx;
+						border: 2rpx solid #F1F2F3;
+						position: relative;
+						margin-right: 20rpx;
+					}
+
+					.active-menubox {
+						background: linear-gradient( 180deg, #fffbf8 0%, #fee2e3 100%);
+						border: 2rpx solid ;
+						// border-image: linear-gradient(180deg, rgba(244, 223, 57, 1), rgba(252, 114, 133, 1)) 1 1;
+						border-radius: 12rpx;
+						background-repeat: no-repeat;
+						background-size: 100% 100%;
+						color: var(--primary-color);
+
+					}
+
+					.sale {
+						position: absolute;
+						top: 0;
+						right: 0;
+						font-size: 20rpx;
+						color: #fff;
+						padding: 0 8rpx;
+						background-image: url('@/static/image/sale.png');
+						background-repeat: no-repeat;
+						background-size: 100% 100%;
+					}
+
+				}
+
+
+			}
+
+			.user-account {
+				width: 100%;
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+				margin: 30rpx 0;
+
+				.icon-goin {
+					width: 24rpx;
+					height: 24rpx;
+				}
+
+				.chongzhi-text {
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: var(--primary-color);
+				}
+			}
+
+			.button-footer {
+				width: 100%;
+				display: inline-flex;
+				align-items: center;
+				justify-content: space-around;
+
+				.give-button {
+					width: 190rpx;
+					height: 84rpx;
+					background-image: url('@/static/image/propMall/give.png');
+					background-repeat: no-repeat;
+					background-size: 100% 100%;
+				}
+
+				.pay-button {
+
+					width: 376rpx;
+					height: 84rpx;
+					// background-image: url('@/static/image/propMall/pay.png');
+					background-repeat: no-repeat;
+					background-size: 100% 100%;
+					background: var(--primary-color);
+					color: var(--font-button-color);
+					font-size: var(--font-button-size-p);
+					border-radius: 106rpx;
+					display: inline-flex;
+					    align-items: center;
+					    justify-content: center;
+				}
+			}
+		}
+
+		.flex-container {
+			display: flex;
+			/* 启用 Flex 布局 */
+			flex-wrap: wrap;
+			/* 允许换行 */
+		}
+
+		.flex-item {
+			flex: 0 0 calc(33% - 10px);
+			/* 基础宽度25% 减去间隔 */
+			margin: 5px;
+			/* 元素间距 */
+			box-sizing: border-box;
+			/* 包含内边距和边框 */
+			border-radius: 14rpx;
+			/* 样式美化（可选） */
+			background-color: #fff;
+			// padding: 20rpx;
+			text-align: center;
+
+			.image {
+				width: 120rpx;
+				height: 120rpx;
+			}
+		}
+	}
+</style>

pages/union/detail.vue

@@ -0,0 +1,679 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="'公会详情'">
+			<template #rightView>
+				<view class="icon-right flex-line" @click="exit"
+					v-if="detailData && detailData.is_join && detailData.is_leader === 0">
+					<img :src="logout" alt="" />
+				</view>
+			</template>
+		</navBar>
+		<view class="content" v-if="detailData">
+			<view class="union-info">
+				<view class="left-view">
+					<view class="head-portrait">
+						<img :src="detailData.cover || logo" alt="" />
+					</view>
+					<view class="info-detail">
+						<view class="union-title">
+							{{ detailData.guild_name }}
+						</view>
+						<view class="union-id">
+							ID:{{ detailData.guild_special_id }}
+						</view>
+						<view class="union-date">
+							{{ detailData.createtime }}
+						</view>
+					</view>
+				</view>
+				<view class="like-box">
+					<uni-icons type="heart" color="#fff" size="20"></uni-icons>
+					<view class="ml-6" style="display: inline-flex;align-items: baseline;">
+						{{ detailData.total_transaction }}
+					</view>
+				</view>
+			</view>
+			<!-- 公会按钮 是会长可以看公会成员 不是不能看 -->
+			<view class="icon-wrap">
+				<img class="icon-box" @click.stop="viewDetails(0)" src="@/static/image/union/ghfj.png" alt="" />
+				<img class="icon-box" @click.stop="viewDetails(1)" src="@/static/image/union/ghcy.png" alt="" />
+				<img class="icon-box" v-if="detailData.is_leader" @click.stop="viewDetails(2)"
+					src="@/static/image/union/ghbt.png" alt="" />
+				<img class="icon-box" v-if="detailData.is_join" @click.stop="viewDetails(3)"
+					src="@/static/image/union/qlsz.png" alt="" />
+			</view>
+			<!-- 公会会长信息 -->
+			<view class="union-user">
+				<view class="user-title">
+					公会会长
+				</view>
+				<view class="user-info" @click="jumpHomePage(detailData)">
+					<view class="flex-line">
+						<view class="head-portrait">
+							<img :src="detailData.user_data.avatar" alt="" />
+						</view>
+						<view class="info-view">
+							<view class="">
+								{{ detailData.user_data.nickname }}
+							</view>
+							<view class="iconTag-view"
+								v-if="detailData.user_data.icon || detailData.user_data.icon.length">
+								<view class="icon-tag" v-for="icon in detailData.user_data.icon" :key="icon">
+									<img :src="icon" alt="" />
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="">
+						<uni-icons type="right" size="20"></uni-icons>
+					</view>
+				</view>
+			</view>
+			<!-- 公会介绍 -->
+			<view class="union-dec">
+				<view class="user-title">
+					公会介绍
+				</view>
+				<view class="user-dec">
+					{{ detailData.intro || '暂无数据' }}
+				</view>
+			</view>
+			<view class="footer" v-if="!detailData.is_join">
+				<view class="confirm-button" @click="applyToJoin">
+					<view class="button">
+						{{ buttonText }}
+					</view>
+				</view>
+			</view>
+			<view class="footer" v-if="detailData.is_leader">
+				<view class="confirm-button" @click="dissolveUnion">
+					<view class="button">
+						{{ buttonText }}
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<uni-popup ref="message" type="message">
+			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
+		</uni-popup>
+		<uni-popup ref="popup" type="center">
+			<view class="popup_view">
+				<view class="color-3 font-32 popup_title">
+					温馨提示
+				</view>
+				<view class="color-3 font-24 messageContent">
+					{{ messageContent }}
+				</view>
+				<view class="popup_button flex-line">
+					<view class="close_button flex-line" @click="closePopup">
+						取消
+					</view>
+					<view class="confirm-button flex-line" @click="confirmPopup">
+						确认
+					</view>
+				</view>
+			</view>
+
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logout from '@/static/image/union/logout.png'
+	import logo from '@/static/image/logo.png';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				detailData: null,
+				logo,
+				logout,
+				buttonStatus: null,
+				buttonText: '申请加入公会',
+				// 弹出窗状态 null 不展示 0 申请退出 1申请加入公会 2 付费退出 3实名认证
+				popupStstus: null,
+				messageText: "",
+				messageContent: '',
+				msgType: "success",
+				ThemeData: null
+			}
+		},
+		onLoad(options) {
+			const {
+				id
+			} = options
+			if (id) {
+				this.getDetail(id)
+				this.getUserInfo()
+			}
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		onShow() {
+			this.getUserInfo()
+		},
+		methods: {
+			// 获取用户信息 拿实名信息
+			async getUserInfo() {
+				http.get('/api/User/get_user_info', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.isAuth = code ? data.auth : 0
+				})
+			},
+			// 获取公会信息
+			async getDetail(Id) {
+				uni.showLoading({
+					mask: true,
+					title: '加载中'
+				})
+				http.get('/api/Guild/guild_detail', {
+					id: Id,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					uni.hideLoading()
+					const {
+						data,
+						code
+					} = response
+					this.detailData = code ? data : null
+					if (data) {
+						this.buttonText = !data.is_leader ? data.is_join ? '退出公会' : '申请加入公会' : '解散公会'
+						this.buttonStatus = !data.is_leader ? data.is_join ? 0 : 1 : 2
+					}
+				})
+			},
+			// 点击房间
+			viewDetails(index) {
+				// 0 公会房间 1 公会成员 2公会补贴 3 群聊设置
+				if (index) {
+					if (index === 1) {
+						// 公会成员
+						uni.navigateTo({
+							url: `/pages/union/unionMembers?id=${this.detailData.id || null}&leader=${this.detailData.is_leader || 0}`
+						});
+					} else if (index === 2) {
+						// 公会补贴
+						uni.navigateTo({
+							url: `/pages/union/subsidy?id=${this.detailData.id || null}&leader=${this.detailData.is_leader || 0}`
+						});
+					} else {
+						// 群聊抛出
+						const platform = uni.getSystemInfoSync().platform;
+						const ParmData = {
+							group_id: this.detailData.group_id,
+							cover: this.detailData.cover,
+							guild_name: this.detailData.guild_name
+						}
+						if (platform === 'ios') {
+							// 通过 messageHandlers 调用 iOS 原生方法
+							window.webkit.messageHandlers.nativeHandler.postMessage({
+								'action': 'enterGroupChat',
+								'data': ParmData
+							});
+						} else if (platform === 'android') {
+							// 调用 Android 原生方法
+							window.Android.enterGroupChat(this.detailData.group_id, this.detailData.cover, this.detailData
+								.guild_name);
+						}
+					}
+				} else {
+					// 房间
+					uni.navigateTo({
+						url: `/pages/union/roomAndflow?id=${this.detailData.id || null}&leader=${this.detailData.is_leader || 0}`
+					});
+				}
+			},
+			//申请加入公会
+			applyToJoin() {
+				if (this.buttonStatus === 1) {
+					if (this.isAuth) {
+						this.popupStstus = 1
+						this.messageContent = "是否选择加入当前公会"
+						this.$refs.popup.open('center')
+					} else {
+						this.popupStstus = 3
+						this.messageContent = "当前尚未实名认证，是否跳转到实名认证页面？"
+						this.$refs.popup.open('center')
+					}
+				}
+			},
+			// 申请加入公会
+			async joinUnionize() {
+				http.post('/api/Guild/join_guild', {
+					guild_id: this.detailData.id,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code,
+						msg
+					} = response
+					if (code) {
+						this.messageText = `加入成功`
+						this.$refs.message.open()
+						this.msgType = 'success'
+						this.getDetail(this.detailData.id)
+					} else {
+						this.messageText = msg
+						this.msgType = 'error'
+						this.$refs.message.open()
+					}
+					this.closePopup()
+				})
+			},
+			// 退出公会
+			exit() {
+				uni.showActionSheet({
+					itemList: ["申请退出", "付费退出"],
+					success: (res) => {
+						if (res.tapIndex === 0) {
+							this.applyToWithdraw();
+						} else if (res.tapIndex === 1) {
+							this.paidWithdrawal();
+						}
+					},
+					fail: (err) => {
+						console.error("用户取消选择：", err);
+					},
+				});
+			},
+			// 申请退出
+			applyToWithdraw() {
+				this.popupStstus = 0
+				this.messageContent = "亲爱的会员，会长将在3天内审核，若超时未通过，您将自动退出并可加入其他公会；若通过，则30天内无法加入其他公会，是否还需要申请退出？"
+				this.$refs.popup.open('center')
+			},
+			// 付费退出
+			paidWithdrawal() {
+				this.popupStstus = 2
+				this.messageContent = `亲爱的会员，支付${this.detailData.quit_guild_gold || 0}金币，即可及时退出公会！是否需要付费退出？`
+				this.$refs.popup.open('center')
+			},
+			// 解散公会
+			dissolveUnion() {
+				this.popupStstus = 4
+				this.messageContent = `亲爱的会长，您当前操作将解散公会，是否解散？`
+				this.$refs.popup.open('center')
+			},
+			closePopup() {
+				this.popupStstus = null
+				this.messageContent = ""
+				this.$refs.popup.close()
+			},
+			confirmPopup() {
+				if (this.popupStstus !== null) {
+					if (this.popupStstus === 0) {
+						this.exitUnionize(1)
+					} else if (this.popupStstus === 1) {
+						this.joinUnionize()
+					} else if (this.popupStstus === 2) {
+						// 付费退出
+						this.exitUnionize(2)
+					} else if (this.popupStstus === 3) {
+						// 实名认证页面
+						this.authConfirm()
+					} else if (this.popupStstus === 4) {
+						// 解散公会
+						if (this.detailData.is_leader) {
+							this.unionDissolve()
+						}
+					}
+				}
+			},
+			authConfirm() {
+				// 去实名认证页面
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'enterAuthent'
+					});
+				} else if (platform === 'android') {
+					window.Android.enterAuthent();
+				}
+				this.closePopup()
+			},
+			// 跳转公会长个人页面
+			jumpHomePage(data) {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'jumpWebPage',
+						'data': {
+							userId: data.user_id
+						}
+					});
+				} else if (platform === 'android') {
+					window.Android.jumpWebPage(data.user_id);
+				}
+			},
+			// 会长解散公会
+			async unionDissolve() {
+				http.post('/api/Guild/diss_guild', {
+					guild_id: this.detailData.id,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code,
+						msg
+					} = response
+					if (code === 1) {
+						this.msgType = 'success'
+						this.messageText = `操作成功，将返回上一页！`
+						this.$refs.message.open()
+						uni.$emit('refreshList');
+						uni.navigateBack()
+					} else {
+						this.messageText = msg
+						this.msgType = 'error'
+						this.$refs.message.open()
+					}
+					this.closePopup()
+				})
+			},
+			// 申请退出公会接口
+			async exitUnionize(type) {
+				http.post('/api/Guild/quit_guild', {
+					guild_id: this.detailData.id,
+					type: type,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code,
+						msg
+					} = response
+					if (code === 1) {
+						this.msgType = 'success'
+						this.messageText = `${type === 1 ? '退出申请已提交，请等待审核' : '付费退出成功'}`
+						this.$refs.message.open()
+						this.getDetail(this.detailData.id)
+					} else {
+						this.messageText = msg
+						this.msgType = 'error'
+						this.$refs.message.open()
+					}
+					this.closePopup()
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		// padding: 32rpx;
+		display: flex;
+		flex-direction: column;
+		background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		min-height: 100vh;
+
+		.content {
+			padding: 0 32rpx;
+			flex: 1;
+			/* 关键：撑满剩余空间 */
+			overflow: auto;
+			/* 允许内容滚动 */
+		}
+
+		.icon-right {
+			width: 56rpx;
+			height: 56rpx;
+
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.popup_view {
+			width: 550rpx;
+			// height: 40vh;
+			background-color: #fff;
+			border-radius: 32rpx;
+			padding: 32rpx;
+
+			.popup_title {
+				text-align: center;
+			}
+
+			.messageContent {
+				margin: 24rpx 0;
+			}
+
+			.popup_button {
+				margin-top: 24rpx;
+				width: 100%;
+				justify-content: space-around;
+
+				.close_button,
+				.confirm-button {
+					width: 200rpx;
+					height: 84rpx;
+					background: #F3F3F3;
+					border-radius: 106rpx;
+					color: #999999;
+					justify-content: center;
+				}
+
+				.confirm-button {
+					background: var(--primary-color);
+					color: var(--font-button-color);
+				}
+			}
+
+		}
+
+		.footer {
+			// background: #f0f0f0;
+			padding: 20rpx;
+			text-align: center;
+			/* 适配iPhoneX等刘海屏 */
+			padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+		}
+
+		/* 确保容器占满屏幕 */
+		.union-info {
+			width: 100%;
+			display: inline-flex;
+			align-items: center;
+			flex-wrap: nowrap;
+			justify-content: space-between;
+			flex-direction: row;
+
+			/* 头像 */
+			.head-portrait {
+				width: 120rpx;
+				height: 120rpx;
+				border-radius: 50%;
+				background-color: aquamarine;
+
+				img {
+					width: 100%;
+					height: 100%;
+					border-radius: 50%;
+				}
+			}
+
+			.left-view {
+				display: inline-flex;
+				align-items: center;
+				flex-wrap: nowrap;
+				justify-content: space-between;
+				flex-direction: row;
+
+				.info-detail {
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					margin-left: 24rpx;
+
+					.union-title {
+						font-weight: 500;
+						font-size: 32rpx;
+						color: #333333;
+					}
+
+					.union-id {
+						font-size: 28rpx;
+						color: #666666;
+					}
+
+					.union-date {
+
+						font-size: 24rpx;
+						color: #999999;
+					}
+				}
+
+			}
+
+			.like-box {
+				display: inline-flex;
+				align-items: flex-end;
+				flex-wrap: nowrap;
+				flex-direction: row;
+				padding: 6rpx 24rpx;
+				border-radius: 35rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				background: var(--primary-color);
+				color: var(--font-button-color);
+				margin: 8rpx 0;
+			}
+		}
+
+		.icon-wrap {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 25px;
+			margin: 24rpx 0;
+
+			.icon-box {
+				width: 48%;
+				height: 30%;
+				flex: 1;
+				max-width: calc(50% - 12.5px);
+				border-radius: 15px;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				cursor: pointer;
+
+				img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+
+		.union-user,
+		.union-dec {
+			padding: 24rpx;
+			height: 220rpx;
+			background: #fff;
+			border-radius: 22rpx;
+			margin-bottom: 24rpx;
+
+			.user-title {
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 500;
+				font-size: 32rpx;
+				color: #333333;
+				margin-bottom: 24rpx;
+			}
+
+			.user-info {
+				display: inline-flex;
+				align-items: center;
+				flex-wrap: nowrap;
+				justify-content: space-between;
+				flex-direction: row;
+				width: 100%;
+
+				/* 头像 */
+				.head-portrait {
+					width: 120rpx;
+					height: 120rpx;
+					border-radius: 50%;
+					background-color: aquamarine;
+
+					img {
+						width: 100%;
+						height: 100%;
+						border-radius: 50%;
+					}
+				}
+
+				.info-view {
+					margin-left: 24rpx;
+
+					.iconTag-view {
+						display: inline-flex;
+						align-items: center;
+						flex-wrap: nowrap;
+						justify-content: space-between;
+						flex-direction: row;
+						padding: 12rpx 0;
+
+						.icon-tag {
+							width: 148rpx;
+							height: 34rpx;
+
+							img {
+								width: 100%;
+								height: 100%;
+							}
+
+						}
+					}
+
+				}
+			}
+		}
+
+		.union-dec {
+			min-height: 220rpx;
+
+			.user-dec {
+				text-indent: 2em;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #333333;
+			}
+		}
+
+		.confirm-button {
+			padding: 0 50rpx;
+
+			.button {
+				display: block;
+				width: 100%;
+				height: 84rpx;
+				border-radius: 106rpx;
+				line-height: 84rpx;
+				background: var(--primary-color);
+				color: var(--font-button-color);
+				text-align: center;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+			}
+		}
+	}
+</style>

pages/union/exitApplication.vue

@@ -0,0 +1,155 @@
+<template>
+	<view class="view-page" :style="{ backgroundImage: `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')` }">
+		<headerHeight />
+		<navBar :navTitle="`退出审核`">
+		</navBar>
+		<view class="content">
+			<view class="box-line flex-line w-fill" v-for="(ele, index) in dataList">
+				<view class="flex-line">
+					<img style="width: 100rpx;height: 100rpx;border-radius: 50%;" :src="ele.avatar || logo" alt="" />
+					<view class="ml-20">
+						<view class="color-3 font-32 font-w500">
+							{{ ele.nickname }}
+						</view>
+						<view class="color-6 font-24">
+							ID: {{ ele.user_code }}
+						</view>
+					</view>
+				</view>
+				<view>
+					<view :class="ele.status === 1 ? 'success-text' : 'error-text'" v-if="ele.status">
+						{{ ele.status === 1 ? '已同意' : '已拒绝' }}
+					</view>
+					<view class="flex-line" v-else>
+						<view class="no-button" @click="RefuseOrAgreeData(ele, 2)">
+							拒绝
+						</view>
+						<view class="agree-button" @click="RefuseOrAgreeData(ele, 1)">
+							同意
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<uni-popup ref="message" type="message">
+			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+import headerHeight from '@/component/headerHeight.vue';
+import http from '@/until/http.js';
+import logo from '@/static/image/logo.png';
+import navBar from '@/component/nav.vue';
+export default {
+	components: {
+		headerHeight,
+		navBar
+	},
+	data() {
+		return {
+			logo,
+			guildId: null,
+			msgType: "",
+			messageText: "",
+			dataList: [],
+			searchParams: {
+				guild_id: 0,
+				token: uni.getStorageSync('token') || ''
+			},
+			ThemeData: null
+		}
+	},
+	onLoad(options) {
+		const {
+			id
+		} = options
+		this.searchParams.guild_id = id
+		if (id) this.getList()
+		if (uni.getStorageSync('Theme_Data')) {
+			this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+		}
+	},
+	methods: {
+		async RefuseOrAgreeData(ele, type) {
+			const {
+				code,
+				data,
+				msg
+			} = await http.post('/api/Guild/quit_apply_audit', {
+				token: uni.getStorageSync('token') || '',
+				apply_id: ele.id,
+				type
+			})
+			if (code === 1) {
+				this.msgType = 'success'
+				this.messageText = `操作成功`
+				this.$refs.message.open()
+				this.getList()
+			} else {
+				this.messageText = msg
+				this.msgType = 'error'
+				this.$refs.message.open()
+			}
+		},
+		async getList() {
+			const {
+				code,
+				data
+			} = await http.get('/api/Guild/quit_apply_list', this.searchParams)
+			if (code) {
+				this.dataList = data.list
+			}
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.view-page {
+	min-height: 100vh;
+	font-family: Source Han Sans CN, Source Han Sans CN;
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+
+	.content {
+		padding: 0 24rpx;
+		width: calc(100vw - 48rpx);
+		height: calc(100vh - 67px);
+
+		.box-line {
+			justify-content: space-between;
+			margin-top: 24rpx;
+
+			.success-text {
+				color: var(--primary-color);
+			}
+
+			.error-text {
+				color: #FC8871;
+			}
+
+			.agree-button,
+			.no-button {
+				width: 140rpx;
+				height: 48rpx;
+				background: var(--primary-color);
+				color: var(--font-button-color);
+				border-radius: 68rpx;
+				display: inline-flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 24rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+			}
+
+			.no-button {
+				background-color: #333333;
+				color: #fff;
+				margin-right: 24rpx;
+			}
+		}
+	}
+}
+</style>

pages/union/historyRecord.vue

@@ -0,0 +1,95 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="`历史记录`">
+		</navBar>
+		<view class="content">
+			<tableView :tableData="dataList"></tableView>
+		</view>
+	</view>
+</template>
+
+<script>
+import headerHeight from '@/component/headerHeight.vue';
+import http from '@/until/http.js';
+import navBar from '@/component/nav.vue';
+import tableView from '@/component/newTable.vue'
+export default {
+	components: {
+		headerHeight,
+		navBar,
+		tableView
+	},
+	data() {
+		return {
+			guildId: null,
+			dataList: [],
+			pageConfig: {
+				currentPage: 1,
+				pageSize: 10
+			},
+			searchParams: {
+				guild_id: 0,
+				token: uni.getStorageSync('token') || ''
+			},
+			ThemeData: null
+		}
+	},
+	onLoad(options) {
+		const {
+			id
+		} = options
+		this.searchParams.guild_id = id
+		if (id) this.getList()
+		if (uni.getStorageSync('Theme_Data')) {
+			this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+		}
+	},
+	methods: {
+		async getList() {
+			const {
+				code,
+				data
+			} = await http.get('/api/Guild/guild_subsidy_list', {
+				...this.searchParams,
+				page: this.pageConfig.currentPage,
+				page_limit: this.pageConfig.pageSize,
+			})
+			if (code) {
+				this.pageConfig.total = data.count
+				this.loading = false
+				const newData = data.list || []
+				if (newData.length === 0) {
+					this.noMore = true
+					return
+				}
+				if (this.dataList.length === this.pageConfig.total) {
+					this.noMore = true
+					return
+				}
+				this.dataList = [...this.dataList, ...newData]
+				this.pageConfig.currentPage++
+
+			}
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.view-page {
+	min-height: 100vh;
+	font-family: Source Han Sans CN, Source Han Sans CN;
+	// background-image: url('@/static/image/help/bg.png');
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+
+	.content {
+		padding: 0 24rpx;
+		width: calc(100vw - 48rpx);
+		height: calc(100vh - 67px);
+		background: #FFFFFF;
+		border-radius: 32rpx 32rpx 0rpx 0rpx;
+	}
+}
+</style>

pages/union/index.vue

@@ -0,0 +1,538 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}"
+			:navTitle="'公会中心'" :emitBack="true" @backEvent="back">
+			<template #rightView>
+				<view v-if="isMerber" @click="jumpMineUnion" class="font-24 minUnicon" style="white-space: nowrap">
+					我的公会
+				</view>
+			</template>
+		</navBar>
+		<view class="content">
+			<view class="flex-input">
+				<uni-easyinput type="number" prefixIcon="search" clearSize="18" v-model="searchValue"
+					placeholder="请输入公会ID">
+				</uni-easyinput>
+				<view class="search-button" @click="search">
+					搜索
+				</view>
+			</view>
+			<swiper class="swipe-view" circular  :autoplay="true" :interval="2000" :duration="500">
+				<swiper-item v-for="item in swiperList" :key="item">
+					<view class="swiper-item uni-bg-red">
+						<img :src="item.image" alt="" />
+					</view>
+				</swiper-item>
+			</swiper>
+			<view class="title">
+				热门公会
+			</view>
+			<view class="hotspot-view">
+				<view class="hotspot-box" v-for="data in listData" :key="data.id" @click="viewDetails(data)">
+					<view class="flex-line">
+						<view class="head-portrait">
+							<img :src="data.cover || logo" alt="" />
+						</view>
+						<view class="info-box ml-20">
+							<view class="flex-line">
+								<span class="truncate">{{data.guild_name}}</span><span
+									class="id-title">ID:{{data.guild_special_id}}</span>
+								<img @click.stop="copyData(data.guild_special_id)" class="icon-box"
+									src="@/static/image/union/copy.png" alt="" />
+							</view>
+							<view class="subhead-title truncate">
+								{{data.intro}}
+							</view>
+							<view class="chairman">
+								<view class="chairman-portrait">
+									<img :src="data.user_avatar" alt="暂无头像" />
+								</view>
+								<view class="chairman-name">
+									{{data.user_name}}
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="right-button">
+						<!-- 				<view class="apply-button">
+							申请
+						</view> -->
+						<view class="online-view">
+							<view v-show="data.guild_user_list.length">
+								<view class="avatars-container">
+									<view class="avatar" v-for="ele in data.guild_user_list.slice(0,3)" :key="ele.id">
+										<img :src="ele.avatar" alt="" />
+									</view>
+
+								</view>
+
+							</view>
+							<view class="online-people">
+								{{data.num}}人
+							</view>
+						</view>
+					</view>
+				</view>
+				<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png';
+	export default {
+		components: {
+			navBar
+		},
+		data() {
+			return {
+				searchValue: '',
+				logo,
+				loading: false,
+				noMore: false,
+				pageConfig: {
+					pageSize: 5,
+					currentPage: 1,
+					total: 2
+				},
+				isMerber: null,
+				listData: [],
+				UnionByUser: null,
+				statusBarHeight: 0,
+				ThemeData: null,
+				swiperList: []
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				h
+			} = options
+			uni.setStorageSync('token', id || '14a62bb9dac0eebf7fb9643639a7e172')
+			if (uni.getStorageSync('token')) {
+				this.getList()
+				this.getInfo()
+				this.getSwiper()
+			}
+			this.statusBarHeight = h
+			uni.setStorageSync('BarHeight', h)
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+			// 监听事件，事件名如 'refreshList'
+			uni.$on('refreshList', (data) => {
+				this.refreshList(); // 执行刷新方法
+				// 如果传递了数据，可以从 data 中获取
+			});
+		},
+		onUnload() {
+			// 页面卸载时移除事件监听，避免内存泄漏和重复监听
+			uni.$off('refreshList');
+		},
+		onReachBottom() {
+			if (!this.loading && !this.noMore) {
+				this.getList()
+			}
+		},
+		methods: {
+			// 关闭当前公会中心页面
+			back() {
+				this.closeWeb()
+			},
+			search() {
+				this.pageConfig.currentPage = 1
+				this.listData = []
+				this.getList()
+			},
+			refreshList() {
+				this.searchValue = ''
+				this.search()
+				this.getInfo()
+			},
+			closeWeb() {
+				const platform = uni.getSystemInfoSync().platform;
+				// console.log(platform, '打印设备参数')
+				if (platform === 'ios') {
+					console.log('调用iOS原生方法')
+					// 通过 messageHandlers 调用 iOS 原生方法
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					console.log('调用Android原生方法')
+					// 调用 Android 原生方法
+					window.Android.closeWeb();
+				}
+			},
+			async getSwiper() {
+				http.get('/api/banner/get_banner_list', {
+					token: uni.getStorageSync('token') || '',
+					show_type: 5
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.swiperList = code ? data : []
+				})
+			},
+			async getInfo() {
+				http.get('/api/Guild/is_guild_member', {
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.isMerber = code ? data : false
+					this.UnionByUser = code ? data.guild_id : 0
+				}).catch(error => {
+					this.isMerber = false
+					this.UnionByUser = null
+				});
+			},
+			async getList() {
+				this.loading = true
+				http.get('/api/Guild/guild_list', {
+					page: this.pageConfig.currentPage,
+					limit: this.pageConfig.pageSize,
+					search_id: this.searchValue,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						this.pageConfig.total = data.count
+						this.loading = false
+						const newData = data.list || []
+						if (newData.length === 0) {
+							this.noMore = true
+							return
+						}
+						this.listData = [...this.listData, ...newData]
+						this.pageConfig.currentPage++
+						if (this.listData.length === this.pageConfig.total) {
+							this.noMore = true
+							return
+						}
+					}
+				}).catch(error => {
+					this.loading = false
+				});
+			},
+			// 点击公会详情
+			viewDetails(data) {
+				uni.navigateTo({
+					url: `/pages/union/detail?id=${data.id}`
+				});
+			},
+			// 跳转到我的公会
+			jumpMineUnion() {
+				uni.navigateTo({
+					url: `/pages/union/detail?id=${this.UnionByUser}`
+				});
+			},
+			copyData(text) {
+				if (text) {
+					if (uni.getSystemInfoSync().platform === 'h5') {
+						const textarea = document.createElement('textarea');
+						textarea.value = text;
+						document.body.appendChild(textarea);
+						textarea.select();
+						document.execCommand('copy');
+						document.body.removeChild(textarea);
+
+						uni.showToast({
+							title: '复制成功',
+							icon: 'none',
+						});
+						return;
+					} else {
+						uni.setClipboardData({
+							data: text,
+							success: () => {
+								uni.showToast({
+									title: '已复制到剪贴板',
+									icon: 'none',
+									duration: 1500
+								});
+							},
+							fail: () => {
+								uni.showToast({
+									title: '复制失败，请重试',
+									icon: 'none'
+								});
+							}
+						});
+					}
+				} else {
+					uni.showToast({
+						title: '暂无可复制文本',
+						icon: 'none'
+					});
+				}
+
+
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.view-page {
+		// padding: 32rpx;
+		// min-height: 100vh;
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+
+		.minUnicon {
+			color: var(--primary-color);
+		}
+
+		.content {
+			padding: 0 32rpx;
+		}
+
+		.avatar {
+			width: 44rpx;
+			height: 44rpx;
+			border-radius: 50%;
+			position: absolute;
+			border: 2px solid white;
+			/* 白色边框 */
+			background-size: cover;
+			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+			transition: all 0.4s ease;
+
+			img {
+				width: 100%;
+				height: 100%;
+				border-radius: 50%;
+			}
+		}
+
+		/* 头像位置 */
+		.avatar:nth-child(1) {
+			left: calc(50% - 60rpx);
+			z-index: 3;
+		}
+
+		.avatar:nth-child(2) {
+			left: calc(50% - 35rpx);
+			z-index: 2;
+		}
+
+		.avatar:nth-child(3) {
+			left: calc(50% - 10rpx);
+			z-index: 1;
+		}
+
+		/* 悬停效果 */
+		.avatar:hover {
+			transform: translateY(-10px);
+			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
+			z-index: 10;
+		}
+
+		/* 搜索框 */
+		.flex-input {
+			width: 100%;
+			display: inline-flex;
+			align-items: center;
+			flex-wrap: nowrap;
+			flex-direction: row;
+
+			.search-button {
+				padding: 0 0 0 20rpx;
+			}
+		}
+
+		/* 轮播图 */
+		.swipe-view {
+			width: 100%;
+			height: 200rpx;
+			// background-color: antiquewhite;
+			border-radius: 14rpx;
+			margin-top: 36rpx;
+			// background-image: url('/static/image/swiper.jpg');
+			// background-repeat: no-repeat;
+			// background-size: 100% 100%;
+		}
+
+		.title {
+			padding: 24rpx 0;
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #333333;
+		}
+
+		/* 热门公会 */
+		.hotspot-view {
+			.hotspot-box {
+				width: calc(100% - 48rpx);
+				padding: 24rpx;
+				// min-height: calc(268rpx - 48rpx);
+				background: #FFFFFF;
+				border-radius: 20rpx;
+				margin-bottom: 24rpx;
+				/* */
+				display: inline-flex;
+				align-items: center;
+				flex-wrap: nowrap;
+				justify-content: space-between;
+				flex-direction: row;
+
+				/* 头像 */
+				.head-portrait {
+					width: 120rpx;
+					height: 120rpx;
+					border-radius: 50%;
+
+					img {
+						width: 100%;
+						height: 100%;
+						border-radius: 50%;
+					}
+				}
+
+				/* 中间信息 */
+				.info-box {
+					padding: 0 24rpx;
+
+					// width: 55%;
+					.icon-box {
+						width: 20rpx;
+						height: 20rpx;
+						margin-left: 5rpx;
+					}
+
+					/* 会长样式 */
+					.chairman {
+						min-width: 106rpx;
+						height: 36rpx;
+						padding: 0 12rpx;
+						color: #fff;
+						font-size: 24rpx;
+						text-align: right;
+						background: var(--subss-color);
+						border-radius: 116rpx 116rpx 116rpx 116rpx;
+						border: 2rpx solid var(--subss-color);
+						position: relative;
+						left: 10rpx;
+						margin: 32rpx 0;
+						display: inline-flex;
+
+						.truncate-three {
+							text-align: left;
+						}
+
+						.chairman-portrait {
+							width: 50rpx;
+							height: 50rpx;
+							border-radius: 50%;
+							border: 2rpx solid #FFFFFF;
+							position: absolute;
+							top: -10rpx;
+							left: -20rpx;
+
+							img {
+								width: 100%;
+								height: 100%;
+								border-radius: 50%;
+							}
+						}
+
+						.chairman-name {
+							margin-left: 0.9rem;
+						}
+					}
+
+					.id-title {
+						font-size: 24rpx;
+						color: #666666;
+						margin-left: 24rpx;
+					}
+
+					.subhead-title {
+						display: block;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #666666;
+						margin: 8rpx 0;
+					}
+
+					.like-box {
+						display: inline-flex;
+						align-items: center;
+						flex-wrap: nowrap;
+						flex-direction: row;
+						padding: 6rpx 24rpx;
+						background: #2AFEC0;
+						border-radius: 35rpx;
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: #333333;
+						margin: 8rpx 0;
+					}
+				}
+
+				/* 右边按钮 */
+				.right-button {
+					text-align: center;
+
+					.apply-button {
+						display: inline-block;
+						background: var(--primary-color);
+						font-size: var(--font-button-size);
+						color: var(--font-button-color);
+						border-radius: 68rpx;
+						text-align: center;
+
+						padding: 4rpx 30rpx;
+					}
+
+					.online-view {
+						// display: inline-block; 
+						margin-top: 24rpx;
+						padding: 12rpx 8rpx;
+						text-align: right;
+						width: 160rpx;
+						height: 44rpx;
+						line-height: 44rpx;
+						// background: #333333;
+						border-radius: 92rpx 92rpx 92rpx 92rpx;
+						position: relative;
+
+						.avatars-container {
+							position: absolute;
+							top: 10rpx;
+							left: 40%;
+						}
+
+						.online-people {
+							color: rgba(0, 0, 0, 0.5);
+							font-size: 24rpx;
+							text-align: left;
+							display: inline-block;
+							/* width: 6ch; */
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+							word-break: keep-all;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/union/memberList.vue

@@ -0,0 +1,170 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<!-- <headerHeight /> -->
+		<navBar :navTitle="'查看成员'" :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}">
+		</navBar>
+		<view class="content">
+			<view class="">
+				<view class="flex-line w-fill mt-24 flex-spaceB" v-for="item in dataList" :key="item">
+					<view class="flex-line" @click="jumpHomePage(item)">
+						<view class="image-view">
+							<img :src="item.avatar || logo" alt="" />
+						</view>
+						<view style="width: 84rpx;" v-if="item.role === 'Owner' || item.role === 'Admin'">
+							<img v-if=" item.role === 'Owner'" src="@/static/image/union/ghz.png" alt="" />
+							<img v-if="item.role === 'Admin'" :src="$config.PRIMARY_BLYURL" alt="" />
+						</view>
+						<view class="ml-20 flex-line">
+							<span>{{item.nickname}}</span>
+						</view>
+					</view>
+					<view class="icon-button" v-if="!item.is_self">
+						<img v-if="item.in_room_id" @click="jumpRoomPage(item)" src="@/static/image/union/follow.png" alt="" />
+						<img v-else @click="weChatUser(item)" src="@/static/image/union/sixin.png" alt="" />
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logout from '@/static/image/union/logout.png'
+	import logo from '@/static/image/logo.png';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				logo,
+				guildId:null,
+				statusBarHeight:0,
+				pageConfig: {
+					pageSize: 20,
+					currentPage: 1,
+					total: 0
+				},
+				loading:false,
+				noMore:true,
+				dataList: [],
+				ThemeData:null
+			}
+		},
+		onLoad(options) {
+			const {
+				guildId,h
+			} = options
+			// console.log(guildId)
+			this.guildId = guildId
+			this.statusBarHeight = h || uni.getStorageSync('BarHeight')
+			if(this.guildId) this.getList()
+					if (uni.getStorageSync('Theme_Data')) {
+			this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+		}
+		},
+		methods: {
+			jumpHomePage(data){
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'jumpWebPage',
+						'data': {
+							userId: data.user_id
+						}
+					});
+				} else if (platform === 'android') {
+					window.Android.jumpWebPage(data.user_id);
+				}
+			},
+			jumpRoomPage(data){
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'jumpRoomPage',
+						'data': {
+							room_id: data.in_room_id
+						}
+					});
+				} else if (platform === 'android') {
+					window.Android.jumpRoomPage(data.in_room_id);
+				}
+			},
+			weChatUser(data){
+			const platform = uni.getSystemInfoSync().platform;
+			if (platform === 'ios') {
+				window.webkit.messageHandlers.nativeHandler.postMessage({
+					'action': 'chatWithUser',
+					'data': {
+						userId: data.user_id,
+						userName:data.nickname
+					}
+				});
+			} else if (platform === 'android') {
+				window.Android.chatWithUser(data.user_id,data.nickname);
+			}	
+			},
+			// 获取成员列表
+			async getList() {
+				const {
+					code,
+					data
+				} = await http.get('/api/Guild/member_list', {
+					guild_id: this.guildId,
+					token: uni.getStorageSync('token') || '',
+					page: this.pageConfig.currentPage,
+					page_limit: this.pageConfig.pageSize
+				})
+				if (code) {
+					this.pageConfig.total = data.count
+					this.loading = false
+					const newData = data.list || []
+					if (newData.length === 0) {
+						this.noMore = true
+						return
+					}
+					this.dataList = [...this.dataList, ...newData]
+					this.pageConfig.currentPage++
+					if (this.dataList.length === this.pageConfig.total) {
+						this.noMore = true
+						return
+					}
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.view-page {
+		display: flex;
+		flex-direction: column;
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+
+		.image-view {
+			width: 100rpx;
+			height: 100rpx;
+			margin: 0 24rpx;
+
+			img {
+				border-radius: 50%;
+			}
+		}
+
+		.icon-button {
+			width: 140rpx;
+			height: 48rpx;
+		}
+
+		.content {
+			padding: 0 32rpx;
+		}
+	}
+</style>

pages/union/roomAndflow.vue

@@ -0,0 +1,239 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="`${ leaderStatus ? '公会房间及流水' : '公会房间'}`">
+			<template #rightView>
+			</template>
+		</navBar>
+		<view class="content_view">
+			<view>
+				<uni-datetime-picker type="range" style="background-color: #f8f8f8;" start-placeholder="开始时间"
+					:end="currentDate" end-placeholder="结束时间" v-model="dateSearch" rangeSeparator="至"
+					@change="changeDate" />
+			</view>
+			<view class="header-view" v-if="flowDetail && leaderStatus">
+				<view class="flex-line flow-view w-fill flex-spaceB">
+					<view class="flowTitle">
+						总流水
+					</view>
+				</view>
+				<view class="flowNumber">
+					{{flowDetail.total_transaction}}
+				</view>
+			</view>
+			<view class="room-list flex-line" v-if="flowList && flowList.length">
+				<view class="room-line flex-line flex-spaceB" v-for="data in flowList" :key="data.room_id"
+					@click="jumpRoomPage(data)">
+					<view class="flex-line">
+						<view class="head-portrait">
+							<img :src="data.room_cover || logo" alt="" />
+						</view>
+						<view class="ml-20">
+							<view class="color-3 font-32 font-w500">
+								{{data.room_name}}
+							</view>
+							<view class="color-6 font-24">
+								ID:{{data.room_number}}
+							</view>
+						</view>
+					</view>
+					<view class="flex-line" v-if="leaderStatus">
+						<view class="flowIcon">
+							<img src="@/static/image/union/flowIcon.png" alt="" />
+						</view>
+						<view class="ml-20">
+							{{data.total_price || 0}}
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="mt-24">
+				<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png'
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				dateSearch: [new Date(), new Date()],
+				currentDate: +new Date(),
+				logo,
+				loading: false,
+				noMore: false,
+				detailData: null,
+				pageConfig: {
+					pageSize: 20,
+					currentPage: 1,
+					total: 0
+				},
+				searchParams: {
+					guild_id: 0,
+					start_time: new Date(),
+					end_time: new Date(),
+					token: uni.getStorageSync('token') || '',
+					page: 1,
+					page_size: 20
+				},
+				leaderStatus: null,
+				flowDetail: null,
+				flowList: [],
+				ThemeData: null
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				leader
+			} = options
+
+			this.leaderStatus = +leader
+			this.searchParams.start_time = this.formatDate(new Date())
+			this.searchParams.end_time = this.formatDate(new Date())
+			this.searchParams.guild_id = id
+			if (id) this.getFlow()
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		onReachBottom() {
+			if (!this.loading && !this.noMore) {
+				this.getFlow()
+			}
+		},
+		methods: {
+			formatDate(timestamp) {
+				const date = new Date(timestamp);
+				const year = date.getFullYear();
+				const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始需+1
+				const day = String(date.getDate()).padStart(2, '0');
+				return `${year}-${month}-${day}`;
+			},
+			// 获取流水
+			async getFlow() {
+				const {
+					code,
+					data
+				} = await http.get('/api/Guild/guild_flow', {
+					...this.searchParams,
+					page: this.pageConfig.currentPage,
+					page_size: this.pageConfig.pageSize,
+				})
+				if (code) {
+					this.flowDetail = data
+					this.pageConfig.total = data.count
+					this.loading = false
+					const newData = data.list || []
+					if (newData.length === 0) {
+						this.noMore = true
+						return
+					}
+					this.flowList = [...this.flowList, ...newData]
+					this.pageConfig.currentPage++
+					if (this.flowList.length === this.pageConfig.total) {
+						this.noMore = true
+						return
+					}
+					// console.log(this.flowList.length === this.pageConfig.total)
+				}
+			},
+			jumpRoomPage(data) {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'jumpRoomPage',
+						'data': {
+							room_id: data.room_id
+						}
+					});
+				} else if (platform === 'android') {
+					window.Android.jumpRoomPage(data.room_id);
+				}
+			},
+			// 日期范围
+			changeDate(date) {
+				this.searchParams.start_time = date.length ? date[0] : ''
+				this.searchParams.end_time = date.length ? date[1] : ''
+				this.getFlow()
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.view-page {
+		// padding: 24rpx 32rpx;
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+
+		.content_view {
+			padding: 0 24rpx;
+		}
+
+		.header-view {
+			padding: 24rpx;
+			margin-top: 24rpx;
+			background-image: url('/static/image/union/flowbg.png');
+			background-repeat: no-repeat;
+			background-size: 100% 100%;
+			height: 152rpx;
+			color: var(--font-flowbg-color);
+
+			.flow-view {
+				font-weight: 400;
+				font-size: 24rpx;
+			}
+
+			.flowNumber {
+
+				font-weight: 500;
+				font-size: 40rpx;
+
+				margin-top: 24rpx;
+			}
+		}
+
+		.room-list {
+			flex-wrap: wrap;
+			width: 100%;
+
+			.room-line {
+				width: 100%;
+				// background-color: #004D3C;
+				margin-top: 24rpx;
+				padding: 24rpx;
+				border-radius: 10rpx;
+				background-color: #fff;
+
+				.flowIcon {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.head-portrait {
+					width: 100rpx;
+					height: 100rpx;
+					border-radius: 50%;
+
+					img {
+						border-radius: 50%;
+					}
+				}
+			}
+		}
+
+	}
+</style>

pages/union/setGroup.vue

@@ -0,0 +1,326 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<!-- <headerHeight /> -->
+		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'群聊设置'"  :emitBack="true" @backEvent="back">
+		</navBar>
+		<view class="content" v-if="detailData">
+			<view class="name-view flex-line">
+				<view class="name-image">
+					<img :src="detailData.guild_cover" alt="" />
+				</view>
+				<view class="name-title">
+					{{detailData.name}}
+				</view>
+			</view>
+			<!-- 群聊成员 -->
+			<view class="member-view">
+				<view class="flex-line w-fill" style="justify-content: space-between;">
+					<view class="member-name">
+						群聊成员
+					</view>
+					<view class="flex-line member-detail" @click="memberList">
+						<span class="color-6">查看成员</span> <uni-icons class="flex-line" type="right" color="#666"
+							size="16"></uni-icons>
+					</view>
+
+				</view>
+				<view class="w-fill flex-line mt-24" style="align-items: flex-start;justify-content: space-between;">
+					<view class="" v-for="ele in detailData.user_list">
+						<view class="image-view">
+							<img :src="ele.avatar" alt="" />
+						</view>
+						<view class="color-9 font-28 mt-24 text-container" style="text-align: center;">
+							{{ele.nickname}}
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 编辑 -->
+			<view class="edit-name">
+				<uni-easyinput v-model="guildName" :disabled="detailData.is_deacon !== 1 " primaryColor="#999" :inputBorder="false" :styles="styles" :placeholderStyle="placeholderStyle" placeholder="请输入内容"></uni-easyinput>
+			</view>
+			<view class="edit-notice">
+				<view class="notice-title">
+					群聊公告
+				</view>
+				<view class="notice-view">
+					<uni-easyinput  primaryColor="#999" :inputBorder="false" :disabled="detailData.is_deacon !== 1 " :styles="styles" :placeholderStyle="placeholderStyle" type="textarea" autoHeight v-model="detailData.notification" placeholder="请输入群聊公告"></uni-easyinput>
+				</view>
+			</view>
+			<view class="footer"v-if="detailData.is_deacon === 1">
+				<view class="confirm-button" @click="confirmInfo">
+					<view class="button">
+						确认保存
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logout from '@/static/image/union/logout.png'
+	import logo from '@/static/image/logo.png';
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				logo,
+				guildId:null,
+				notice:'',
+				value: '',
+				guildName:'',
+				detailData:null,
+				styles: {
+					color: '#333',
+					borderColor: 'none'
+				},
+				statusBarHeight:0,
+				placeholderStyle: "color:321;font-size:14px",
+				ThemeData:null
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				guildId,h
+			} = options
+			uni.setStorageSync('token', id)
+			this.guildId = guildId || ''
+			if (uni.getStorageSync('token')) {
+				this.getInfo()
+			}
+			this.statusBarHeight = h || uni.getStorageSync('BarHeight')
+			if(uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		methods:{
+			// 关闭当前公会中心页面
+			back() {
+				this.closeWeb()
+			},
+			closeWeb(){
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					// 通过 messageHandlers 调用 iOS 原生方法
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'closeWeb'
+					});
+				} else if (platform === 'android') {
+					// 调用 Android 原生方法
+					window.Android.closeWeb();
+				}
+			},
+			async getInfo() {
+				http.get('/api/Guild/get_guild_info', {
+					token: uni.getStorageSync('token') || '',
+					guild_id: this.guildId
+				}).then(response => {
+					const {
+						data,
+						code
+					} = response
+					this.detailData = data || null
+					if(data) {
+						this.detailData.user_list = data.user_list.slice(0,4)
+					}
+					this.guildName = data.name || null
+				}).catch(error => {
+				});
+			},
+			memberList(){
+				uni.navigateTo({
+					url: `/pages/union/memberList?guildId=${this.guildId}`
+				});
+			},
+			async confirmInfo(){
+				if (this.guildName === '') {
+					uni.showToast({
+						title: "请输入群聊名称",
+						icon: 'none'
+					});
+					return
+				}
+				const parameter = {
+					token: uni.getStorageSync('token'),
+					guild_id: this.detailData.guild_id,
+					name: this.guildName,
+					notice: this.detailData.notice,
+					avatar: this.detailData.guild_cover
+				}
+				uni.showLoading({
+					title: '提交中',
+					mask: true
+				})
+				http.post('/api/Guild/set_guild_info', parameter).then(response => {
+					const {
+						data,
+						code
+					} = response
+					if (code) {
+						setTimeout(() => {
+							uni.hideLoading()
+							uni.showToast({
+								title: "提交成功",
+								icon: 'none',
+								mask: true
+							});
+							this.getInfo()
+						}, 1000)
+					} else {
+						uni.showToast({
+							title: "提交失败",
+							icon: 'error'
+						});
+						uni.hideLoading()
+					}
+				
+				}).catch(error => {
+					uni.showToast({
+						title: "提交失败",
+						icon: 'error'
+					});
+					uni.hideLoading()
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.view-page {
+		// padding: 32rpx;
+		display: flex;
+		flex-direction: column;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		.text-container {
+		  width: 150rpx; /* 指定容器宽度 */
+		  white-space: nowrap; /* 防止文本换行 */
+		  overflow: hidden; /* 隐藏溢出的文本 */
+		  text-overflow: ellipsis; /* 显示省略号 */
+		}
+		.footer {
+			// background: #f0f0f0;
+			padding: 20rpx;
+			text-align: center;
+			/* 适配iPhoneX等刘海屏 */
+			padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+			
+			.confirm-button {
+				padding: 0 50rpx;
+			
+				.button {
+					display: block;
+					width: 100%;
+					height: 84rpx;
+					border-radius: 106rpx;
+					line-height: 84rpx;
+				background: var(--primary-color);
+				color: var(--font-button-color);
+					text-align: center;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+				}
+			}
+		}
+		.image-view {
+			width: 100rpx;
+			height: 100rpx;
+			margin: 0 24rpx;
+
+			img {
+				border-radius: 50%;
+			}
+		}
+
+		.content {
+			padding: 0 32rpx;
+
+			.name-view {
+				// width: ;
+				width: 100%;
+				margin-top: 24rpx;
+				height: 148rpx;
+				background: #FFFFFF;
+				border-radius: 22rpx;
+
+				.name-image {
+					width: 100rpx;
+					height: 100rpx;
+					margin: 0 24rpx;
+
+					img {
+						border-radius: 50%;
+					}
+				}
+
+				.name-title {
+
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #333333;
+					text-align: left;
+					font-style: normal;
+					text-transform: none;
+				}
+			}
+
+			.member-view {
+				padding: 24rpx;
+				margin-top: 24rpx;
+				// width: ;
+				background-color: #fff;
+				border-radius: 22rpx;
+
+				.member-name {
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #333;
+					text-align: left;
+					font-style: normal;
+					text-transform: none;
+
+					.member-detail {
+						color: #666;
+					}
+				}
+			}
+		    .edit-name{
+				margin-top: 24rpx;
+				background: #EFF2F8;
+				padding: 24rpx;
+				border-radius: 22rpx;
+			}
+			.edit-notice{
+
+				.notice-title{
+					padding: 24rpx 0;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 500;
+					font-size: 32rpx;
+					color: #333333;
+					text-align: left;
+					font-style: normal;
+					text-transform: none;
+				}
+				.notice-view{
+					background: #EFF2F8;
+					padding: 24rpx;
+					border-radius: 22rpx;
+				}
+			}
+		}
+	}
+</style>

pages/union/subsidy.vue

@@ -0,0 +1,121 @@
+<template>
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="`公会补贴`">
+			<template #rightView>
+				<view class="icon-right flex-line" @click="exit"
+					v-if="detailData && leaderStatus" >
+					<view @click="historyRecord" class="font-24 minUnicon" style="white-space: nowrap">
+						历史记录
+					</view>
+				</view>
+			</template>
+		</navBar>
+		<view class="content-view" v-if="detailData">
+			<view class="bottom" v-for="(data,index) in detailData" :key="index">
+				<view class="flex-line flex-spaceB w-fill">
+					<view class="color-3 font-w500 font-32">
+						{{data.name}}
+					</view>
+					<view class="font-28" :style="{'color' : data.status_str === '已发放' ? '#999' : '#45D08C'}">
+					</view>
+				</view>
+				<view class="line">
+
+				</view>
+				<view class="flex-line flex-spaceB w-fill">
+					<view class="cumulative font-28 font-w400">
+						累计流水：{{data.total_transaction}}
+					</view>
+					<view class="subsidy font-28">
+						获得补贴：{{data.subsidy_amount}}
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png'
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				logo,
+				detailData: null,
+				searchParams: {
+					guild_id: 0,
+					token: uni.getStorageSync('token') || '',
+				},
+				ThemeData:null
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				leader
+			} = options
+			this.leaderStatus = +leader
+			this.searchParams.guild_id = id
+			if (id) this.getSubsidy()
+			if(uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		methods: {
+			// 
+			async getSubsidy() {
+				const {
+					code,
+					data
+				} = await http.get('/api/Guild/guild_subsidy', this.searchParams)
+				this.detailData = code ? data.list : null
+			},
+			historyRecord(){
+				uni.navigateTo({
+					url: `/pages/union/historyRecord?id=${this.searchParams.guild_id}`
+				});
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.view-page {
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		.minUnicon{
+			color: var(--primary-color);
+		}
+		.content-view{
+			padding: 0 24rpx;
+		}
+		.bottom{
+			margin-top: 40rpx;
+		}
+		.cumulative {
+			color: #FF8ACC;
+		}
+
+		.line {
+			background-color: #ECECEC;
+			height: 1rpx;
+			margin: 24rpx 0;
+		}
+
+		.subsidy {
+			color: var(--primary-color);
+		}
+	}
+</style>

pages/union/test.vue

@@ -0,0 +1,719 @@
+<template>
+  <div class="wealth-level-page">
+    <!-- 顶部导航栏 -->
+    <div class="header">
+      <div class="back-btn" @click="goBack">
+        <i class="icon-back">‹</i>
+      </div>
+      <div class="title-section">
+        <h1 class="main-title">财富等级</h1>
+        <span class="sub-title">主播等级</span>
+      </div>
+      <div class="help-btn" @click="showHelp">
+        <i class="icon-help">?</i>
+      </div>
+    </div>
+
+    <!-- 等级进度环形图 -->
+    <div class="level-progress-section">
+      <div class="progress-ring-container">
+        <!-- 等级标签 -->
+        <div class="level-labels">
+          <div
+            class="level-label"
+            v-for="(level, index) in levels"
+            :key="index"
+            :class="{ active: currentLevelIndex >= index }"
+          >
+            <span class="level-name">{{ level.name }}</span>
+            <div
+              class="level-dot"
+              :class="{ active: currentLevelIndex >= index }"
+            ></div>
+          </div>
+        </div>
+
+        <!-- 中心头像和信息 -->
+        <div class="center-info">
+          <div class="avatar">
+            <img :src="userAvatar" alt="用户头像" />
+          </div>
+          <div class="experience-info">
+            <div class="current-exp">
+              <span class="exp-number">{{ currentExp }}</span>
+              <span class="exp-label">当前经验</span>
+            </div>
+            <div class="next-level-exp">
+              <span class="exp-number">{{ nextLevelExp }}</span>
+              <span class="exp-label">距离下一个等级</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 进度弧线 -->
+        <svg class="progress-ring" viewBox="0 0 200 200">
+          <circle
+            class="progress-ring-bg"
+            cx="100"
+            cy="100"
+            r="85"
+            fill="none"
+            stroke="#2a2a2a"
+            stroke-width="4"
+          />
+          <circle
+            class="progress-ring-progress"
+            cx="100"
+            cy="100"
+            r="85"
+            fill="none"
+            stroke="#00ff88"
+            stroke-width="4"
+            stroke-linecap="round"
+            :stroke-dasharray="circumference"
+            :stroke-dashoffset="progressOffset"
+            transform="rotate(-90 100 100)"
+          />
+        </svg>
+      </div>
+    </div>
+
+    <!-- 当前等级卡片 -->
+    <div class="current-level-card">
+      <div class="level-badge">
+        <img :src="currentLevel.badge" alt="等级徽章" />
+      </div>
+      <div class="level-info">
+        <h2 class="level-title">{{ currentLevel.name }}</h2>
+        <p class="level-description">{{ currentLevel.description }}</p>
+        <div class="level-progress-bar">
+          <div class="progress-track">
+            <div
+              class="progress-fill"
+              :style="{ width: levelProgress + '%' }"
+            ></div>
+          </div>
+          <div class="progress-labels">
+            <span>Lv.{{ currentLevel.level }}</span>
+            <span>Lv.{{ currentLevel.level + 1 }}</span>
+          </div>
+        </div>
+        <p class="next-level-requirement">{{ nextLevelRequirement }}</p>
+      </div>
+    </div>
+
+    <!-- 每日奖励 -->
+    <div class="daily-rewards-section">
+      <h3 class="section-title">每日奖励</h3>
+      <div class="reward-item">
+        <div class="reward-icon">
+          <img src="/icons/coin.png" alt="金币" />
+        </div>
+        <div class="reward-info">
+          <p class="reward-title">段位达到富豪8</p>
+          <p class="reward-desc">可每日领取金币</p>
+        </div>
+        <button
+          class="claim-btn"
+          @click="claimDailyReward"
+          :disabled="dailyRewardClaimed"
+        >
+          {{ dailyRewardClaimed ? "已领取" : "立即领取" }}
+        </button>
+      </div>
+    </div>
+
+    <!-- 等级需求及福利 -->
+    <div class="level-benefits-section">
+      <h3 class="section-title">等级需求及福利</h3>
+      <div class="benefits-grid">
+        <div
+          class="benefit-item"
+          v-for="(benefit, index) in levelBenefits"
+          :key="index"
+        >
+          <div class="benefit-icon">
+            <img :src="benefit.icon" alt="福利图标" />
+          </div>
+          <p class="benefit-value">{{ benefit.value }}</p>
+          <p class="benefit-desc">{{ benefit.description }}</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- 财富特权 -->
+    <div class="wealth-privileges-section">
+      <h3 class="section-title">财富特权</h3>
+      <div class="privileges-grid">
+        <div
+          class="privilege-item"
+          v-for="(privilege, index) in wealthPrivileges"
+          :key="index"
+        >
+          <div class="privilege-icon">
+            <img :src="privilege.icon" alt="特权图标" />
+          </div>
+          <p class="privilege-name">{{ privilege.name }}</p>
+          <p class="privilege-level">{{ privilege.level }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "WealthLevelPage",
+  data() {
+    return {
+      // 用户信息
+      userAvatar: "",
+      currentExp: 1608,
+      nextLevelExp: 1608,
+      currentLevelIndex: 1,
+      dailyRewardClaimed: false,
+
+      // 等级配置
+      levels: [
+        { name: "新人", value: 0 },
+        { name: "富豪", value: 1000 },
+        { name: "星爵", value: 5000 },
+        { name: "星侯", value: 15000 },
+        { name: "星王", value: 50000 },
+      ],
+
+      // 当前等级信息
+      currentLevel: {
+        name: "星爵",
+        level: 1,
+        description: "进30天保段已成功",
+        badge: "",
+        requirement: 10000,
+      },
+
+      // 等级福利
+      levelBenefits: [
+        {
+          icon: "",
+          value: "100万",
+          description: "所需经验值",
+        },
+        {
+          icon: "",
+          value: "100万",
+          description: "保段经验值",
+        },
+        {
+          icon: "",
+          value: "100万",
+          description: "每日可领",
+        },
+        {
+          icon: "",
+          value: "吉普",
+          description: "专属座驾",
+        },
+      ],
+
+      // 财富特权
+      wealthPrivileges: Array(12)
+        .fill()
+        .map((_, index) => ({
+          name: "吉普",
+          level: "富豪6解锁",
+          icon: "",
+        })),
+    };
+  },
+
+  computed: {
+    // 计算圆形进度条
+    circumference() {
+      return 2 * Math.PI * 85;
+    },
+
+    progressOffset() {
+      const progress = this.levelProgress / 100;
+      return this.circumference - progress * this.circumference;
+    },
+
+    // 计算当前等级进度
+    levelProgress() {
+      const currentLevelExp = this.levels[this.currentLevelIndex].value;
+      const nextLevelExp =
+        this.levels[this.currentLevelIndex + 1]?.value ||
+        currentLevelExp + 10000;
+      const progress =
+        ((this.currentExp - currentLevelExp) /
+          (nextLevelExp - currentLevelExp)) *
+        100;
+      return Math.min(Math.max(progress, 0), 100);
+    },
+
+    // 下一等级需求
+    nextLevelRequirement() {
+      const nextLevel = this.levels[this.currentLevelIndex + 1];
+      if (nextLevel) {
+        const remaining = nextLevel.value - this.currentExp;
+        return `距离下一个段位还差${remaining.toLocaleString()}经验`;
+      }
+      return "已达到最高等级";
+    },
+  },
+
+  methods: {
+    // 返回上一页
+    goBack() {
+      this.$router.go(-1);
+    },
+
+    // 显示帮助
+    showHelp() {
+      this.$toast("帮助信息");
+    },
+
+    // 领取每日奖励
+    claimDailyReward() {
+      if (this.dailyRewardClaimed) return;
+
+      this.dailyRewardClaimed = true;
+      this.$toast("领取成功！");
+
+      // 这里可以调用API
+      this.apiClaimDailyReward();
+    },
+
+    // API调用示例
+    async apiClaimDailyReward() {
+      try {
+        // const response = await this.$api.claimDailyReward()
+        console.log("API: 领取每日奖励");
+      } catch (error) {
+        console.error("领取失败:", error);
+        this.dailyRewardClaimed = false;
+      }
+    },
+
+    // 获取用户等级数据
+    async fetchUserLevelData() {
+      try {
+        // const response = await this.$api.getUserLevel()
+        // this.currentExp = response.currentExp
+        // this.currentLevelIndex = response.levelIndex
+        console.log("API: 获取用户等级数据");
+      } catch (error) {
+        console.error("获取数据失败:", error);
+      }
+    },
+  },
+
+  mounted() {
+    this.fetchUserLevelData();
+  },
+};
+</script>
+
+<style scoped>
+.wealth-level-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #f5f5f5 50%);
+  color: #fff;
+  padding-bottom: 20px;
+}
+
+/* 顶部导航 */
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 44px 20px 20px;
+  position: relative;
+}
+
+.back-btn,
+.help-btn {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.back-btn:hover,
+.help-btn:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.icon-back {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.icon-help {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.title-section {
+  text-align: center;
+}
+
+.main-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0 0 4px 0;
+}
+
+.sub-title {
+  font-size: 12px;
+  color: #999;
+}
+
+/* 等级进度环形图 */
+.level-progress-section {
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.progress-ring-container {
+  position: relative;
+  width: 280px;
+  height: 280px;
+}
+
+.level-labels {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+}
+
+.level-label {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 12px;
+}
+
+.level-label:nth-child(1) {
+  top: 10px;
+  left: 20px;
+} /* 新人 */
+.level-label:nth-child(2) {
+  top: 40px;
+  right: 10px;
+} /* 富豪 */
+.level-label:nth-child(3) {
+  bottom: 40px;
+  right: 10px;
+} /* 星爵 */
+.level-label:nth-child(4) {
+  bottom: 10px;
+  left: 20px;
+} /* 星侯 */
+.level-label:nth-child(5) {
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+} /* 星王 */
+
+.level-name {
+  margin-bottom: 4px;
+  color: #999;
+}
+
+.level-label.active .level-name {
+  color: #00ff88;
+}
+
+.level-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #333;
+  border: 2px solid #555;
+}
+
+.level-dot.active {
+  background: #00ff88;
+  border-color: #00ff88;
+}
+
+.center-info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  z-index: 3;
+}
+
+.avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  overflow: hidden;
+  margin: 0 auto 16px;
+  border: 3px solid #00ff88;
+}
+
+.avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.experience-info {
+  display: flex;
+  justify-content: space-between;
+  width: 200px;
+  margin-top: 16px;
+}
+
+.current-exp,
+.next-level-exp {
+  text-align: center;
+}
+
+.exp-number {
+  display: block;
+  font-size: 18px;
+  font-weight: bold;
+  color: #00ff88;
+}
+
+.exp-label {
+  font-size: 10px;
+  color: #999;
+  margin-top: 2px;
+}
+
+.progress-ring {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: rotate(-90deg);
+}
+
+.progress-ring-progress {
+  transition: stroke-dashoffset 0.5s ease;
+}
+
+/* 当前等级卡片 */
+.current-level-card {
+  margin: 20px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 16px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  backdrop-filter: blur(10px);
+}
+
+.level-badge {
+  width: 60px;
+  height: 60px;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+
+.level-badge img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.level-info {
+  flex: 1;
+}
+
+.level-title {
+  font-size: 20px;
+  font-weight: bold;
+  margin: 0 0 4px 0;
+  color: #00ff88;
+}
+
+.level-description {
+  font-size: 12px;
+  color: #ccc;
+  margin: 0 0 12px 0;
+}
+
+.level-progress-bar {
+  margin: 8px 0;
+}
+
+.progress-track {
+  height: 4px;
+  background: #333;
+  border-radius: 2px;
+  overflow: hidden;
+  margin-bottom: 4px;
+}
+
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, #00ff88, #00ccff);
+  border-radius: 2px;
+  transition: width 0.5s ease;
+}
+
+.progress-labels {
+  display: flex;
+  justify-content: space-between;
+  font-size: 10px;
+  color: #999;
+}
+
+.next-level-requirement {
+  font-size: 11px;
+  color: #999;
+  margin: 8px 0 0 0;
+}
+
+/* 每日奖励和福利区域 */
+.daily-rewards-section,
+.level-benefits-section,
+.wealth-privileges-section {
+  background: #fff;
+  color: #333;
+  padding: 20px;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0 0 16px 0;
+  color: #333;
+}
+
+.reward-item {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  background: #f8f9fa;
+  border-radius: 12px;
+}
+
+.reward-icon {
+  width: 40px;
+  height: 40px;
+  margin-right: 12px;
+}
+
+.reward-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.reward-info {
+  flex: 1;
+}
+
+.reward-title {
+  font-size: 14px;
+  font-weight: 500;
+  margin: 0 0 2px 0;
+}
+
+.reward-desc {
+  font-size: 12px;
+  color: #666;
+  margin: 0;
+}
+
+.claim-btn {
+  background: #00ff88;
+  color: #fff;
+  border: none;
+  border-radius: 20px;
+  padding: 8px 16px;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.claim-btn:hover:not(:disabled) {
+  background: #00e67a;
+}
+
+.claim-btn:disabled {
+  background: #ccc;
+  cursor: not-allowed;
+}
+
+/* 福利网格 */
+.benefits-grid,
+.privileges-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+}
+
+.benefit-item,
+.privilege-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 8px;
+}
+
+.benefit-icon,
+.privilege-icon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 8px;
+}
+
+.benefit-icon img,
+.privilege-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.benefit-value,
+.privilege-name {
+  font-size: 12px;
+  font-weight: 500;
+  margin: 0 0 2px 0;
+  color: #333;
+}
+
+.benefit-desc,
+.privilege-level {
+  font-size: 10px;
+  color: #666;
+  margin: 0;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+  .progress-ring-container {
+    width: 240px;
+    height: 240px;
+  }
+
+  .experience-info {
+    width: 160px;
+  }
+
+  .benefits-grid,
+  .privileges-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+</style>

pages/union/unionMembers.vue

@@ -0,0 +1,396 @@
+<template>
+	<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<headerHeight />
+		<navBar :navTitle="`公会成员`">
+			<template #rightView>
+				<view class="icon-right flex-line" v-if="leaderStatus" @click="application">
+					<view class="font-24" style="color:#333;white-space: nowrap">
+						退出审核
+					</view>
+				</view>
+			</template>
+		</navBar>
+		<view class="content_view">
+			<view v-if="leaderStatus">
+				<uni-datetime-picker style="background-color: #f8f8f8;" start-placeholder="开始时间" :end="currentDate"
+					end-placeholder="结束时间" v-model="dateSearch" type="range" rangeSeparator="至" @change="changeDate" />
+			</view>
+			<view class="header-view" v-if="flowDetail && leaderStatus">
+				<view class="flex-line flow-view w-fill flex-spaceB">
+					<view class="flowTitle">
+						总支出
+					</view>
+				</view>
+				<view class="flowNumber">
+					{{ flowDetail.total_consumption }}
+				</view>
+			</view>
+			<view class="room-list flex-line mt-24" v-if="dataList && dataList.length">
+				<view class="room-line  w-fill" v-for="data in dataList" :key="data.room_id">
+					<view class="w-fill flex-line flex-spaceB" @click="jumpHomePage(data)">
+						<view class="flex-line w-fill">
+							<view class="head-portrait-view">
+								<view class="head-portrait">
+									<img :src="data.avatar || logo" alt="" />
+
+								</view>
+								<view class="tip" v-if="data.is_deacon === 1">
+									<img src="@/static/image/union/ghz_tip.png" alt="" />
+								</view>
+							</view>
+							<view class="ml-20">
+								<view class="color-3 font-32 font-w500">
+									{{ data.nickname }}
+								</view>
+								<view class="color-6 font-24" style="margin-top: 12rpx;">
+									ID:{{ data.user_code }}
+								</view>
+							</view>
+						</view>
+						<view class="flex-line" v-if="leaderStatus">
+							<view class="flowIcon">
+								<img src="@/static/image/union/flowIcon.png" alt="" />
+							</view>
+							<view class="ml-20">
+								{{ data.total_consumption || 0 }}
+							</view>
+						</view>
+					</view>
+					<view class="w-fill operate_button" v-if="leaderStatus && data.is_deacon === 2">
+						<view class="color-f font-24 button" @click="kickGuild(data)">
+							踢出公会
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="mt-24">
+				<uni-load-more :status="loading ? 'loading' : noMore ? 'noMore' : 'more'" />
+			</view>
+		</view>
+		<uni-popup ref="message" type="message">
+			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
+		</uni-popup>
+		<uni-popup ref="popup" type="center">
+			<view class="popup_view">
+				<view class="color-3 font-32 popup_title">
+					温馨提示
+				</view>
+				<view class="color-3 font-24 messageContent">
+					{{ messageContent }}
+				</view>
+				<view class="popup_button flex-line">
+					<view class="close_button flex-line" @click="closePopup">
+						取消
+					</view>
+					<view class="confirm-button flex-line" @click="confirmPopup">
+						确认
+					</view>
+				</view>
+			</view>
+
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import headerHeight from '@/component/headerHeight.vue';
+	import navBar from '@/component/nav.vue';
+	import http from '@/until/http.js';
+	import logo from '@/static/image/logo.png'
+	export default {
+		components: {
+			headerHeight,
+			navBar
+		},
+		data() {
+			return {
+				dateSearch: [new Date(), new Date()],
+				currentDate: +new Date(),
+				logo,
+				loading: false,
+				noMore: false,
+				detailData: null,
+				pageConfig: {
+					pageSize: 10,
+					currentPage: 1,
+					total: 0
+				},
+				searchParams: {
+					guild_id: 0,
+					start_time: '',
+					end_time: '',
+					token: uni.getStorageSync('token') || '',
+					page: 1,
+					page_size: 20
+				},
+				leaderStatus: null,
+				flowDetail: null,
+				msgType: '',
+				messageText: '',
+				messageContent: '',
+				dataList: [],
+				currentUserData: null,
+				ThemeData: null
+			}
+		},
+		onLoad(options) {
+			const {
+				id,
+				leader
+			} = options
+
+			this.leaderStatus = +leader
+			this.searchParams.guild_id = id
+			this.searchParams.start_time = this.formatDate(new Date())
+			this.searchParams.end_time = this.formatDate(new Date())
+			if (id) this.getList()
+			if (uni.getStorageSync('Theme_Data')) {
+				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
+			}
+		},
+		onReachBottom() {
+			if (!this.loading && !this.noMore) {
+				this.getList()
+			}
+		},
+		methods: {
+			application() {
+				uni.navigateTo({
+					url: `/pages/union/exitApplication?id=${this.searchParams.guild_id}`
+				});
+			},
+			formatDate(timestamp) {
+				const date = new Date(timestamp);
+				const year = date.getFullYear();
+				const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始需+1
+				const day = String(date.getDate()).padStart(2, '0');
+				return `${year}-${month}-${day}`;
+			},
+			// 获取成员列表
+			async getList() {
+				const {
+					code,
+					data
+				} = await http.get('/api/Guild/get_guild_member_list', {
+					...this.searchParams,
+					page: this.pageConfig.currentPage,
+					page_limit: this.pageConfig.pageSize,
+				})
+				if (code) {
+					this.flowDetail = data
+					this.pageConfig.total = data.count
+					this.loading = false
+					const newData = data.list || []
+					if (newData.length === 0) {
+						this.noMore = true
+						return
+					}
+					this.dataList = [...this.dataList, ...newData]
+					this.pageConfig.currentPage++
+					if (this.dataList.length === this.pageConfig.total) {
+						this.noMore = true
+						return
+					}
+				}
+			},
+			// 日期范围
+			changeDate(date) {
+				this.searchParams.start_time = date.length ? date[0] : ''
+				this.searchParams.end_time = date.length ? date[1] : ''
+				this.getList()
+			},
+			// 踢出公会
+			kickGuild(userData) {
+				this.currentUserData = userData
+				this.messageContent = `亲爱的会长，您当前操作将踢出该成员，是否继续？`
+				this.$refs.popup.open('center')
+			},
+			jumpHomePage(data) {
+				const platform = uni.getSystemInfoSync().platform;
+				if (platform === 'ios') {
+					window.webkit.messageHandlers.nativeHandler.postMessage({
+						'action': 'jumpWebPage',
+						'data': {
+							userId: data.user_id
+						}
+					});
+				} else if (platform === 'android') {
+					window.Android.jumpWebPage(data.user_id);
+				}
+			},
+			confirmPopup() {
+				this.kickUser()
+			},
+			closePopup() {
+				this.currentUserData = null
+				this.messageContent = ""
+				this.$refs.popup.close()
+			},
+			async kickUser() {
+				http.post('/api/Guild/kick_guild_member', {
+					guild_id: this.currentUserData.guild_id,
+					user_id: this.currentUserData.user_id,
+					token: uni.getStorageSync('token') || ''
+				}).then(response => {
+					const {
+						data,
+						code,
+						msg
+					} = response
+					if (code) {
+						this.msgType = 'success'
+						this.messageText = `操作成功`
+						this.$refs.message.open()
+						this.dataList = []
+						this.pageConfig.currentPage = 1
+						this.getList()
+					} else {
+						this.messageText = msg
+						this.msgType = 'error'
+						this.$refs.message.open()
+					}
+					this.currentUserData = null
+					this.closePopup()
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.view-page {
+		// padding: 24rpx 32rpx;
+		min-height: 100vh;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		// background-image: url('@/static/image/help/bg.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+
+		.content_view {
+			padding: 0 24rpx;
+		}
+
+		.popup_view {
+			width: 550rpx;
+			// height: 40vh;
+			background-color: #fff;
+			border-radius: 32rpx;
+			padding: 32rpx;
+
+			.popup_title {
+				text-align: center;
+			}
+
+			.messageContent {
+				margin: 24rpx 0;
+			}
+
+			.popup_button {
+				margin-top: 24rpx;
+				width: 100%;
+				justify-content: space-around;
+
+				.close_button,
+				.confirm-button {
+					width: 200rpx;
+					height: 84rpx;
+					background: #F3F3F3;
+					border-radius: 106rpx;
+					color: #999999;
+					justify-content: center;
+				}
+
+				.confirm-button {
+					background: var(--primary-color);
+					color: var(--font-button-color);
+				}
+			}
+
+		}
+
+		.header-view {
+			padding: 24rpx;
+			margin-top: 24rpx;
+			background-image: url('/static/image/union/flowbg.png');
+			background-repeat: no-repeat;
+			background-size: 100% 100%;
+			height: 152rpx;
+			color: var(--font-flowbg-color);
+			.flow-view {
+				font-weight: 400;
+				font-size: 24rpx;
+			}
+
+			.flowNumber {
+
+				font-weight: 500;
+				font-size: 40rpx;
+				margin-top: 24rpx;
+			}
+		}
+
+		.room-list {
+			flex-wrap: wrap;
+			width: 100%;
+
+			.operate_button {
+				border-top: 1rpx solid #E2E2E2;
+				margin-top: 24rpx;
+				padding-top: 24rpx;
+
+				.button {
+					padding: 12rpx 24rpx;
+					background-color: #333;
+					display: inline-flex;
+					border-radius: 32rpx;
+				}
+			}
+
+			.room-line {
+				width: 100%;
+				// background-color: #004D3C;
+				margin-bottom: 24rpx;
+				padding: 24rpx;
+				border-radius: 10rpx;
+				background-color: #fff;
+
+				.flowIcon {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				.head-portrait {
+					width: 100rpx;
+					height: 100rpx;
+					border-radius: 50%;
+
+
+					img {
+						border-radius: 50%;
+					}
+				}
+
+				.head-portrait-view {
+					position: relative;
+
+					.tip {
+						position: absolute;
+						bottom: 0;
+						left: 5rpx;
+						right: 0;
+						width: 96rpx;
+						height: 26rpx;
+						border-radius: 0;
+
+						img {
+							width: 100%;
+							height: 100%;
+						}
+					}
+				}
+
+			}
+		}
+
+	}
+</style>

pnpm-lock.yaml

@@ -0,0 +1,434 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      axios:
+        specifier: ^1.9.0
+        version: 1.10.0
+      vue-i18n:
+        specifier: ^11.1.5
+        version: 11.1.9(vue@3.5.17)
+
+packages:
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.0':
+    resolution: {integrity: sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/types@7.28.0':
+    resolution: {integrity: sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==}
+    engines: {node: '>=6.9.0'}
+
+  '@intlify/core-base@11.1.9':
+    resolution: {integrity: sha512-Lrdi4wp3XnGhWmB/mMD/XtfGUw1Jt+PGpZI/M63X1ZqhTDjNHRVCs/i8vv8U1cwaj1A9fb0bkCQHLSL0SK+pIQ==}
+    engines: {node: '>= 16'}
+
+  '@intlify/message-compiler@11.1.9':
+    resolution: {integrity: sha512-84SNs3Ikjg0rD1bOuchzb3iK1vR2/8nxrkyccIl5DjFTeMzE/Fxv6X+A7RN5ZXjEWelc1p5D4kHA6HEOhlKL5Q==}
+    engines: {node: '>= 16'}
+
+  '@intlify/shared@11.1.9':
+    resolution: {integrity: sha512-H/83xgU1l8ox+qG305p6ucmoy93qyjIPnvxGWRA7YdOoHe1tIiW9IlEu4lTdsOR7cfP1ecrwyflQSqXdXBacXA==}
+    engines: {node: '>= 16'}
+
+  '@jridgewell/sourcemap-codec@1.5.4':
+    resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
+
+  '@vue/compiler-core@3.5.17':
+    resolution: {integrity: sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==}
+
+  '@vue/compiler-dom@3.5.17':
+    resolution: {integrity: sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==}
+
+  '@vue/compiler-sfc@3.5.17':
+    resolution: {integrity: sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==}
+
+  '@vue/compiler-ssr@3.5.17':
+    resolution: {integrity: sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/reactivity@3.5.17':
+    resolution: {integrity: sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==}
+
+  '@vue/runtime-core@3.5.17':
+    resolution: {integrity: sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==}
+
+  '@vue/runtime-dom@3.5.17':
+    resolution: {integrity: sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==}
+
+  '@vue/server-renderer@3.5.17':
+    resolution: {integrity: sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==}
+    peerDependencies:
+      vue: 3.5.17
+
+  '@vue/shared@3.5.17':
+    resolution: {integrity: sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  axios@1.10.0:
+    resolution: {integrity: sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  follow-redirects@1.15.9:
+    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  form-data@4.0.3:
+    resolution: {integrity: sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==}
+    engines: {node: '>= 6'}
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  vue-i18n@11.1.9:
+    resolution: {integrity: sha512-N9ZTsXdRmX38AwS9F6Rh93RtPkvZTkSy/zNv63FTIwZCUbLwwrpqlKz9YQuzFLdlvRdZTnWAUE5jMxr8exdl7g==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      vue: ^3.0.0
+
+  vue@3.5.17:
+    resolution: {integrity: sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+snapshots:
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/parser@7.28.0':
+    dependencies:
+      '@babel/types': 7.28.0
+
+  '@babel/types@7.28.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@intlify/core-base@11.1.9':
+    dependencies:
+      '@intlify/message-compiler': 11.1.9
+      '@intlify/shared': 11.1.9
+
+  '@intlify/message-compiler@11.1.9':
+    dependencies:
+      '@intlify/shared': 11.1.9
+      source-map-js: 1.2.1
+
+  '@intlify/shared@11.1.9': {}
+
+  '@jridgewell/sourcemap-codec@1.5.4': {}
+
+  '@vue/compiler-core@3.5.17':
+    dependencies:
+      '@babel/parser': 7.28.0
+      '@vue/shared': 3.5.17
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.17':
+    dependencies:
+      '@vue/compiler-core': 3.5.17
+      '@vue/shared': 3.5.17
+
+  '@vue/compiler-sfc@3.5.17':
+    dependencies:
+      '@babel/parser': 7.28.0
+      '@vue/compiler-core': 3.5.17
+      '@vue/compiler-dom': 3.5.17
+      '@vue/compiler-ssr': 3.5.17
+      '@vue/shared': 3.5.17
+      estree-walker: 2.0.2
+      magic-string: 0.30.17
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.17':
+    dependencies:
+      '@vue/compiler-dom': 3.5.17
+      '@vue/shared': 3.5.17
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/reactivity@3.5.17':
+    dependencies:
+      '@vue/shared': 3.5.17
+
+  '@vue/runtime-core@3.5.17':
+    dependencies:
+      '@vue/reactivity': 3.5.17
+      '@vue/shared': 3.5.17
+
+  '@vue/runtime-dom@3.5.17':
+    dependencies:
+      '@vue/reactivity': 3.5.17
+      '@vue/runtime-core': 3.5.17
+      '@vue/shared': 3.5.17
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.5.17(vue@3.5.17)':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.17
+      '@vue/shared': 3.5.17
+      vue: 3.5.17
+
+  '@vue/shared@3.5.17': {}
+
+  asynckit@0.4.0: {}
+
+  axios@1.10.0:
+    dependencies:
+      follow-redirects: 1.15.9
+      form-data: 4.0.3
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  csstype@3.1.3: {}
+
+  delayed-stream@1.0.0: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  entities@4.5.0: {}
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  estree-walker@2.0.2: {}
+
+  follow-redirects@1.15.9: {}
+
+  form-data@4.0.3:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
+  function-bind@1.1.2: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  gopd@1.2.0: {}
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.4
+
+  math-intrinsics@1.1.0: {}
+
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  nanoid@3.3.11: {}
+
+  picocolors@1.1.1: {}
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  proxy-from-env@1.1.0: {}
+
+  source-map-js@1.2.1: {}
+
+  vue-i18n@11.1.9(vue@3.5.17):
+    dependencies:
+      '@intlify/core-base': 11.1.9
+      '@intlify/shared': 11.1.9
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.17
+
+  vue@3.5.17:
+    dependencies:
+      '@vue/compiler-dom': 3.5.17
+      '@vue/compiler-sfc': 3.5.17
+      '@vue/runtime-dom': 3.5.17
+      '@vue/server-renderer': 3.5.17(vue@3.5.17)
+      '@vue/shared': 3.5.17

static/customicons.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: "customicons"; /* Project id 2878519 */
+  src:url('/static/customicons.ttf') format('truetype');
+}
+
+.customicons {
+  font-family: "customicons" !important;
+}
+
+.youxi:before {
+  content: "\e60e";
+}
+
+.wenjian:before {
+  content: "\e60f";
+}
+
+.zhuanfa:before {
+  content: "\e610";
+}