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-08-14 11:26:34 +08:00
parent e33b97fc90
commit f66cc10bf2
20 changed files with 834 additions and 817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
App.vue
View File

@@ -2,7 +2,7 @@
import http from '@/until/http.js'; import http from '@/until/http.js';
export default { export default {
onLaunch: function () { onLaunch: function () {
this.getInfo() // this.getInfo()
}, },
onHide: function () { onHide: function () {
uni.removeStorageSync('Theme_Data') uni.removeStorageSync('Theme_Data')
@@ -51,4 +51,14 @@ img {
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
// 定制
:root {
--primary-color: #6C49E4;
--sub-color: #F0EEF7;
--subs-color: #6C49E4;
--subss-color: #DEB52E;
--warn-color:#F69627;
--font-button-color:#fff;
--font-button-size:24rpx;
}
</style> </style>

6
main.js
View File

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

2
pages/feedback/help.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<!-- <headerHeight /> --> <!-- <headerHeight /> -->
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'帮助与反馈'" :emitBack="true" @backEvent="back"> <navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'帮助与反馈'" :emitBack="true" @backEvent="back">
</navBar> </navBar>

1
pages/feedback/report.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="view-page"> <view class="view-page">
<!-- <headerHeight bgColor="#fff" /> -->
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'举报'" bgColor="#fff" :emitBack="true" @backEvent="back"> <navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'举报'" bgColor="#fff" :emitBack="true" @backEvent="back">
</navBar> </navBar>
<view class="content"> <view class="content">

2
pages/other/aboutUs.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<!-- <headerHeight /> --> <!-- <headerHeight /> -->
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back"> <navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back">
</navBar> </navBar>

2
pages/other/gradeRule.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}"> <navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
</navBar> </navBar>
<view class="dec-view" v-if="flagIndex !== null"> <view class="dec-view" v-if="flagIndex !== null">

25
pages/union/detail.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="view-page" <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
:style="{ backgroundImage: `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')` }">
<headerHeight /> <headerHeight />
<navBar :navTitle="'公会详情'"> <navBar :navTitle="'公会详情'">
<template #rightView> <template #rightView>
@@ -29,10 +28,10 @@
</view> </view>
</view> </view>
<view class="like-box"> <view class="like-box">
<uni-icons type="heart" size="20"></uni-icons> <uni-icons type="heart" color="#fff" size="20"></uni-icons>
<span class="ml-6"> <view class="ml-6" style="display: inline-flex;align-items: baseline;">
{{ detailData.total_transaction }} {{ detailData.total_transaction }}
</span> </view>
</view> </view>
</view> </view>
<!-- 公会按钮 是会长可以看公会成员 不是不能看 --> <!-- 公会按钮 是会长可以看公会成员 不是不能看 -->
@@ -224,7 +223,8 @@ export default {
}); });
} else if (platform === 'android') { } else if (platform === 'android') {
// 调用 Android 原生方法 // 调用 Android 原生方法
window.Android.enterGroupChat(this.detailData.group_id, this.detailData.cover, this.detailData.guild_name); window.Android.enterGroupChat(this.detailData.group_id, this.detailData.cover, this.detailData
.guild_name);
} }
} }
} else { } else {
@@ -540,16 +540,15 @@ export default {
.like-box { .like-box {
display: inline-flex; display: inline-flex;
align-items: center; align-items: flex-end;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-direction: row; flex-direction: row;
padding: 6rpx 24rpx; padding: 6rpx 24rpx;
background: #2AFEC0;
border-radius: 35rpx; border-radius: 35rpx;
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;
font-size: 28rpx; background: var(--primary-color);
color: #333333; color: var(--font-button-color);
margin: 8rpx 0; margin: 8rpx 0;
} }
} }
@@ -664,8 +663,10 @@ export default {
height: 84rpx; height: 84rpx;
border-radius: 106rpx; border-radius: 106rpx;
line-height: 84rpx; line-height: 84rpx;
background-color: #0DFFB9; // background-color: #0DFFB9;
color: #333; // color: #333;
background: var(--primary-color);
color: var(--font-button-color);
text-align: center; text-align: center;
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;

3
pages/union/exitApplication.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="view-page" <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
:style="{ backgroundImage: `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')` }">
<headerHeight /> <headerHeight />
<navBar :navTitle="`退出审核`"> <navBar :navTitle="`退出审核`">
</navBar> </navBar>

3
pages/union/historyRecord.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="view-page" <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
:style="{ backgroundImage: `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')` }">
<headerHeight /> <headerHeight />
<navBar :navTitle="`历史记录`"> <navBar :navTitle="`历史记录`">
</navBar> </navBar>

51
pages/union/index.vue
View File

@@ -1,9 +1,9 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <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>
<view v-if="isMerber" @click="jumpMineUnion" class="font-24" style="color:#FF8ACC;white-space: nowrap"> <view v-if="isMerber" @click="jumpMineUnion" class="font-24 minUnicon" style="white-space: nowrap">
我的公会 我的公会
</view> </view>
</template> </template>
@@ -50,7 +50,11 @@
</view> </view>
</view> </view>
<view class="right-button"> <view class="right-button">
<view class="online-view" v-if="data.guild_user_list.length"> <!-- <view class="apply-button">
申请
</view> -->
<view class="online-view">
<div 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"> <div class="avatars-container" v-for="ele in data.guild_user_list.slice(0,3)" :key="ele.id">
<view class="avatar"> <view class="avatar">
<img :src="ele.avatar" alt="" /> <img :src="ele.avatar" alt="" />
@@ -59,6 +63,8 @@
<view class="online-people truncate-three"> <view class="online-people truncate-three">
{{data.num}}人 {{data.num}}人
</view> </view>
</div>
</view> </view>
</view> </view>
</view> </view>
@@ -254,7 +260,9 @@
// 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{
color: var(--primary-color);
}
.content { .content {
padding: 0 32rpx; padding: 0 32rpx;
} }
@@ -320,7 +328,7 @@
background-color: antiquewhite; background-color: antiquewhite;
border-radius: 14rpx; border-radius: 14rpx;
margin-top: 36rpx; margin-top: 36rpx;
background-image: url('/static/image/swiper.png'); background-image: url('/static/image/swiper.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@@ -351,8 +359,8 @@
/* 头像 */ /* 头像 */
.head-portrait { .head-portrait {
width: 100rpx; width: 120rpx;
height: 100rpx; height: 120rpx;
border-radius: 50%; border-radius: 50%;
img { img {
@@ -381,13 +389,15 @@
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
text-align: right; text-align: right;
background: #333333; background: var(--subss-color);
border-radius: 116rpx 116rpx 116rpx 116rpx; border-radius: 116rpx 116rpx 116rpx 116rpx;
border: 2rpx solid #333333; border: 2rpx solid var(--subss-color);
position: relative; position: relative;
left: 10rpx; left: 10rpx;
margin: 32rpx 0; margin: 32rpx 0;
.truncate-three{
text-align: left;
}
.chairman-portrait { .chairman-portrait {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
@@ -437,31 +447,27 @@
/* 右边按钮 */ /* 右边按钮 */
.right-button { .right-button {
text-align: right; text-align: center;
.apply-button { .apply-button {
display: inline-block; display: inline-block;
// width: 98rpx; background: var(--primary-color);
// height: 46rpx; font-size: var(--font-button-size);
background: #0DFFB9; color: var(--font-button-color);
border-radius: 68rpx; border-radius: 68rpx;
text-align: center; text-align: center;
padding: 4rpx 40rpx;
padding: 4rpx 30rpx;
} }
.online-view { .online-view {
// display: inline-block; // display: inline-block;
margin-top: 24rpx; margin-top: 24rpx;
padding: 12rpx 8rpx; padding: 12rpx 8rpx;
// background: #333333;
// border-radius: 92rpx;
// font-size: 24rpx;
// color: #FFFFFF;
text-align: right; text-align: right;
width: 160rpx; width: 160rpx;
height: 44rpx; height: 44rpx;
line-height: 44rpx; line-height: 44rpx;
background: #333333; // background: #333333;
border-radius: 92rpx 92rpx 92rpx 92rpx; border-radius: 92rpx 92rpx 92rpx 92rpx;
position: relative; position: relative;
@@ -472,8 +478,9 @@
} }
.online-people { .online-people {
color: #FFFFFF; color: rgba(0, 0, 0, 0.5);
font-size: 24rpx; font-size: 24rpx;
text-align: left;
} }
} }
} }

2
pages/union/memberList.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<!-- <headerHeight /> --> <!-- <headerHeight /> -->
<navBar :navTitle="'查看成员'" :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}"> <navBar :navTitle="'查看成员'" :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}">
</navBar> </navBar>

4
pages/union/roomAndflow.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<headerHeight /> <headerHeight />
<navBar :navTitle="`${ leaderStatus ? '公会房间及流水' : '公会房间'}`"> <navBar :navTitle="`${ leaderStatus ? '公会房间及流水' : '公会房间'}`">
<template #rightView> <template #rightView>
@@ -198,7 +198,7 @@
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #004D3C; color: #333;
margin-top: 24rpx; margin-top: 24rpx;
} }
} }

2
pages/union/setGroup.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<!-- <headerHeight /> --> <!-- <headerHeight /> -->
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'群聊设置'" :emitBack="true" @backEvent="back"> <navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'群聊设置'" :emitBack="true" @backEvent="back">
</navBar> </navBar>

14
pages/union/subsidy.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')`}"> <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<headerHeight /> <headerHeight />
<navBar :navTitle="`公会补贴`"> <navBar :navTitle="`公会补贴`">
<template #rightView> <template #rightView>
<view class="icon-right flex-line" @click="exit" <view class="icon-right flex-line" @click="exit"
v-if="detailData && leaderStatus" > v-if="detailData && leaderStatus" >
<view @click="historyRecord" class="font-24" style="color:#FF8ACC;white-space: nowrap"> <view @click="historyRecord" class="font-24 minUnicon" style="white-space: nowrap">
历史记录 历史记录
</view> </view>
</view> </view>
@@ -17,7 +17,7 @@
<view class="color-3 font-w500 font-32"> <view class="color-3 font-w500 font-32">
{{data.name}} {{data.name}}
</view> </view>
<view class="font-28" :style="{'color' : data.status_str === '已发放' ? '#999' : '#45D08C'}"> <view class="font-28" :style="{'color' : data.status_str === '已发放' ? '#999' : '#DEB52E'}">
{{data.status_str}} {{data.status_str}}
</view> </view>
</view> </view>
@@ -96,6 +96,9 @@
// 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{
color: var(--primary-color);
}
.content-view{ .content-view{
padding: 0 24rpx; padding: 0 24rpx;
} }
@@ -103,7 +106,7 @@
margin-top: 40rpx; margin-top: 40rpx;
} }
.cumulative { .cumulative {
color: #FF8ACC; color: var(--primary-color);
} }
.line { .line {
@@ -113,8 +116,7 @@
} }
.subsidy { .subsidy {
color: #0DFFB9; color: var(--warn-color);
} }
} }
</style> </style>

5
pages/union/unionMembers.vue
View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="view-page" <view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
:style="{ backgroundImage: `url('${ThemeData?.app_bg ?? 'https://vespa.qxmier.com/image/bg.png'}')` }">
<headerHeight /> <headerHeight />
<navBar :navTitle="`公会成员`"> <navBar :navTitle="`公会成员`">
<template #rightView> <template #rightView>
@@ -326,7 +325,7 @@ export default {
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #004D3C; color: #333;
margin-top: 24rpx; margin-top: 24rpx;
} }
} }

BIN
static/image/swiper.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
static/image/swiper.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 239 KiB

BIN
static/image/union/flowbg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 69 KiB

10
until/config.js
View File

@@ -3,13 +3,11 @@
// http://chat.qxmier.com // http://chat.qxmier.com
// http://vschat.qxmier.com // http://vschat.qxmier.com
const BASE_URL="http://chat.qxmier.com"; const BASE_URL="http://chat.qxmier.com";
const PRIMARY_BGURL = "https://vespa.qxmier.com/image/fy_bg.jpg";
//api 请求路径 测试
// const BASE_URL="https://h5.qxcms.com/api";
//IM app_key //IM app_key
const IM_APP_TOKEN="67962a777e2b13bc6a4bde3ccd389d1e"; const IM_APP_TOKEN="67962a777e2b13bc6a4bde3ccd389d1e";
export { export default {
BASE_URL, BASE_URL,
IM_APP_TOKEN IM_APP_TOKEN,
PRIMARY_BGURL
} }

1
until/request.js
View File

@@ -16,6 +16,7 @@ http.interceptors.request.use(
}, },
error => { error => {
// 对请求错误做些什么 // 对请求错误做些什么
return Promise.reject(error); return Promise.reject(error);
} }
); );