FANYIN/midi-h5
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
yziiy
2025-09-22 16:24:41 +08:00
parent 4e5cd87cad
commit 3ab6aa6edb
28 changed files with 7965 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
component/MiddlePopup.vue Normal file
View File

@@ -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>

94
component/avatar.vue Normal file
View File

@@ -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>

3089
component/demo.json Normal file
View File

File diff suppressed because it is too large Load Diff

10
component/uploadImage.vue
View File

@@ -4,11 +4,11 @@
</template> </template>
<script> <script>
import config from '@/until/config.js'; // import config from '@/until/config.js';
export default { export default {
data() { data() {
return { return {
httpUrl: null, httpUrl: 'https://md.xscmmidi.site',
fileList: [] fileList: []
} }
}, },
@@ -17,9 +17,9 @@
this.$emit('changeImageList',this.fileList) this.$emit('changeImageList',this.fileList)
} }
}, },
onLoad() { // onLoad() {
this.httpUrl = config.BASE_URL // this.httpUrl = config.BASE_URL
}, // },
methods: { methods: {
// 选择文件回调 // 选择文件回调
select(e) { select(e) {

181
manifest.json
View File

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

7
package-lock.json generated
View File

@@ -6,6 +6,7 @@
"": { "": {
"dependencies": { "dependencies": {
"axios": "^1.9.0", "axios": "^1.9.0",
"video-animation-player": "^1.0.5",
"vue-i18n": "^11.1.5" "vue-i18n": "^11.1.5"
} }
}, },
@@ -604,6 +605,12 @@
"node": ">=0.10.0" "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": { "node_modules/vue": {
"version": "3.5.16", "version": "3.5.16",
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.16.tgz", "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.16.tgz",

1
package.json
View File

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

68
pages.json
View File

@@ -10,42 +10,60 @@
"path": "pages/union/detail", "path": "pages/union/detail",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "公会详情" "navigationBarTitleText": "公会详情",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/union/roomAndflow", "path": "pages/union/roomAndflow",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "公会房间及流水" "navigationBarTitleText": "公会房间及流水",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/union/unionMembers", "path": "pages/union/unionMembers",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "公会成员" "navigationBarTitleText": "公会成员",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/union/exitApplication", "path": "pages/union/exitApplication",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "退出审核" "navigationBarTitleText": "退出审核",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/union/subsidy", "path": "pages/union/subsidy",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "公会补贴" "navigationBarTitleText": "公会补贴",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/union/historyRecord", "path": "pages/union/historyRecord",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "公会补贴历史记录" "navigationBarTitleText": "公会补贴历史记录",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
@@ -66,7 +84,11 @@
"path": "pages/other/taskDesc", "path": "pages/other/taskDesc",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "规则说明" "navigationBarTitleText": "规则说明",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
@@ -87,7 +109,10 @@
"path": "pages/other/gradeRule", "path": "pages/other/gradeRule",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "等级规则" "navigationBarTitleText": "等级规则",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
@@ -100,14 +125,20 @@
"path": "pages/feedback/help", "path": "pages/feedback/help",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "帮助与反馈" "navigationBarTitleText": "帮助与反馈",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
"path": "pages/feedback/feedback", "path": "pages/feedback/feedback",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "反馈问题" "navigationBarTitleText": "反馈问题",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {
@@ -117,11 +148,24 @@
"navigationBarTitleText": "青少年" "navigationBarTitleText": "青少年"
} }
}, },
{
"path": "pages/feedback/teenageDetail",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "青少年详情",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
}
},
{ {
"path": "pages/feedback/problemDetail", "path": "pages/feedback/problemDetail",
"style": { "style": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "问题详情" "navigationBarTitleText": "问题详情",
"app-plus": {
"popGesture": "none" // 禁用 iOS 左滑返回
}
} }
}, },
{ {

18
pages/feedback/teenage.vue
View File

@@ -1,7 +1,6 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}"> <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 :navTitle="'青少年模式'" :emitBack="true" @backEvent="back">
</navBar> </navBar>
<view class="content-view"> <view class="content-view">
<view class="flex-line"> <view class="flex-line">
@@ -9,7 +8,7 @@
</NavigationTabs> </NavigationTabs>
</view> </view>
<view class=""> <view class="">
<view class="flex-line flex-spaceB w-fill new-box" v-for="(item, index) in dataList" :key="index"> <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="">
<view class="color-3 font-32 font-w500"> <view class="color-3 font-32 font-w500">
{{ item.title }} {{ item.title }}
@@ -31,12 +30,10 @@
<script> <script>
import http from '@/until/http.js'; import http from '@/until/http.js';
import headerHeight from '@/component/headerHeight.vue';
import navBar from '@/component/nav.vue'; import navBar from '@/component/nav.vue';
import NavigationTabs from '@/component/tab.vue'; import NavigationTabs from '@/component/tab.vue';
export default { export default {
components: { components: {
headerHeight,
navBar, navBar,
NavigationTabs NavigationTabs
}, },
@@ -44,6 +41,7 @@ export default {
return { return {
errorPage: true, errorPage: true,
currentIndex: 0, currentIndex: 0,
statusBarHeight:0,
pageConfig: { pageConfig: {
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
@@ -65,9 +63,12 @@ export default {
this.errorPage = true this.errorPage = true
this.dataList = [] this.dataList = []
const { const {
id id,
h
} = options } = options
uni.setStorageSync('token', id) uni.setStorageSync('token', id)
this.statusBarHeight = h
uni.setStorageSync('BarHeight', h)
if (uni.getStorageSync('token')) this.getUnderageTypeList() if (uni.getStorageSync('token')) this.getUnderageTypeList()
if (uni.getStorageSync('Theme_Data')) { if (uni.getStorageSync('Theme_Data')) {
this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data')) this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
@@ -147,6 +148,11 @@ export default {
this.pageConfig.currentPage = 1 this.pageConfig.currentPage = 1
this.pageConfig.pageSize = 10 this.pageConfig.pageSize = 10
this.getUnderageModeList(data.tab.type) this.getUnderageModeList(data.tab.type)
},
openDetail(data){
uni.navigateTo({
url: `/pages/feedback/teenageDetail?dataId=${data.id}`
});
} }
} }
} }

111
pages/feedback/teenageDetail.vue Normal file
View File

@@ -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>

15
pages/other/grade.vue
View File

@@ -19,7 +19,7 @@
</view> </view>
</view> </view>
<view class="swiper-view" v-if="levelActiveData.length"> <view class="swiper-view" v-if="levelActiveData.length">
<view class="swiper-image" :style="{ 'background-image' : `url(${levelActiveData[0].bg_image})`}"> <view class="swiper-image" :style="{ 'background-image' : `url('${levelActiveData[0].bg_image}')` }">
<view class="view-level"> <view class="view-level">
<view class=""> <view class="">
<view class="level-str" :style="{textShadow : `0px 0px 5px ${levelActiveData[0].color}`}"> <view class="level-str" :style="{textShadow : `0px 0px 5px ${levelActiveData[0].color}`}">
@@ -105,7 +105,7 @@
<view class="image"> <view class="image">
<img :src="item.base_image || logo" alt="" /> <img :src="item.base_image || logo" alt="" />
</view> </view>
<view class="color-3 font-28"> <view class="color-3 font-28 title truncate">
{{item.title}} {{item.title}}
</view> </view>
<view class="font-24 color-9"> <view class="font-24 color-9">
@@ -452,7 +452,7 @@
flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px);
/* 基础宽度25% 减去间隔 */ /* 基础宽度25% 减去间隔 */
margin: 5px; margin: 5px;
min-height: 220rpx; min-height: 260rpx;
padding: 20rpx 0; padding: 20rpx 0;
/* 元素间距 */ /* 元素间距 */
box-sizing: border-box; box-sizing: border-box;
@@ -465,15 +465,14 @@
.image{ .image{
width: 100%; width: 100%;
height: 60%; height: 60%;
margin-bottom: 24rpx; margin-bottom: 14rpx;
img{ img{
width: 80%; width: 80%;
} }
} }
// .image { .title{
// width: 80%; max-width: 60px;
// height: 120rpx; }
// }
} }
} }
} }

212
pages/other/income.vue
View File

@@ -41,13 +41,13 @@
<view class="flex-line w-fill flex-spaceB"> <view class="flex-line w-fill flex-spaceB">
<view class=""> <view class="">
<view class="color-3 font-32 font-w500"> <view class="color-3 font-32 font-w500">
羽声语音 {{ConfigData.BASE_NAME}}
</view> </view>
<view class="color-3 font-32 font-w500"> <view class="color-3 font-32 mt-24 font-w500">
邀请码 邀请码
</view> </view>
<view class="color-6 font-24 mt-24"> <view class="color-6 font-24 mt-24">
一级充值的4%为邀请收益 一级充值的{{detailData.invited_draw || 0}}%为邀请收益
</view> </view>
</view> </view>
<view class="QRCodeImage"> <view class="QRCodeImage">
@@ -56,7 +56,7 @@
</view> </view>
<view class="flex-line w-fill mt-24 flex-spaceB"> <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;"> <view class="Code-view color-3 font-w500" style="letter-spacing: 44rpx;text-align: center;">
{{detailData.init_code}} {{detailData.init_code}}
</view> </view>
<view class="copy-button color-3 font-w500 font-24" @click="copyText(detailData.init_code)"> <view class="copy-button color-3 font-w500 font-24" @click="copyText(detailData.init_code)">
复制 复制
@@ -75,28 +75,30 @@
</view> </view>
</view> </view>
</view> </view>
<uni-popup ref="bindPopup" type="center" background-color="#fff" border-radius="32rpx"> <middle-popup ref="bindPopup" v-show="PopupStatus">
<view class="bindPopup-view"> <view class="bindPopup-view">
<view class="bind-title font-32 font-w500 color-3"> <view class="bindPopup-Content">
<view class=""> <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>
<img @click="closeBind" class="closeIcon" src="@/static/image/income/close.png" alt="" />
</view>
<view class="bind-input"> <view class="bind-input">
<input class="uni-input" v-model="bindValue" placeholder="输入好友邀请码" /> <input class="uni-input" v-model="bindValue" placeholder="输入好友邀请码" />
</view> </view>
<view class="color-3 font-w400 font-24" style="text-align: left;"> <view class="color-3 font-w400 font-24" style="text-align: left;">
{{detailData.explain}} {{detailData.explain}}
</view> </view>
<view class="bind-footer" @click="decorate"> <view class="bind-footer" @click="decorate">
<view class="confirm-button flex-line"> <view class="confirm-button flex-line">
确定 确定
</view>
</view> </view>
</view> </view>
</view> </view>
</uni-popup> </middle-popup>
</view> </view>
</template> </template>
<script> <script>
@@ -112,14 +114,19 @@
import PYQ from '@/static/image/income/pyq.png'; import PYQ from '@/static/image/income/pyq.png';
import Qcode from '@/static/image/income/Qcode.png'; import Qcode from '@/static/image/income/Qcode.png';
import QQ from '@/static/image/income/QQ.png'; import QQ from '@/static/image/income/QQ.png';
import Config from '@/until/config.js';
import MiddlePopup from '@/component/MiddlePopup.vue'
export default { export default {
components: { components: {
NavigationTabs, NavigationTabs,
headerHeight, headerHeight,
Table Table,
MiddlePopup
}, },
data() { data() {
return { return {
ConfigData: Config,
PopupStatus: false,
errorPage: false, errorPage: false,
detailData: null, detailData: null,
currentIndex: 0, currentIndex: 0,
@@ -131,13 +138,13 @@
title: '钻石余额' title: '钻石余额'
}, },
{ {
icon: Coin, icon: ZS,
value: 200, value: 200,
prop: 'today_earnings', prop: 'today_earnings',
title: '今日收益' title: '今日收益'
}, },
{ {
icon: Coin, icon: ZS,
value: 200, value: 200,
prop: 'total_earnings', prop: 'total_earnings',
title: '累计收益' title: '累计收益'
@@ -146,11 +153,26 @@
statusBarHeight: 0, statusBarHeight: 0,
bindValue: '', bindValue: '',
dataList: [], dataList: [],
columns: [ columns: [{
{ title: '昵称', key: 'nickname', width: '20%' }, title: '昵称',
{ title: '时间', key: 'createtime', width: '35%' }, key: 'nickname',
{ title: '充值金额', key: 'coin', width: '30%' }, width: '20%'
{ title: '获得收益', key: 'earnings', width: '30%' } },
{
title: '时间',
key: 'createtime',
width: '35%'
},
{
title: '充值金币',
key: 'coin',
width: '30%'
},
{
title: '获得收益',
key: 'earnings',
width: '30%'
}
] ]
} }
}, },
@@ -163,10 +185,11 @@
if (uni.getStorageSync('token')) this.gettabs() if (uni.getStorageSync('token')) this.gettabs()
this.statusBarHeight = this.getStatusBarHeight() this.statusBarHeight = this.getStatusBarHeight()
this.statusBarHeight = h this.statusBarHeight = h
console.log(Config.BASE_NAME)
}, },
methods: { methods: {
copyText(text) { copyText(text) {
if(text) { if (text) {
if (uni.getSystemInfoSync().platform === 'h5') { if (uni.getSystemInfoSync().platform === 'h5') {
const textarea = document.createElement('textarea'); const textarea = document.createElement('textarea');
textarea.value = text; textarea.value = text;
@@ -174,7 +197,7 @@
textarea.select(); textarea.select();
document.execCommand('copy'); document.execCommand('copy');
document.body.removeChild(textarea); document.body.removeChild(textarea);
uni.showToast({ uni.showToast({
title: '复制成功', title: '复制成功',
icon: 'none', icon: 'none',
@@ -324,10 +347,13 @@
}, },
// 绑定 // 绑定
bind() { bind() {
this.$refs.bindPopup.open('center') this.PopupStatus = true
this.$refs.bindPopup.openPopup()
}, },
closeBind() { closeBind() {
this.$refs.bindPopup.close() this.$refs.bindPopup.closePopup()
this.PopupStatus = false
}, },
decorate() { decorate() {
if (this.bindValue) { if (this.bindValue) {
@@ -376,6 +402,13 @@
} }
} }
</script> </script>
<style>
/* 覆盖uni-popup的动画 */
::v-deep .uni-popup .uni-popup__wrapper {
transition: none !important;
transform: translateZ(0) !important;
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.view-page { .view-page {
width: 100vw; width: 100vw;
@@ -519,7 +552,8 @@
.copy-button { .copy-button {
// width: 112rpx; // width: 112rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #0DFFB9; background: var(--primary-color);
color: var(--font-button-color);
text-align: center; text-align: center;
padding: 12rpx 24rpx; padding: 12rpx 24rpx;
} }
@@ -554,89 +588,55 @@
} }
} }
.popup-view {
padding: 32rpx;
min-height: 300rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
// background: #FFFFFF;
.share-view {
display: flex;
/* 启用 Flex 布局 */
flex-wrap: wrap;
/* 允许换行 */
justify-content: center;
margin-top: 32rpx;
}
.share-item {
flex: 0 0 calc(25% - 10px);
/* 基础宽度25% 减去间隔 */
margin: 5px;
/* 元素间距 */
box-sizing: border-box;
/* 包含内边距和边框 */
border-radius: 14rpx;
/* 样式美化（可选） */
// background-color: #fff;
// padding: 20rpx;
// text-align: center;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-evenly;
.share-icon {
width: 90rpx;
height: 90rpx;
}
.title {
text-align: center;
margin-top: 24rpx;
}
}
}
.bindPopup-view { .bindPopup-view {
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
padding: 24rpx; width: 100%;
width: 70vw; display: inline-flex;
text-align: center; justify-content: center;
position: relative;
.closeIcon { .bindPopup-Content {
width: 22rpx; padding: 24rpx;
height: 26rpx; width: 80%;
position: absolute; background-color: #fff;
top: 34rpx; border-radius: 32rpx;
right: 34rpx; text-align: center;
} position: relative;
.bind-title { .closeIcon {
display: inline-flex; width: 22rpx;
} height: 26rpx;
position: absolute;
top: 34rpx;
right: 34rpx;
}
.bind-input { .bind-title {
background: #EFF2F8; display: inline-flex;
border-radius: 22rpx; }
padding: 18rpx 32rpx;
margin: 70rpx 0;
}
.bind-footer { .bind-input {
display: inline-flex; background: #EFF2F8;
justify-content: center; border-radius: 22rpx;
margin-top: 78rpx; padding: 18rpx 32rpx;
margin: 70rpx 0;
}
.confirm-button { .bind-footer {
width: 356rpx; display: inline-flex;
height: 84rpx;
background: #0DFFB9;
border-radius: 106rpx;
justify-content: center; 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 { .footer {

7
pages/union/detail.vue
View File

@@ -371,6 +371,7 @@
this.msgType = 'success' this.msgType = 'success'
this.messageText = `操作成功，将返回上一页！` this.messageText = `操作成功，将返回上一页！`
this.$refs.message.open() this.$refs.message.open()
uni.$emit('refreshList');
uni.navigateBack() uni.navigateBack()
} else { } else {
this.messageText = msg this.messageText = msg
@@ -409,7 +410,7 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.view-page { .view-page {
// padding: 32rpx; // padding: 32rpx;
display: flex; display: flex;
@@ -468,8 +469,8 @@
} }
.confirm-button { .confirm-button {
background: var(--primary-color); background: var(--primary-color);
color: var(--font-button-color); color: var(--font-button-color);
} }
} }

103
pages/union/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" <navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}"
:navTitle="'公会中心'" :emitBack="true" @backEvent="back"> :navTitle="'公会中心'" :emitBack="true" @backEvent="back">
<template #rightView> <template #rightView>
@@ -17,9 +17,13 @@
搜索 搜索
</view> </view>
</view> </view>
<view class="swipe-view"> <swiper class="swipe-view" circular :autoplay="true" :interval="2000" :duration="500">
<swiper-item v-for="item in swiperList" :key="item">
</view> <view class="swiper-item uni-bg-red">
<img :src="item.image" alt="" />
</view>
</swiper-item>
</swiper>
<view class="title"> <view class="title">
热门公会 热门公会
</view> </view>
@@ -43,28 +47,29 @@
<view class="chairman-portrait"> <view class="chairman-portrait">
<img :src="data.user_avatar" alt="暂无头像" /> <img :src="data.user_avatar" alt="暂无头像" />
</view> </view>
<view class="truncate-three"> <view class="chairman-name">
{{data.user_name}} {{data.user_name}}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="right-button"> <view class="right-button">
<!-- <view class="apply-button"> <!-- <view class="apply-button">
申请 申请
</view> --> </view> -->
<view class="online-view"> <view class="online-view">
<div v-show="data.guild_user_list.length"> <view v-show="data.guild_user_list.length">
<div class="avatars-container" v-for="ele in data.guild_user_list.slice(0,3)" :key="ele.id"> <view class="avatars-container">
<view class="avatar"> <view class="avatar" v-for="ele in data.guild_user_list.slice(0,3)" :key="ele.id">
<img :src="ele.avatar" alt="" /> <img :src="ele.avatar" alt="" />
</view> </view>
</div>
<view class="online-people truncate-three">
{{data.num}}人
</view>
</div>
</view>
</view>
<view class="online-people">
{{data.num}}人
</view>
</view> </view>
</view> </view>
</view> </view>
@@ -97,7 +102,8 @@
listData: [], listData: [],
UnionByUser: null, UnionByUser: null,
statusBarHeight: 0, statusBarHeight: 0,
ThemeData:null ThemeData: null,
swiperList: []
} }
}, },
onLoad(options) { onLoad(options) {
@@ -109,12 +115,22 @@
if (uni.getStorageSync('token')) { if (uni.getStorageSync('token')) {
this.getList() this.getList()
this.getInfo() this.getInfo()
this.getSwiper()
} }
this.statusBarHeight = h this.statusBarHeight = h
uni.setStorageSync('BarHeight', h) uni.setStorageSync('BarHeight', h)
if(uni.getStorageSync('Theme_Data')) { if (uni.getStorageSync('Theme_Data')) {
this.ThemeData = JSON.parse(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() { onReachBottom() {
if (!this.loading && !this.noMore) { if (!this.loading && !this.noMore) {
@@ -131,6 +147,11 @@
this.listData = [] this.listData = []
this.getList() this.getList()
}, },
refreshList() {
this.searchValue = ''
this.search()
this.getInfo()
},
closeWeb() { closeWeb() {
const platform = uni.getSystemInfoSync().platform; const platform = uni.getSystemInfoSync().platform;
// console.log(platform, '打印设备参数') // console.log(platform, '打印设备参数')
@@ -146,6 +167,18 @@
window.Android.closeWeb(); 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() { async getInfo() {
http.get('/api/Guild/is_guild_member', { http.get('/api/Guild/is_guild_member', {
token: uni.getStorageSync('token') ?? '' token: uni.getStorageSync('token') ?? ''
@@ -205,8 +238,8 @@
}); });
}, },
copyData(text) { copyData(text) {
if(text) { if (text) {
if (uni.getSystemInfoSync().platform === 'h5') { if (uni.getSystemInfoSync().platform === 'h5') {
const textarea = document.createElement('textarea'); const textarea = document.createElement('textarea');
textarea.value = text; textarea.value = text;
@@ -214,7 +247,7 @@
textarea.select(); textarea.select();
document.execCommand('copy'); document.execCommand('copy');
document.body.removeChild(textarea); document.body.removeChild(textarea);
uni.showToast({ uni.showToast({
title: '复制成功', title: '复制成功',
icon: 'none', icon: 'none',
@@ -251,7 +284,7 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.view-page { .view-page {
// padding: 32rpx; // padding: 32rpx;
// min-height: 100vh; // min-height: 100vh;
@@ -260,9 +293,11 @@
// background-image: url('@/static/image/help/bg.png'); // background-image: url('@/static/image/help/bg.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.minUnicon{
.minUnicon {
color: var(--primary-color); color: var(--primary-color);
} }
.content { .content {
padding: 0 32rpx; padding: 0 32rpx;
} }
@@ -325,12 +360,12 @@
.swipe-view { .swipe-view {
width: 100%; width: 100%;
height: 200rpx; height: 200rpx;
background-color: antiquewhite; // background-color: antiquewhite;
border-radius: 14rpx; border-radius: 14rpx;
margin-top: 36rpx; margin-top: 36rpx;
background-image: url('/static/image/swiper.jpg'); // background-image: url('/static/image/swiper.jpg');
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} }
.title { .title {
@@ -383,7 +418,7 @@
/* 会长样式 */ /* 会长样式 */
.chairman { .chairman {
width: 106rpx; min-width: 106rpx;
height: 36rpx; height: 36rpx;
padding: 0 12rpx; padding: 0 12rpx;
color: #fff; color: #fff;
@@ -395,9 +430,12 @@
position: relative; position: relative;
left: 10rpx; left: 10rpx;
margin: 32rpx 0; margin: 32rpx 0;
.truncate-three{ display: inline-flex;
.truncate-three {
text-align: left; text-align: left;
} }
.chairman-portrait { .chairman-portrait {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
@@ -413,6 +451,10 @@
border-radius: 50%; border-radius: 50%;
} }
} }
.chairman-name {
margin-left: 0.9rem;
}
} }
.id-title { .id-title {
@@ -448,6 +490,7 @@
/* 右边按钮 */ /* 右边按钮 */
.right-button { .right-button {
text-align: center; text-align: center;
.apply-button { .apply-button {
display: inline-block; display: inline-block;
background: var(--primary-color); background: var(--primary-color);
@@ -481,6 +524,12 @@
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
font-size: 24rpx; font-size: 24rpx;
text-align: left; text-align: left;
display: inline-block;
/* width: 6ch; */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
} }
} }
} }

BIN
static/che.mp4 Normal file
View File

Binary file not shown.

BIN
static/image/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 624 KiB

After

Width:  |  Height:  |  Size: 330 KiB

BIN
static/image/swipers.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 163 KiB

6
uni_modules/uni-popup/components/uni-popup/uni-popup.vue
View File

@@ -136,7 +136,7 @@
}, },
data() { data() {
return { return {
duration: 300, duration: 100,
ani: [], ani: [],
showPopup: false, showPopup: false,
showTrans: false, showTrans: false,
@@ -248,7 +248,7 @@
this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick
} }
if (this.animation) { if (this.animation) {
this.duration = 300 this.duration = 100
} else { } else {
this.duration = 0 this.duration = 0
} }
@@ -315,7 +315,7 @@
// this.customOpen && this.customClose() // this.customOpen && this.customClose()
this.timer = setTimeout(() => { this.timer = setTimeout(() => {
this.showPopup = false this.showPopup = false
}, 300) }, 100)
}, },
// TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容 // TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容
touchstart() { touchstart() {

25
unpackage/dist/cache/.vite/deps/_metadata.json vendored Normal file
View File

@@ -0,0 +1,25 @@
{
"hash": "67b8c409",
"configHash": "98b2a01b",
"lockfileHash": "49722671",
"browserHash": "ff7368ae",
"optimized": {
"axios": {
"src": "../../../../../node_modules/axios/index.js",
"file": "axios.js",
"fileHash": "3d64531a",
"needsInterop": false
},
"video-animation-player": {
"src": "../../../../../node_modules/video-animation-player/dist/vap.js",
"file": "video-animation-player.js",
"fileHash": "e8837343",
"needsInterop": true
}
},
"chunks": {
"chunk-P2LSHJDD": {
"file": "chunk-P2LSHJDD.js"
}
}
}

2532
unpackage/dist/cache/.vite/deps/axios.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

7
unpackage/dist/cache/.vite/deps/axios.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

15
unpackage/dist/cache/.vite/deps/chunk-P2LSHJDD.js vendored Normal file
View File

@@ -0,0 +1,15 @@
var __defProp = Object.defineProperty;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __commonJS = (cb, mod) => function __require() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
export {
__commonJS,
__export
};
//# sourceMappingURL=chunk-P2LSHJDD.js.map

7
unpackage/dist/cache/.vite/deps/chunk-P2LSHJDD.js.map vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"sources": [],
"sourcesContent": [],
"mappings": "",
"names": []
}

3
unpackage/dist/cache/.vite/deps/package.json vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"type": "module"
}

1652
unpackage/dist/cache/.vite/deps/video-animation-player.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

7
unpackage/dist/cache/.vite/deps/video-animation-player.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
until/config.js
View File

@@ -2,6 +2,7 @@
//api 请求路径 本地 //api 请求路径 本地
// http://md.xscmmidi.site 正式api // http://md.xscmmidi.site 正式api
// http://tmd.xscmmidi.site 测试api // http://tmd.xscmmidi.site 测试api
const BASE_NAME = '秘地语音'
const BASE_URL = "https://md.xscmmidi.site"; const BASE_URL = "https://md.xscmmidi.site";
// 前端访问域名 // 前端访问域名
// tmdh.xscmmidi.site 测试 // tmdh.xscmmidi.site 测试
@@ -17,5 +18,6 @@ export default {
IM_APP_TOKEN, IM_APP_TOKEN,
PRIMARY_BGURL, PRIMARY_BGURL,
PRIMARY_BLYURL, PRIMARY_BLYURL,
BASR_COLOR BASR_COLOR,
BASE_NAME
} }

2
until/request.js
View File

@@ -4,7 +4,7 @@ import config from './config.js';
// 创建axios实例 // 创建axios实例
const http = axios.create({ const http = axios.create({
baseURL: config.BASE_URL, // API的基础路径 baseURL: config.BASE_URL, // API的基础路径
timeout: 5000 // 请求超时时间 timeout: 5000
}); });
// 请求拦截器 // 请求拦截器