up uni-app

This commit is contained in:
全栈小学生 2025-06-11 09:20:03 +08:00
parent 7d27920bcf
commit 7f8d86eed4
19 changed files with 368 additions and 45 deletions

View File

@ -71,18 +71,23 @@ const solve = () => {
}
const handleWeappAddonComponents = (mode) => {
const src = `./dist/${mode}/mp-weixin/addon/components/diy/group/index.json`
const files = [
`./dist/${mode}/mp-weixin/addon/components/diy/group/index.json`,
`./dist/${mode}/mp-weixin/app/pages/index/tabbar.json`
]
try {
const data = JSON.parse(fs.readFileSync(src, 'utf8'));
data.componentPlaceholder = {};
files.forEach(src => {
try {
const data = JSON.parse(fs.readFileSync(src, 'utf8'));
data.componentPlaceholder = {};
Object.keys(data.usingComponents).map(key => {
data.componentPlaceholder[key] = "view";
})
fs.writeFileSync(src, JSON.stringify(data))
} catch (err) {
}
Object.keys(data.usingComponents).map(key => {
data.componentPlaceholder[key] = "view";
})
fs.writeFileSync(src, JSON.stringify(data))
} catch (err) {
}
})
}
const handleWeappLanguage = (mode) => {
@ -115,6 +120,20 @@ const listenWeappRunDev = () => {
handleWeappLanguage('dev')
}
});
// 监听 stderr 输出,用于捕获错误信息
devProcess.stderr.on('data', (data) => {
console.error(data.toString());
});
// 监听子进程退出事件
devProcess.on('close', (code) => {
if (code !== 0) { // 如果退出码不是0则认为发生了错误
console.error(`Child process exited with code ${code}`);
} else {
console.log('Child process exited successfully.');
}
});
}
main()

View File

@ -28,18 +28,26 @@
<button class="bg-[#FFB4B1] !text-[#fff] h-[80rpx] leading-[80rpx] rounded-[100rpx] text-[26rpx] font-500" hover-class="none" v-else-if="friendsInfo.status == -1">{{ t('close') }}</button>
<button class="botton-color !text-[#fff] h-[80rpx] leading-[80rpx] rounded-[100rpx] text-[26rpx] font-500" hover-class="none" v-else :loading="operateLoading" @click="save">{{ friendsInfo.config.pay_button_name ? friendsInfo.config.pay_button_name : t('payGenerously') }}</button>
</view>
<view class="mt-[20rpx] flex items-baseline justify-center text-[var(--text-color-light9)]" @click="redirect({url: '/app/pages/index/index'})">
<text class="text-[24rpx] mr-[6rpx]">返回首页</text>
</view>
<view class="px-[10px] flex justify-between items-center text-[var(--text-color-light9)] mt-[20rpx] ">
<view class="flex items-baseline justify-between text-[var(--text-color-light9)]" @click="redirect({url: '/app/pages/index/index'})">
<text class="text-[24rpx] mr-[6rpx]">返回首页</text>
</view>
<view class="flex-shrink-0" @click="handleMessage" v-if="friendsInfo.config.pay_explain_switch">
<text class="mr-[8rpx] text-[24rpx]">{{ friendsInfo.config.pay_explain_title }}</text>
<text class="nc-iconfont nc-icon-jichuxinxiV6xx text-[26rpx] "></text>
</view>
</view>
</view>
<view class="card-template sidebar-margin mb-[var(--top-m)]" v-if="friendsInfo.config.pay_info_switch">
<template v-if="JSON.stringify(friendsInfo.trade_info) !== '[]' && friendsInfo.trade_info.item_list.length">
<view class="flex justify-between items-center mb-[30rpx]">
<view class="text-[30rpx] text-[#333] font-500">{{ t('helpPayInfo') }}</view>
<view class="flex-shrink-0" @click="handleMessage" v-if="friendsInfo.config.pay_explain_switch">
<!-- <view class="flex-shrink-0" @click="handleMessage" v-if="friendsInfo.config.pay_explain_switch">
<text class="mr-[8rpx] text-[24rpx]">{{ friendsInfo.config.pay_explain_title }}</text>
<text class="nc-iconfont nc-icon-jichuxinxiV6xx text-[26rpx]"></text>
</view>
</view> -->
</view>
<view class="border-0 border-solid border-b-[1rpx] border-[#f6f6f6] mb-[20rpx]">
<view v-for="(item, index) in friendsInfo.trade_info.item_list" class="flex justify-between" :class="{' mb-[34rpx]': (index + 1) != friendsInfo.trade_info.length }">

View File

@ -0,0 +1,222 @@
<template>
<view class="w-screen h-screen flex flex-col">
<top-tabbar v-if="navbar" :data="navbar.data" :is-back="false"/>
<view class="hidden">{{ tag }}</view>
<template v-if="tabbar && Object.keys(tabbar).length">
<u-tabbar :value="page" zIndex="9999" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"
:inactive-color="tabbar.value.textColor" :active-color="tabbar.value.textHoverColor">
<block v-for="item in tabbar.value.list">
<u-tabbar-item class="py-[5rpx]" :style="{'background-color': tabbar.value.backgroundColor}" :text="item.text"
:icon="img(page == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link"
v-if="tabbar.value.type == 1" @click="itemBtn(item.link.url)"></u-tabbar-item>
<u-tabbar-item class="py-[5rpx]" :style="{'background-color': tabbar.value.backgroundColor}"
:icon="img(page == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link"
v-if="tabbar.value.type == 2" @click="itemBtn(item.link.url)"></u-tabbar-item>
<u-tabbar-item class="py-[5rpx]" :style="{'background-color': tabbar.value.backgroundColor}" :text="item.text" :name="item.link.url"
v-if="tabbar.value.type == 3" @click="itemBtn(item.link.url)"></u-tabbar-item>
</block>
</u-tabbar>
<view class="tab-bar-placeholder"></view>
</template>
</view>
</template>
<script setup lang="ts">
import { ref, reactive, watch, computed } from 'vue'
import { img, redirect, urlDeconstruction } from '@/utils/common'
import { getCustomNavigationPages } from '@/utils/pages'
import useConfigStore from '@/stores/config'
import { cloneDeep } from 'lodash-es'
import useSystemStore from '@/stores/system'
import tabbarJson from '@/tabbar.json'
import pagesJson from '@/pages.json'
import zh from '@/locale/zh-Hans.json'
import en from '@/locale/en.json'
import {onPageScroll} from "@dcloudio/uni-app";
import TopTabbar from "@/components/top-tabbar/top-tabbar.vue";
import { language } from '@/locale'
uni.hideTabBar()
const customNavigationPages = getCustomNavigationPages()
const tag = ref(0)
const scrollTop = ref({})
const scrollRecord = ref({})
const systemStore = useSystemStore()
const page = computed(() => {
return systemStore.currTabbar.path
})
const tabbar:any = reactive({})
const addon = computed(() => {
if (systemStore.currTabbar.path) {
let pathArr = systemStore.currTabbar.path.split('/')
let index = !pathArr[0] ? 1 : 0;
let app = pathArr[index] == 'addon' ? pathArr[(index+1)] : 'app';
return app
}
return ''
})
const pagesRefs = ref({})
const navbar = ref(null)
const loadRecord = ref([])
const setTabbar = ()=> {
let list = cloneDeep(useConfigStore().tabbarList);
if (list.length == 1) {
Object.assign(tabbar, list[0]);
} else {
let isExist = false;
for (let i = 0; i < list.length; i++) {
if (list[i].key == addon.value) {
Object.assign(tabbar, list[i]);
isExist = true;
break;
}
}
if (!isExist) {
//
let count = 0;
let singleTabbar = {}
try {
if (list) {
list.forEach((item: any) => {
if (item.info.type == 'app') {
count++;
singleTabbar = item;
}
})
}
if (count == 1) {
Object.assign(tabbar, singleTabbar);
}
} catch (e) {
}
}
}
}
const pagesLoad = () => {
if (systemStore.currTabbar.path) {
if (!loadRecord.value.includes(systemStore.currTabbar.path)) loadRecord.value.push(systemStore.currTabbar.path)
if (pagesRefs.value[systemStore.currTabbar.path] && pagesRefs.value[systemStore.currTabbar.path].$) {
// #ifdef MP
systemStore.currTabbar.path.indexOf('addon') != -1 && language.loadAllLocaleMessages('addon', uni.getLocale())
// #endif
// onshow onload
pagesRefs.value[systemStore.currTabbar.path].$.root.onLoad.forEach(el => {
el(systemStore.currTabbar.query || {})
})
pagesRefs.value[systemStore.currTabbar.path].$.root.onShow.forEach(el => {
el()
})
//
scrollTop.value[systemStore.currTabbar.path] = scrollRecord.value[systemStore.currTabbar.path] || 0
// navbar
// navbar
if (!customNavigationPages[systemStore.currTabbar.path]) {
let key = systemStore.currTabbar.path.replace('/app/', '').replace('/addon/', '').replaceAll('/', '.')
switch (uni.getLocale()) {
case 'zh-Hans':
zh[key] && (key = zh[key])
break;
case 'en':
en[key] && (key = en[key])
break;
}
navbar.value = {
data: {
title: key,
topStatusBar: {
"bgColor": "#ffffff",
"rollBgColor": "#ffffff",
"style": "style-1",
"textColor": "#333333",
"rollTextColor": "#333333",
"textAlign": "center",
"imgUrl": "",
"link": {
"name": ""
}
}
}
}
} else {
navbar.value = null
}
} else {
setTimeout(() => {
tag.value++
pagesLoad()
}, 300)
}
}
}
watch(
() => useConfigStore().tabbarList,
(newValue, oldValue) => {
if (newValue) {
setTabbar()
}
}
, { deep: true, immediate: true }
)
watch(() => addon, (newValue, oldValue) => {
if (newValue) {
setTabbar()
}
},
{ deep: true, immediate: true }
)
const setPagesRefs = (el, key) => {
if (!pagesRefs.value[key]) {
pagesRefs.value[key] = el
}
}
const itemBtn = (url: string)=>{
const route = urlDeconstruction(url)
if (tabbarJson.includes(route.path)) {
useSystemStore().$patch((state) => {
state.currTabbar = route
})
} else {
redirect({ url, mode: 'navigateTo' })
}
}
watch(() => systemStore.currTabbar, (newValue, oldValue) => {
pagesLoad()
}, { deep: true, immediate: true })
const scrollListen = (e: any, key: string) => {
scrollRecord.value[key] = e.detail.scrollTop
try {
pagesRefs.value[systemStore.currTabbar.path].$.root.onPageScroll.forEach(el => {
el(e.detail)
})
} catch (e) {
}
}
</script>
<style lang="scss" scoped>
:deep(.u-tabbar) {
flex: unset!important;
}
</style>

View File

@ -54,7 +54,7 @@
</button>
</view>
</view>
<area-select ref="areaRef" @complete="areaSelectComplete" :area-id="formData.district_id" />
<area-select ref="areaRef" @complete="areaSelectComplete" :area-id="formData.district_id || formData.city_id" />
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<wx-privacy-popup ref="wxPrivacyPopupRef"></wx-privacy-popup>
@ -181,14 +181,14 @@ const selectArea = () => {
}
const areaSelectComplete = (event: any) => {
if (isSelectAddress.value && (formData.value.province_id == event.province.id || formData.value.city_id != event.city.id || formData.value.district_id != event.district.id)) {
if (isSelectAddress.value && (formData.value.province_id == event.province?.id || formData.value.city_id != event.city?.id || formData.value.district_id != event.district?.id)) {
formData.value.lat = '';
formData.value.lng = '';
}
formData.value.province_id = event.province.id || 0
formData.value.city_id = event.city.id || 0
formData.value.district_id = event.district.id || 0
formData.value.area = `${ event.province.name || '' }${ event.city.name || '' }${ event.district.name || '' }`
formData.value.province_id = event.province?.id || 0
formData.value.city_id = event.city?.id || 0
formData.value.district_id = event.district?.id || 0
formData.value.area = `${ event.province?.name || '' }${ event.city?.name || '' }${ event.district?.name || '' }`
isSelectAddress.value = false;
}

View File

@ -110,10 +110,16 @@
</view>
</view>
</view>
<view class="empty-page" v-if="!loading && (!list || !list.length)">
<image class="img" :src="img('static/resource/images/empty.png')" mode="aspectFill" />
<text class="desc">暂无会员等级</text>
</view>
<view class="" v-if="!loading && (!list || !list.length)">
<!-- #ifdef MP -->
<top-tabbar :data="topTabbarDataEmpty" />
<!-- #endif -->
<view class="empty-page" >
<image class="img" :src="img('static/resource/images/empty.png')" mode="aspectFill" />
<text class="desc">暂无会员等级</text>
</view>
</view>
</view>
</template>
@ -136,6 +142,16 @@ const levelIndex = ref(0); //当前等级的索引
/********* 自定义头部 - start ***********/
const topTabarObj = topTabar()
let topTabbarData = topTabarObj.setTopTabbarParam({ title: '会员等级' })
let topTabbarDataEmpty =ref({
title: '会员等级',
topStatusBar: {
style: 'style-1',
bgColor: '#fff',
rollBgColor: '#333',
textColor: '#333',
rollTextColor: '#333'
}
})
/********* 自定义头部 - end ***********/
onShow(() => {

View File

@ -118,6 +118,11 @@ watch(() => selected.city, (nval) => {
selected.district = null
}
}
if (!data.length) {
emits('complete', selected)
show.value = false
}
}).catch()
} else {
areaList.district = []

View File

@ -148,6 +148,10 @@ const getPhoneNumber = (e: any) => {
let msg = '用户未授权隐私权限';
uni.showToast({ title: msg, icon: 'none' })
}
if (e.detail.errno == 112) {
let msg = `隐私协议中未声明,获取手机号失败`;
uni.showToast({ title: msg, icon: 'none' })
}
if (e.detail.errMsg == "getPhoneNumber:fail user deny") {
let msg = '用户拒绝获取手机号码';
uni.showToast({ title: msg, icon: 'none' })

View File

@ -1,5 +1,5 @@
<template>
<template v-if="tabbar && Object.keys(tabbar).length">
<template v-if="tabbarShow && tabbar && Object.keys(tabbar).length">
<u-tabbar :value="value" zIndex="9999" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true" :inactive-color="tabbar.value.textColor" :active-color="tabbar.value.textHoverColor" :border="props.border" class="custom-tabbar">
<template v-for="item in tabbar.value.list">
<u-tabbar-item class="py-[5rpx]" :custom-style="{'background-color': tabbar.value.backgroundColor}" :text="item.text" :icon="img(value == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link.url" v-if="tabbar.value.type == 1" @click="itemBtn(item.link.url)"></u-tabbar-item>
@ -15,6 +15,7 @@
import { reactive, computed, watch, nextTick, getCurrentInstance } from 'vue'
import { redirect, currRoute, currShareRoute, img } from '@/utils/common'
import useConfigStore from '@/stores/config'
import useSystemStore from '@/stores/system'
import { cloneDeep } from 'lodash-es'
const props = defineProps({
@ -47,6 +48,10 @@ if (!addon && configStore.addon) {
const tabbar: any = reactive({})
const tabbarShow = computed(() => {
return currRoute() != '/app/pages/index/tabbar'
})
const setTabbar = () => {
let list = cloneDeep(useConfigStore().tabbarList);
if (list.length == 1) {

View File

@ -244,7 +244,9 @@ const navbarPlaceholderHeight = () => {
const query = uni.createSelectorQuery().in(instance);
query.select('.ns-navbar-wrap .u-navbar .content-wrap').boundingClientRect(data => {
placeholderHeight.value = data ? data.height : 0;
diyStore.topTabarHeight = placeholderHeight.value;
diyStore.$patch((state) => {
state.topTabarHeight = placeholderHeight.value
})
}).exec();
})
}

View File

@ -1,7 +1,7 @@
<template>
<view @touchmove.prevent.stop>
<u-popup :show="showPop" type="bottom" @close="disPopUp">
<view>
<view class="privacy-popup-wrap">
<view class="p-[30rpx]">
<view class="privacy-title">用户隐私保护提示</view>
<view class="privacy-desc">感谢您使用本小程序在使用前您应当阅读并同意<text class="privacy-link" @tap="openPrivacyContract">{{ privacyContractName }}</text> 当点击同意并继续时即表示您已理解并同意该条款内容该条款将对您产生法律约束力如您不同意将无法继续使用小程序相关功能</view>
@ -235,4 +235,10 @@ defineExpose({
.bg-agree {
margin-right: 0rpx;
}
.privacy-popup-wrap {
padding-bottom: constant(safe-area-inset-bottom);
/*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom);
}
</style>

View File

@ -4,7 +4,7 @@ import { sendSms } from '@/app/api/system'
export function useSendSms(smsRef: any) {
const tips = ref(t('getSmsCode'))
const seconds = 90
const seconds = 60
const changeText = 'X' + t('smsCodeChangeText')
const canGetCode = computed(() => {

View File

@ -8,21 +8,13 @@ const t = (message: string) => {
route = getCurrentInstance()?.appContext.config.globalProperties.$route.path || ('/' + useSystemStore().currRoute)
// #endif
// #ifdef MP
let _route = getCurrentInstance()?.root.ctx.$scope.__route__;
if(_route == 'app/pages/index/tabbar'){
route = useSystemStore().currRoute
}else{
route = '/' + getCurrentInstance()?.root.ctx.$scope.__route__
route = '/' + (getCurrentInstance()?.root.ctx.$scope.__route__ || useSystemStore().currRoute)
if (route == '/app/pages/index/tabbar' && useSystemStore().currTabbar && useSystemStore().currTabbar.path) {
route = useSystemStore().currTabbar.path
}
// #endif
// console.log('vgetCurrentInstance()?.root.ctx.$scope.__route__',getCurrentInstance()?.root.ctx.$scope.__route__,useSystemStore().currRoute)
// console.log('route',route)
const file = language.getFileKey(route)
// console.log('file',file)
const key = `${ file.fileKey }.${ message }`
// console.log('key',key)
// console.log('i18n.global.t(key)',i18n.global.t(key))
// console.log('i18n.global.t(message)',i18n.global.t(message))
if (i18n.global.t(message) != message) return i18n.global.t(message)
return i18n.global.t(key) != key ? i18n.global.t(key) : ''
}

View File

@ -44,7 +44,6 @@ class Language {
this.setI18nLanguage(locale, file)
return nextTick()
}
this.loadLocale.push(`${fileKey}.${locale}`)
// 引入语言包文件
const messages = await import(route == 'app' ? `../${route}/locale/${locale}/${file}.json` : `../addon/${route}/locale/${locale}/${file}.json`)
@ -56,6 +55,8 @@ class Language {
this.i18n.global.mergeLocaleMessage(locale, data)
this.setI18nLanguage(locale, file)
this.loadLocale.push(`${fileKey}.${locale}`)
return nextTick()
} catch (e) {
// console.log(e)

View File

@ -42,4 +42,4 @@
"pages.friendspay.share": "找朋友帮忙付",
"pages.friendspay.money": "",
"pages.webview.index": ""
}
}

View File

@ -16,6 +16,12 @@
}
}
},
{
"path": "app/pages/index/tabbar",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "app/pages/auth/index",
"style": {
@ -373,6 +379,9 @@
},
{
"pagePath": "app/pages/index/nosite"
},
{
"pagePath": "app/pages/index/tabbar"
}
]
},

View File

@ -16,6 +16,10 @@ interface System {
shareCallback: any, // 分享回调
defaultPositionAddress: any,
diyAddressInfo: any // 定位信息
currTabbar: {
path: string,
query: object
}
}
const useSystemStore = defineStore('system', {
@ -38,7 +42,11 @@ const useSystemStore = defineStore('system', {
},
shareCallback: null,
defaultPositionAddress: '定位中',
diyAddressInfo: null
diyAddressInfo: null,
currTabbar: {
path: '',
query: {}
}
}
},
actions: {

2
uni-app/src/tabbar.json Normal file
View File

@ -0,0 +1,2 @@
[
]

View File

@ -646,7 +646,7 @@ export function setThemeColor (path: string) {
}
} catch (e) {
// 设置插件应用的主色调发生错误,若不存在则使用最后有效的主色调
if(!current_theme_color && theme_color_list && theme_color_list.length>0){
if(!current_theme_color && theme_color_list && Object.keys(theme_color_list).length > 0){
currTheme = theme_color_list.app || Object.values(theme_color_list)[0];
configStore.themeColor = themeColorToHex(currTheme.theme)
uni.setStorageSync('current_theme_color', JSON.stringify(themeColorToHex(currTheme.theme)));
@ -655,7 +655,7 @@ export function setThemeColor (path: string) {
}
}
}else if (!current_theme_color && theme_color_list && theme_color_list.length>0) {
}else if (!current_theme_color && theme_color_list && Object.keys(theme_color_list).length > 0) {
currTheme = theme_color_list.app || Object.values(theme_color_list)[0]
configStore.themeColor = themeColorToHex(currTheme.theme)
uni.setStorageSync("current_theme_color", JSON.stringify(themeColorToHex(currTheme.theme)))

View File

@ -3,6 +3,8 @@ import { checkNeedLogin } from '@/utils/auth'
import { getToken, currRoute, setThemeColor } from '@/utils/common'
import { memberLog } from '@/app/api/auth'
import { useShare } from '@/hooks/useShare'
import tabbarJson from '@/tabbar.json'
import useSystemStore from '@/stores/system'
/**
*
@ -28,6 +30,10 @@ export const redirectInterceptor = (route: { path: string, query: object }) => {
params: JSON.stringify(route.query),
pre_route: getCurrentPages()[0]?.route
})
// #ifdef MP
toTabbar(route)
// #endif
}
/**
@ -59,6 +65,10 @@ export const launchInterceptor = () => {
// 添加会员访问日志
if (getToken()) memberLog({ route: launch.path, params: JSON.stringify(launch.query || {}), pre_route: '' })
// #ifdef MP
toTabbar(launch)
// #endif
}
@ -84,3 +94,17 @@ const loadShare = () => {
if (!shareWhiteList.includes(currRoute() || '')) setShare()
}
}
/**
* tabbar
*/
const toTabbar = (route: { path: string, query: object }) => {
if (tabbarJson.includes(route.path)) {
useSystemStore().$patch((state) => {
state.currTabbar = route
})
uni.switchTab({
url: '/app/pages/index/tabbar'
})
}
}