Compare commits
5 Commits
feat-huawe
...
feat-huawe
| Author | SHA1 | Date | |
|---|---|---|---|
|
c1d43f04a9 | ||
|
|
bb8eee51d3 | ||
|
|
b633125cc3 | ||
|
|
f1c01833e4 | ||
|
|
5bd0881946 |
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"codingcopilot.enableCompletionLanguage": {}
|
||||||
|
}
|
||||||
@@ -1,152 +0,0 @@
|
|||||||
/**
|
|
||||||
* 华为支付核心工具类
|
|
||||||
* 适配端：华为快应用（原生支付）、微信小程序（H5支付）、H5端（H5支付）
|
|
||||||
* 核心：统一封装支付调用逻辑，返回H5支付链接适配web-view组件
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 华为支付调用封装
|
|
||||||
* @param {String} outTradeNo 前端生成的唯一订单号
|
|
||||||
* @param {Number} amount 支付金额（单位：元，保留2位小数）
|
|
||||||
* @param {String} subject 订单标题
|
|
||||||
* @param {String} payType 支付类型（默认huaweipay）
|
|
||||||
* @returns {Promise} 支付结果（含H5支付链接）
|
|
||||||
*/
|
|
||||||
export function invokeHuaweiPay(outTradeNo, amount, subject, payType = 'huaweipay') {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
// 1. 显示加载中提示
|
|
||||||
uni.showLoading({
|
|
||||||
title: '发起支付...'
|
|
||||||
});
|
|
||||||
|
|
||||||
// 2. 调用后端生成订单
|
|
||||||
const orderRes = await uni.request({
|
|
||||||
url: getApiUrl() + '/api/huawei/pay/createOrder',
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
out_trade_no: outTradeNo,
|
|
||||||
total_amount: amount,
|
|
||||||
subject: subject,
|
|
||||||
pay_type: payType
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 3. 校验后端返回结果
|
|
||||||
if (orderRes.data.code !== 0) {
|
|
||||||
uni.hideLoading();
|
|
||||||
reject(new Error(orderRes.data.msg || '生成支付订单失败'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 4. 区分运行端处理
|
|
||||||
const systemInfo = uni.getSystemInfoSync();
|
|
||||||
const accountInfo = uni.getAccountInfoSync();
|
|
||||||
const isHuaweiQuickApp = systemInfo.platform === 'quickapp-huawei'; // 华为快应用
|
|
||||||
const isWechatMini = accountInfo?.miniProgram?.appId?.includes('wx'); // 微信小程序
|
|
||||||
const isH5 = systemInfo.platform === 'web' || !accountInfo?.miniProgram; // H5端
|
|
||||||
|
|
||||||
if (isHuaweiQuickApp) {
|
|
||||||
// 4.1 华为快应用：原生唤起支付控件
|
|
||||||
// 注意：这里需要根据实际的华为快应用支付SDK调用
|
|
||||||
try {
|
|
||||||
// 示例代码，实际需要根据华为快应用文档调整
|
|
||||||
const huaweiPay = require('@service.pay.huawei');
|
|
||||||
huaweiPay.pay({
|
|
||||||
orderInfo: orderRes.data.data.orderInfo,
|
|
||||||
success: (payRes) => {
|
|
||||||
uni.hideLoading();
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '华为支付控件唤起成功',
|
|
||||||
data: payRes
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
uni.hideLoading();
|
|
||||||
const errMsg = err.message || err.code || '未知错误';
|
|
||||||
reject(new Error(`支付失败：${errMsg}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} catch (sdkError) {
|
|
||||||
// SDK不存在，降级到H5支付
|
|
||||||
if (orderRes.data.data.payUrl) {
|
|
||||||
uni.hideLoading();
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转华为支付H5页面',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
uni.hideLoading();
|
|
||||||
reject(new Error('华为支付SDK不可用且无H5支付链接'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (isWechatMini || isH5) {
|
|
||||||
// 4.2 微信小程序/H5端：返回H5支付链接（适配web-view）
|
|
||||||
if (!orderRes.data.data.payUrl) {
|
|
||||||
uni.hideLoading();
|
|
||||||
reject(new Error('未获取到华为支付H5跳转链接'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
uni.hideLoading();
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转华为支付H5页面',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// 4.3 其他端：提示不支持
|
|
||||||
uni.hideLoading();
|
|
||||||
reject(new Error('当前环境暂不支持华为支付'));
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
uni.hideLoading();
|
|
||||||
reject(new Error(`支付异常：${err.message || '网络请求失败'}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 校验支付最终状态（统一适配所有支付方式）
|
|
||||||
* @param {String} outTradeNo 前端生成的订单号
|
|
||||||
* @returns {Promise} 校验结果（包含订单实际支付状态）
|
|
||||||
*/
|
|
||||||
export function checkPayStatus(outTradeNo) {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
// 统一调用后端状态校验接口（适配所有支付类型）
|
|
||||||
const checkRes = await uni.request({
|
|
||||||
url: getApiUrl() + '/api/pay/checkStatus',
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
out_trade_no: outTradeNo
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
resolve(checkRes.data);
|
|
||||||
} catch (err) {
|
|
||||||
reject(new Error(`校验支付状态失败：${err.message || '网络请求失败'}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取API基础URL
|
|
||||||
*/
|
|
||||||
function getApiUrl() {
|
|
||||||
// 尝试获取配置的API地址
|
|
||||||
try {
|
|
||||||
// #ifdef H5
|
|
||||||
const config = require('@/common/js/config.js').default;
|
|
||||||
return config.baseUrl || '';
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5
|
|
||||||
const config = require('@/common/js/config.js').default;
|
|
||||||
return config.baseUrl || '';
|
|
||||||
// #endif
|
|
||||||
} catch (e) {
|
|
||||||
console.warn('获取API配置失败，使用空字符串');
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
/**
|
|
||||||
* 全支付方式统一调用入口
|
|
||||||
* 整合微信/支付宝/华为支付的所有方法，简化页面引入逻辑
|
|
||||||
* 依赖：payUtils.js、huaweiPay.js（无需修改原文件）
|
|
||||||
*/
|
|
||||||
|
|
||||||
// 1. 引入原工具类的所有方法（修正方法名）
|
|
||||||
import {
|
|
||||||
invokeWechatPay, // 微信支付（完整方法名）
|
|
||||||
invokeAlipay, // 支付宝支付（完整方法名）
|
|
||||||
checkPayStatus as payUtilsCheck // 微信/支付宝支付状态校验（完整方法名）
|
|
||||||
} from './payUtils.js';
|
|
||||||
|
|
||||||
import {
|
|
||||||
invokeHuaweiPay, // 华为支付（完整方法名）
|
|
||||||
checkPayStatus as huaweiCheck // 华为支付状态校验（完整方法名）
|
|
||||||
} from './huaweiPay.js';
|
|
||||||
|
|
||||||
// 2. 导出所有支付调用方法（修正方法名，和原方法一致）
|
|
||||||
export {
|
|
||||||
invokeWechatPay,
|
|
||||||
invokeAlipay,
|
|
||||||
invokeHuaweiPay
|
|
||||||
};
|
|
||||||
|
|
||||||
// 3. 导出统一的支付状态校验方法（两个工具类逻辑完全一致，任选其一即可）
|
|
||||||
export const checkPayStatus = payUtilsCheck;
|
|
||||||
// 若需使用华为支付工具类的校验逻辑，可替换为：export const checkPayStatus = huaweiCheck;
|
|
||||||
@@ -1,212 +0,0 @@
|
|||||||
/**
|
|
||||||
* 微信/支付宝支付工具类
|
|
||||||
* 适配端：微信小程序（全支付方式）、华为快应用（全支付方式）、H5（全支付方式）
|
|
||||||
* 核心：统一封装支付调用逻辑，返回H5支付链接适配web-view组件
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 微信支付调用封装
|
|
||||||
* @param {String} outTradeNo 前端生成的唯一订单号
|
|
||||||
* @param {Number} amount 支付金额（单位：元，保留2位小数）
|
|
||||||
* @param {String} subject 订单标题
|
|
||||||
* @returns {Promise} 支付结果（含H5支付链接）
|
|
||||||
*/
|
|
||||||
export function invokeWechatPay(outTradeNo, amount, subject) {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
// 1. 调用后端接口生成微信支付订单
|
|
||||||
const orderRes = await uni.request({
|
|
||||||
url: getApiUrl() + '/api/pay/wechat/createOrder',
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
out_trade_no: outTradeNo,
|
|
||||||
total_amount: amount,
|
|
||||||
subject: subject,
|
|
||||||
pay_type: 'wechatpay'
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 2. 校验后端返回结果
|
|
||||||
if (orderRes.data.code !== 0) {
|
|
||||||
reject(new Error(orderRes.data.msg || '生成微信支付订单失败'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. 区分运行端处理
|
|
||||||
const systemInfo = uni.getSystemInfoSync();
|
|
||||||
const accountInfo = uni.getAccountInfoSync();
|
|
||||||
const isWechatMini = accountInfo?.miniProgram?.appId?.includes('wx'); // 微信小程序
|
|
||||||
const isHuaweiQuickApp = systemInfo.platform === 'quickapp-huawei'; // 华为快应用
|
|
||||||
|
|
||||||
if (isWechatMini) {
|
|
||||||
// 3.1 微信小程序：优先原生唤起，失败则返回H5链接
|
|
||||||
if (orderRes.data.data.timeStamp && orderRes.data.data.paySign) {
|
|
||||||
uni.requestPayment({
|
|
||||||
timeStamp: orderRes.data.data.timeStamp,
|
|
||||||
nonceStr: orderRes.data.data.nonceStr,
|
|
||||||
package: orderRes.data.data.package,
|
|
||||||
signType: 'MD5',
|
|
||||||
paySign: orderRes.data.data.paySign,
|
|
||||||
success: () => {
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '微信支付控件唤起成功',
|
|
||||||
data: {}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
// 原生唤起失败，返回H5链接适配web-view
|
|
||||||
if (orderRes.data.data.payUrl) {
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '原生支付失败，跳转H5支付',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
reject(new Error(`微信支付失败：${err.errMsg || '无H5支付链接'}`));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if (orderRes.data.data.payUrl) {
|
|
||||||
// 无原生支付参数，直接返回H5链接
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转微信支付H5页面',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
reject(new Error('缺少微信支付参数（原生/H5）'));
|
|
||||||
}
|
|
||||||
} else if (isHuaweiQuickApp) {
|
|
||||||
// 3.2 华为快应用：返回H5支付链接
|
|
||||||
if (!orderRes.data.data.payUrl) {
|
|
||||||
reject(new Error('未获取到微信支付H5跳转链接'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转微信支付H5页面',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// 3.3 H5端：直接跳转
|
|
||||||
if (!orderRes.data.data.payUrl) {
|
|
||||||
reject(new Error('未获取到微信支付跳转链接'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
window.location.href = orderRes.data.data.payUrl;
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转微信支付页面成功',
|
|
||||||
data: {}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
reject(new Error(`微信支付异常：${err.message || '网络请求失败'}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 支付宝支付调用封装（全端支持，返回H5链接适配web-view）
|
|
||||||
* @param {String} outTradeNo 前端生成的唯一订单号
|
|
||||||
* @param {Number} amount 支付金额（单位：元）
|
|
||||||
* @param {String} subject 订单标题
|
|
||||||
* @returns {Promise} 支付结果（含H5支付链接）
|
|
||||||
*/
|
|
||||||
export function invokeAlipay(outTradeNo, amount, subject) {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
// 1. 调用后端接口生成支付宝支付订单
|
|
||||||
const orderRes = await uni.request({
|
|
||||||
url: getApiUrl() + '/api/pay/alipay/createOrder',
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
out_trade_no: outTradeNo,
|
|
||||||
total_amount: amount,
|
|
||||||
subject: subject,
|
|
||||||
pay_type: 'alipay'
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 2. 校验后端返回结果
|
|
||||||
if (orderRes.data.code !== 0) {
|
|
||||||
reject(new Error(orderRes.data.msg || '生成支付宝支付订单失败'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. 区分运行端处理（全端返回H5链接）
|
|
||||||
const accountInfo = uni.getAccountInfoSync();
|
|
||||||
const isWechatMini = accountInfo?.miniProgram?.appId?.includes('wx');
|
|
||||||
const isHuaweiQuickApp = uni.getSystemInfoSync().platform === 'quickapp-huawei';
|
|
||||||
|
|
||||||
if (!orderRes.data.data.payUrl) {
|
|
||||||
reject(new Error('未获取到支付宝支付H5跳转链接'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isWechatMini || isHuaweiQuickApp) {
|
|
||||||
// 3.1 微信小程序/华为快应用：返回H5链接（适配web-view）
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转支付宝支付H5页面',
|
|
||||||
data: { payUrl: orderRes.data.data.payUrl }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// 3.2 H5端：直接跳转
|
|
||||||
window.location.href = orderRes.data.data.payUrl;
|
|
||||||
resolve({
|
|
||||||
code: 0,
|
|
||||||
msg: '跳转支付宝支付页面成功',
|
|
||||||
data: {}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
reject(new Error(`支付宝支付异常：${err.message || '网络请求失败'}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 统一支付状态校验（和huaweiPay.js的checkPayStatus对齐）
|
|
||||||
* @param {String} outTradeNo 前端生成的订单号
|
|
||||||
* @returns {Promise} 校验结果（包含订单实际支付状态）
|
|
||||||
*/
|
|
||||||
export function checkPayStatus(outTradeNo) {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
// 统一调用后端状态校验接口（适配所有支付类型）
|
|
||||||
const checkRes = await uni.request({
|
|
||||||
url: getApiUrl() + '/api/pay/checkStatus', // 和huaweiPay.js使用同一接口
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
out_trade_no: outTradeNo
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
resolve(checkRes.data);
|
|
||||||
} catch (err) {
|
|
||||||
reject(new Error(`校验支付状态失败：${err.message || '网络请求失败'}`));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取API基础URL
|
|
||||||
*/
|
|
||||||
function getApiUrl() {
|
|
||||||
// 尝试获取配置的API地址
|
|
||||||
try {
|
|
||||||
// #ifdef H5
|
|
||||||
const config = require('@/common/js/config.js').default;
|
|
||||||
return config.baseUrl || '';
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5
|
|
||||||
const config = require('@/common/js/config.js').default;
|
|
||||||
return config.baseUrl || '';
|
|
||||||
// #endif
|
|
||||||
} catch (e) {
|
|
||||||
console.warn('获取API配置失败，使用空字符串');
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
0
components/pay-components/alipay-pay.vue
Normal file
0
components/pay-components/alipay-pay.vue
Normal file
File diff suppressed because it is too large
Load Diff
142
main.js
142
main.js
@@ -1,67 +1,77 @@
|
|||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
import './common/js/pc'
|
import './common/js/pc'
|
||||||
// #endif
|
// #endif
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import App from './App'
|
import App from './App'
|
||||||
import store from './store'
|
import store from './store'
|
||||||
import Util from './common/js/util.js'
|
import Util from './common/js/util.js'
|
||||||
import Http from './common/js/http.js'
|
import Http from './common/js/http.js'
|
||||||
import Lang from './common/js/lang.js'
|
import Lang from './common/js/lang.js'
|
||||||
import Config from './common/js/config.js'
|
import Config from './common/js/config.js'
|
||||||
import EventBus from './common/js/event-bus.js'
|
import EventBus from './common/js/event-bus.js'
|
||||||
import DomEventBridge from './common/js/dom-event-bridge.js'
|
import DomEventBridge from './common/js/dom-event-bridge.js'
|
||||||
import globalConfig from './common/js/golbalConfig.js';
|
import globalConfig from './common/js/golbalConfig.js';
|
||||||
import {
|
import {
|
||||||
uniStorage
|
uniStorage
|
||||||
} from './common/js/storage.js'
|
} from './common/js/storage.js'
|
||||||
|
|
||||||
Vue.prototype.$store = store //挂在vue
|
Vue.prototype.$store = store //挂在vue
|
||||||
|
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
|
|
||||||
Vue.prototype.$util = Util;
|
Vue.prototype.$util = Util;
|
||||||
Vue.prototype.$api = Http;
|
Vue.prototype.$api = Http;
|
||||||
|
|
||||||
Vue.prototype.$langConfig = Lang; //语言包对象
|
Vue.prototype.$langConfig = Lang; //语言包对象
|
||||||
Vue.prototype.$lang = Lang.lang; //解析语言包
|
Vue.prototype.$lang = Lang.lang; //解析语言包
|
||||||
|
|
||||||
Vue.prototype.$config = Config;
|
Vue.prototype.$config = Config;
|
||||||
|
|
||||||
|
// #ifdef H5
|
||||||
// #ifdef H5
|
EventBus.setDomBridge(DomEventBridge)
|
||||||
EventBus.setDomBridge(DomEventBridge)
|
// #endif
|
||||||
// #endif
|
Vue.prototype.$eventBus = EventBus;
|
||||||
Vue.prototype.$eventBus = EventBus;
|
|
||||||
|
Vue.mixin(globalConfig);
|
||||||
Vue.mixin(globalConfig);
|
|
||||||
|
App.mpType = 'app';
|
||||||
App.mpType = 'app';
|
|
||||||
|
// 重写存储，增加前缀
|
||||||
// 重写存储，增加前缀
|
uniStorage();
|
||||||
uniStorage();
|
|
||||||
|
//常用组件
|
||||||
//常用组件
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
Vue.component('loading-cover', loadingCover);
|
||||||
Vue.component('loading-cover', loadingCover);
|
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
Vue.component('ns-empty', nsEmpty);
|
||||||
Vue.component('ns-empty', nsEmpty);
|
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
Vue.component("mescroll-uni", MescrollUni); //上拉加载,下拉刷新组件
|
||||||
Vue.component("mescroll-uni", MescrollUni); //上拉加载,下拉刷新组件
|
|
||||||
|
import MescrollBody from "@/components/mescroll/mescroll-body.vue"
|
||||||
import MescrollBody from "@/components/mescroll/mescroll-body.vue"
|
Vue.component('mescroll-body', MescrollBody);
|
||||||
Vue.component('mescroll-body', MescrollBody);
|
|
||||||
|
import NsLogin from "@/components/ns-login/ns-login.vue"
|
||||||
import NsLogin from "@/components/ns-login/ns-login.vue"
|
Vue.component('ns-login', NsLogin);
|
||||||
Vue.component('ns-login', NsLogin);
|
|
||||||
|
import PrivacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
import PrivacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
Vue.component('privacy-popup', PrivacyPopup)
|
||||||
Vue.component('privacy-popup', PrivacyPopup)
|
|
||||||
|
// ========== 新增：注册diy系列组件 ==========
|
||||||
const app = new Vue({
|
import DiyBottomNav from '@/components/diy-components/diy-bottom-nav.vue'
|
||||||
...App,
|
import DiyGroup from '@/components/diy-components/diy-group.vue'
|
||||||
store
|
import DiyCategory from '@/components/diy-components/diy-category.vue'
|
||||||
})
|
import DiyIcon from '@/components/diy-components/diy-icon.vue' // 补充diy-icon
|
||||||
|
|
||||||
|
Vue.component('diy-bottom-nav', DiyBottomNav) // 修正拼写错误
|
||||||
|
Vue.component('diy-group', DiyGroup)
|
||||||
|
Vue.component('diy-category', DiyCategory)
|
||||||
|
Vue.component('diy-icon', DiyIcon) // 注册diy-icon
|
||||||
|
// ========== 新增结束 ==========
|
||||||
|
const app = new Vue({
|
||||||
|
...App,
|
||||||
|
store
|
||||||
|
})
|
||||||
|
|
||||||
app.$mount()
|
app.$mount()
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
"disableSWC": true
|
"disableSWC": true
|
||||||
},
|
},
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"libVersion": "2.16.1",
|
"libVersion": "3.12.0",
|
||||||
"appid": "wx29215aa1bd97bbd6",
|
"appid": "wx29215aa1bd97bbd6",
|
||||||
"projectname": "niushop_b2c_v4_uniapp",
|
"projectname": "niushop_b2c_v4_uniapp",
|
||||||
"isGameTourist": false,
|
"isGameTourist": false,
|
||||||
|
|||||||
Reference in New Issue
Block a user