Compare commits

...

42 Commits

Author SHA1 Message Date
ff9677be71 Merge remote-tracking branch 'remotes/origin/dev/1.0' into custom/2811-xcx6.aigc-quickapp.com 2026-01-07 17:37:58 +08:00
4d70d2cdff chore:和他们的小程序样式一样 2026-01-07 17:32:19 +08:00
7fde30063b chore(微信视频号): 优化channel-video组件的显示,更新技术文档 2026-01-07 17:27:42 +08:00
10465b7cf2 chore(微信视频号): 添加MP-WEIXIN 宏限制channel-video 2026-01-07 17:17:24 +08:00
c7e9b497ae chore(微信视频号): 优化微信视频号的配置及显示 2026-01-07 17:12:38 +08:00
de63cd4c6a feat(微信视频号): 增加微信视频号和微信视频号列表组件 2026-01-07 16:42:28 +08:00
d1cf57717b chore:在线留言提交后,再次打开在线留言,输入框里没有上次留言内容,查看我的关注,暂无关注的商品,应展示去逛逛按钮,点击售后,跳转的界面标题应展示“售后”,无数据时界面应展示“暂无售后记录,搜索页的“查看详情”按钮加了样式 2026-01-07 16:12:55 +08:00
2f230d3b2c chore: 使用常量来处理登录的路由页面路径 2026-01-07 15:51:24 +08:00
6f01b3c1c6 chore: 使用常量来处理首页的路由页面路径 2026-01-07 15:40:13 +08:00
b10fcf02d4 chore: 使用常量来处理会员中心的路由页面路径判断 2026-01-07 15:09:49 +08:00
012b1339aa chore:在线留言提交后,再次打开在线留言,输入框会清空上次内容 2026-01-07 14:29:53 +08:00
6956841c8b chore(会员中心): 购物车、足迹、关注,优化副标题 2026-01-07 14:24:02 +08:00
90820ade30 fix(路由): 修复订单列表页面,验证登录页面,而没办法后退 2026-01-07 14:02:03 +08:00
4a44eb66c9 Merge remote-tracking branch 'remotes/origin/dev/1.0' into dev/1.0 2026-01-07 11:50:41 +08:00
8df59abd03 fix(关注/足迹): 优化交互逻辑 2026-01-07 11:35:28 +08:00
d1b9e528f8 fix(页面前缀): 分包造成的路径对应更新缺失 2026-01-06 18:14:35 +08:00
8e337da21e chore:查看我的关注,加去逛逛按钮,点击售后,标题应展示“售后”,无数据时界面应展示“暂无售后记录” 2026-01-06 18:13:23 +08:00
618babf5bf fix(多语言): 将售后待付款组件的翻译放到zh-cn/common文件中 2026-01-06 17:57:48 +08:00
9a63b5ff4e chore(主题样式): 更新主题列表,补全'pink', 'gold', 'purple', 'yellow', 'black' 2026-01-06 17:03:30 +08:00
d7b07c974d chore(加载主题样式): 只使用异步方式,保留一个函数loadTheme 2026-01-06 17:01:03 +08:00
6358102cae chore(浮动导航按钮样式): 统一使用灰底黑字 2026-01-06 16:46:57 +08:00
6023b5b65e chore(颜色): 明确颜色设置规则 2026-01-06 16:15:04 +08:00
b96b5f0bc3 chore: 更新本地调试配置示例 2026-01-06 15:35:49 +08:00
35aadc7014 fix(电子名片): 修复及调整复制按钮及一键拨打按钮的宽度及样式 2026-01-06 15:05:07 +08:00
4bdbfff7d4 chore(微信小程序权限): 默认申请剪贴板功能 2026-01-06 14:53:56 +08:00
5d34f00b3e chore(build): 只有生产模式下才开启vue.config.js 2026-01-06 14:33:29 +08:00
548aeed7b7 chore(电子名片): 有电子邮箱或者有电话的时候,才显示对应的内容 2026-01-06 14:32:50 +08:00
ce13661826 chore: wx.getSystemInfoSync is deprecated
wx.getSystemInfoSync is deprecated.Please use wx.getSystemSetting/wx.getAppAuthorizeSetting/wx.getDeviceInfo/wx.getWindowInfo/wx.getAppBaseInfo instead.
2026-01-06 14:02:34 +08:00
d9f0d1987e feat(ns-login): 增加隐私条款及用户服务协议 2026-01-06 11:34:19 +08:00
afd002fad3 chore(组件): 解决uni-popup-*组件注册问题及开发环境配置 2026-01-06 10:18:01 +08:00
531dc347f7 chore(组件): 更新依赖 2026-01-05 18:31:42 +08:00
405f37a3f6 chore(组件): privacyPopup 组件全部使用注册机制 2026-01-05 18:11:14 +08:00
73f9cb8820 chore(组件): 全部使用easycom来处理组件问题 2026-01-05 17:24:49 +08:00
b1ebb38c06 chore: .local.config.js.example 2026-01-05 15:58:31 +08:00
60a0e5133e revert: 所有代码与custom/common分支同 2026-01-05 15:56:49 +08:00
8ef6975ee1 chore(组件): 由于easycom会自动注册components和uni_modules 目录下的组件,所以去除引用部分 2026-01-05 15:27:34 +08:00
be51b30fb4 chore: 暂时保存 2026-01-05 11:22:38 +08:00
b24f77be1a chore(组件): components-diy 必须使用easyncom系统,不然在微信上无法渲染 2026-01-05 09:29:19 +08:00
311efe1ecd chore(分包): 拆分pages_tooll子包 2026-01-04 16:02:31 +08:00
db8fb25da8 chore(分包): 拆分pages_promotion子包 2026-01-04 15:27:31 +08:00
9415f397d2 chore(组件): 组件尽量使用异步导入模式 2026-01-04 14:40:00 +08:00
4da852944e chore(代码合并): 代码从Custom/common分支合并 2026-01-04 09:40:09 +08:00
269 changed files with 23626 additions and 21110 deletions

43
.local.config.js Normal file
View File

@@ -0,0 +1,43 @@
// 本地调试配置示例文件
// 复制此文件并重命名为 local.config.js 以使用自定义本地配置
const localDevConfig = ({
'460': { // 制氧设备平台
uniacid: 460,
domain: 'https://xcx30.5g-quickapp.com/',
},
'576-xcx30.5g': { // 活性石灰装备
uniacid: 576,
domain: 'https://xcx30.5g-quickapp.com/',
},
'2285': { // 数码喷墨墨水
uniacid: 2285,
domain: 'https://xcx.aigc-quickapp.com/',
},
'2811': { // POCT检测分析平台
uniacid: 2811,
domain: 'https://xcx6.aigc-quickapp.com/',
},
'2724': { // 生物菌肥
uniacid: 2724,
domain: 'https://xcx.aigc-quickapp.com/',
},
'2505': { // 煤矿钻机
uniacid: 2505,
domain: 'https://xcx.aigc-quickapp.com/',
},
'2777': { // 养老服务
uniacid: 2777,
domain: 'https://xcx.aigc-quickapp.com/',
},
'1': { // 开发平台
uniacid: 1,
domain: 'https://dev.aigc-quickapp.com',
},
'1-test': { // 测试平台
uniacid: 1,
domain: 'https://test.aigc-quickapp.com',
},
})['2811']; // 选择要使用的环境配置
export default localDevConfig;

View File

@@ -6,10 +6,30 @@ const localDevConfig = ({
uniacid: 460, uniacid: 460,
domain: 'https://xcx30.5g-quickapp.com/', domain: 'https://xcx30.5g-quickapp.com/',
}, },
'576-xcx30.5g': { // 活性石灰装备
uniacid: 576,
domain: 'https://xcx30.5g-quickapp.com/',
},
'2285': { // 数码喷墨墨水 '2285': { // 数码喷墨墨水
uniacid: 2285, uniacid: 2285,
domain: 'https://xcx.aigc-quickapp.com/', domain: 'https://xcx.aigc-quickapp.com/',
}, },
'2811': { // POCT检测分析平台
uniacid: 2811,
domain: 'https://xcx6.aigc-quickapp.com/',
},
'2724': { // 生物菌肥
uniacid: 2724,
domain: 'https://xcx.aigc-quickapp.com/',
},
'2505': { // 煤矿钻机
uniacid: 2505,
domain: 'https://xcx.aigc-quickapp.com/',
},
'2777': { // 养老服务
uniacid: 2777,
domain: 'https://xcx.aigc-quickapp.com/',
},
'1': { // 开发平台 '1': { // 开发平台
uniacid: 1, uniacid: 1,
domain: 'https://dev.aigc-quickapp.com', domain: 'https://dev.aigc-quickapp.com',
@@ -18,6 +38,6 @@ const localDevConfig = ({
uniacid: 1, uniacid: 1,
domain: 'https://test.aigc-quickapp.com', domain: 'https://test.aigc-quickapp.com',
}, },
})['2285']; // 选择要使用的环境配置 })['2811']; // 选择要使用的环境配置
export default localDevConfig; export default localDevConfig;

12
App.vue
View File

@@ -1,19 +1,17 @@
<script> <script>
import auth from 'common/js/auth.js'; import auth from 'common/js/auth.js';
import { themeConfig } from 'common/js/config-external.js'
import configExternal from 'common/js/config-external.js' import configExternal from 'common/js/config-external.js'
import { import {
Weixin Weixin
} from 'common/js/wx-jssdk.js'; } from 'common/js/wx-jssdk.js';
export default { export default {
mixins: [auth], mixins: [auth],
onLaunch: function(options) { onLaunch: async function(options) {
// 方式支持快应用从url中query部分获取uniacid或useragent中获取uniacid // 方式支持快应用从url中query部分获取uniacid或useragent中获取uniacid
// console.log(options.query.uniacid)
if(options.query.uniacid){ if(options.query.uniacid){
uni.setStorageSync('uniacid', options.query.uniacid); uni.setStorageSync('uniacid', options.query.uniacid);
console.log(uni.getStorageSync('uniacid'))
} }
uni.hideTabBar(); uni.hideTabBar();
@@ -42,7 +40,7 @@
// #endif // #endif
// #ifdef H5 // #ifdef H5
if (uni.getSystemInfoSync().platform == 'ios') { if (this.$util.getDeviceInfo().platform == 'ios') {
uni.setStorageSync('initUrl', location.href); uni.setStorageSync('initUrl', location.href);
} }
// #endif // #endif
@@ -63,7 +61,9 @@
// 主题风格 // 主题风格
if (uni.getStorageSync('themeStyle')) { if (uni.getStorageSync('themeStyle')) {
this.$store.commit('setThemeStyle', configExternal.loadThemeSync(uni.getStorageSync('themeStyle'))); const themeData = await configExternal.loadTheme(uni.getStorageSync('themeStyle'));
this.$store.commit('setThemeStyle', themeData);
this.$store.dispatch('themeColorSet');
} }
// 插件是否存在 // 插件是否存在

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,4 @@
// 修复图片垂直对齐问题,解决两张图片上下有空白缝隙问题
/deep/ ._img {
vertical-align: top;
}

View File

@@ -14,7 +14,7 @@ export const langConfig = {
// 主题配置 // 主题配置
export const themeConfig = { export const themeConfig = {
// 主题列表 // 主题列表
themeList: ['default', 'red', 'green', 'blue'], themeList: ['default', 'red', 'green', 'blue', 'pink', 'gold', 'purple', 'yellow', 'black'],
// 默认主题 // 默认主题
defaultTheme: 'default' defaultTheme: 'default'
}; };
@@ -98,27 +98,6 @@ class ConfigExternal {
return this.loadPromises[key]; return this.loadPromises[key];
} }
/**
* 加载主题配置(同步方式)
* @param {string} theme - 主题名称
* @returns {object} - 主题配置
*/
loadThemeSync(theme = themeConfig.defaultTheme) {
if (this.loadedConfigs[`theme_${theme}`]) {
return this.loadedConfigs[`theme_${theme}`];
}
try {
// 动态加载主题配置
const themeData = require(`@/common/js/style_color.js`)[theme];
this.loadedConfigs[`theme_${theme}`] = themeData;
return themeData;
} catch (error) {
console.error(`加载主题 ${theme} 失败:`, error);
return {};
}
}
/** /**
* 加载主题配置(异步方式) * 加载主题配置(异步方式)
* @param {string} theme - 主题名称 * @param {string} theme - 主题名称
@@ -136,7 +115,8 @@ class ConfigExternal {
this.loadPromises[`theme_${theme}`] = new Promise((resolve, reject) => { this.loadPromises[`theme_${theme}`] = new Promise((resolve, reject) => {
try { try {
// 动态加载主题配置 // 动态加载主题配置
const themeData = require(`@/common/js/style_color.js`)[theme]; const themeData = require(`@/common/js/style_color.js`)['default'][theme];
console.log('async themeData => ', themeData);
this.loadedConfigs[`theme_${theme}`] = themeData; this.loadedConfigs[`theme_${theme}`] = themeData;
resolve(themeData); resolve(themeData);
} catch (error) { } catch (error) {

View File

@@ -43,26 +43,35 @@ let localDevConfig = { uniacid: 0, domain: defaultDomain };
// #ifndef PRODUCTION // #ifndef PRODUCTION
// 尝试动态加载本地配置文件 // 尝试动态加载本地配置文件
try { if (process?.env?.NODE_ENV === 'development') {
// 尝试从项目根目录加载本地配置文件 try {
// 使用相对路径的方式,确保在不同平台下都能正确解析 // 尝试从项目根目录加载本地配置文件
let customConfig = require('@/.local.config.js').default; // 使用相对路径的方式,确保在不同平台下都能正确解析
if (customConfig) { let customConfig = require('@/.local.config.js').default;
localDevConfig = customConfig; if (customConfig) {
localDevConfig = customConfig;
}
} catch (e) {
// 如果本地配置文件不存在或加载失败,保持使用默认配置
// 只在开发模式下输出提示信息
// #ifdef WEB
console.log('本地配置文件 .local.config.js 不存在,使用默认配置');
// #endif
} }
} catch (e) {
// 如果本地配置文件不存在或加载失败,保持使用默认配置
// 只在开发模式下输出提示信息
// #ifdef WEB
console.log('本地配置文件 .local.config.js 不存在,使用默认配置');
// #endif
} }
// #endif // #endif
const { uniacid = 0, domain = defaultDomain } = localDevConfig ?? { uniacid: 0, domain: defaultDomain } const { uniacid = 0, domain = defaultDomain } = localDevConfig ?? { uniacid: 0, domain: defaultDomain }
// 调试版本,配置说明 export default {
const devCfg = { /**
* 1.开发调试模式
* 去掉注释 ...defaultCfg;
* 注释掉 ...releaseCfg,
* 2.发行/发布模式,例如通过`HBuilder>发行>小程序微信`的时候,原理是:
* 然后将 `import site from "../site.js";`追加到 `unpackage\dist\build\mp-weixin\common\vendor.js` 文件内容开头部分
* 然后将 site.js 文件放到 `unpackage\dist\build\mp-weixin\` 目录下面
*/
// 商户ID // 商户ID
uniacid: uniacid, //825 uniacid: uniacid, //825
@@ -92,31 +101,20 @@ const devCfg = {
// // H5端域名 // // H5端域名
// h5Domain: 'http://saas.cn/', // h5Domain: 'http://saas.cn/',
};
var config = { // 发行版本配置
/** ...(releaseCfg || {}),
* 1.开发调试模式
* 去掉注释 ...devCfg;
* 注释掉 ...releaseCfg,
* 2.发行/发布模式,例如通过`HBuilder>发行>小程序微信`的时候,原理是:
* 然后将 `import site from "../site.js";`追加到 `unpackage\dist\build\mp-weixin\common\vendor.js` 文件内容开头部分
* 然后将 site.js 文件放到 `unpackage\dist\build\mp-weixin\` 目录下面
*/
...(releaseCfg ?? devCfg),
// 腾讯地图key // 腾讯地图key
mpKey: 'TUHBZ-CNWKU-UHAVP-GZQ26-HNZFO-3YBF4', mpKey: 'TUHBZ-CNWKU-UHAVP-GZQ26-HNZFO-3YBF4',
//客服地址 // 客服地址
webSocket: '{{$webSocket}}', webSocket: '{{$webSocket}}',
//本地端主动给服务器ping的时间, 0 则不开启 , 单位秒 // 本地端主动给服务器ping的时间, 0 则不开启 , 单位秒
pingInterval: 1500, pingInterval: 1500,
// 版本号 // 版本号
version: '1.0' version: '1.0'
}; };
export default config;

View File

@@ -1,7 +1,9 @@
import WxMap from 'common/js/map-wx-jssdk.js'; import WxMap from 'common/js/map-wx-jssdk.js';
import Config from '@/common/js/config.js'; import Config from '@/common/js/config.js';
import util from '@/common/js/util.js';
let systemInfo = util.getDeviceInfo();
let systemInfo = uni.getSystemInfoSync();
export default { export default {
data() { data() {
return { return {

View File

@@ -1,21 +1,8 @@
export default { export default {
data() {
return {
// 页面样式,动态设置主色调
themeColor: '' //''--base-color:#fa5d14;--base-help-color:#ff7e00;'
}
},
onLoad() { }, onLoad() { },
onShow() { onShow() {
// 刷新多语言 // 刷新多语言
this.$langConfig.refresh(); this.$langConfig.refresh();
let time = setInterval(() => {
let theme = this.themeStyle;
if (theme && theme.main_color) {
this.themeColorSet();
clearInterval(time);
}
}, 50);
}, },
computed: { computed: {
// 是否是英文环境 // 是否是英文环境
@@ -24,6 +11,9 @@ export default {
}, },
themeStyle() { themeStyle() {
return this.$store.state.themeStyle; return this.$store.state.themeStyle;
},
themeColor() {
return this.$store.state.themeColor;
}, },
// 插件是否存在 // 插件是否存在
addonIsExist() { addonIsExist() {
@@ -111,25 +101,7 @@ export default {
} }
}, },
methods: { methods: {
themeColorSet() {
let theme = this.themeStyle;
this.themeColor = `--base-color:${theme.main_color};--base-help-color:${theme.aux_color};`;
if (this.tabBarHeight != '56px') this.themeColor += `--tab-bar-height:${this.tabBarHeight};`
Object.keys(theme).forEach(key => {
let data = theme[key];
if (typeof (data) == "object") {
Object.keys(data).forEach(k => {
this.themeColor += '--' + k.replace(/_/g, "-") + ':' + data[k] + ';';
});
} else if (typeof (key) == "string" && key) {
this.themeColor += '--' + key.replace(/_/g, "-") + ':' + data + ';';
}
});
for (let i = 9; i >= 5; i--) {
let color = this.$util.colourBlend(theme.main_color, '#ffffff', (i / 10));
this.themeColor += `--base-color-light-${i}:${color};`;
}
},
// 颜色变浅(>0、变深函数<0 // 颜色变浅(>0、变深函数<0
lightenDarkenColor(color, amount) { lightenDarkenColor(color, amount) {
@@ -173,7 +145,7 @@ export default {
if (isJump && route != 'pages/index/index') { if (isJump && route != 'pages/index/index') {
uni.setStorageSync('manual_change_store', true); // 手动切换门店 uni.setStorageSync('manual_change_store', true); // 手动切换门店
this.$store.dispatch('getCartNumber'); //重新获取购物车数据 this.$store.dispatch('getCartNumber'); //重新获取购物车数据
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}, },

View File

@@ -240,7 +240,7 @@ export default {
}, },
goHome() { goHome() {
if (this.preview) return; // 开启预览,禁止任何操作和跳转 if (this.preview) return; // 开启预览,禁止任何操作和跳转
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
}, },
goCart() { goCart() {
if (this.preview) return; // 开启预览,禁止任何操作和跳转 if (this.preview) return; // 开启预览,禁止任何操作和跳转

View File

@@ -49,7 +49,7 @@ export default {
} }
var method = params.data != undefined ? 'POST' : 'GET', // 请求方式 var method = params.data != undefined ? 'POST' : 'GET', // 请求方式
url = Config.baseUrl + params.url, // 请求路径 url = (Config.baseUrl + params.url).replace(/(?<!:)\/+/g, '/'), // 请求路径
data = { data = {
app_type, app_type,
app_type_name app_type_name

View File

@@ -1,8 +1,8 @@
import { langConfig } from './config-external.js'; import { langConfig } from './config-external.js';
var locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
// 缓存已加载的语言包 // 缓存已加载的语言包
var loadedLangPacks = {}; const loadedLangPacks = {};
// 处理页面目录映射 // 处理页面目录映射
function processRoutePath(route) { function processRoutePath(route) {
@@ -64,14 +64,18 @@ export default {
let _this = getCurrentPages()[getCurrentPages().length - 1]; let _this = getCurrentPages()[getCurrentPages().length - 1];
if (!_this) return; if (!_this) return;
var value = ''; const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
let value = ''; // 存放解析后的语言值
let langPath = ''; // 存放当前页面语言包路径
try { try {
//公共语言包(同步加载) //公共语言包(同步加载)
var lang = loadLangPackSync(locale, 'common'); var lang = loadLangPackSync(locale, 'common');
//当前页面语言包(同步加载) //当前页面语言包(同步加载)
let route = _this.route; let route = _this.route;
let langPath = processRoutePath(route); langPath = processRoutePath(route);
// 加载当前页面语言包 // 加载当前页面语言包
let currentPageLang = loadLangPackSync(locale, langPath); let currentPageLang = loadLangPackSync(locale, langPath);
@@ -99,7 +103,7 @@ export default {
} }
} catch (e) { } catch (e) {
console.error('解析语言包失败:', e); console.error('解析语言包失败:', e, { langPath, field, locale });
value = field; value = field;
} }
@@ -112,7 +116,10 @@ export default {
if (value == undefined || (value == 'title' && field == 'title')) value = ''; // field if (value == undefined || (value == 'title' && field == 'title')) value = ''; // field
// 多语言调试,注释后可以关闭控制台输出 // 多语言调试,注释后可以关闭控制台输出
// console.log(`字段: ${field}, 值: ${value}`) if (field == value) {
console.warn(`警告: 字段 ${field} 在语言包 ${langPath} 中未找到对应值,使用默认值 ${field} 当前语言: ${locale}`);
}
return value; return value;
}, },
/** /**
@@ -125,10 +132,14 @@ export default {
if (!_this) return; if (!_this) return;
uni.setStorageSync("lang", value); uni.setStorageSync("lang", value);
locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言 const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
// 清空已加载的语言包缓存 // 清空已加载的语言包缓存
loadedLangPacks = {}; for (let key in loadedLangPacks) {
if (!key.startsWith(locale)) {
delete loadedLangPacks[key];
}
}
this.refresh(); this.refresh();
@@ -140,7 +151,7 @@ export default {
refresh() { refresh() {
let _this = getCurrentPages()[getCurrentPages().length - 1]; let _this = getCurrentPages()[getCurrentPages().length - 1];
if (!_this) return; if (!_this) return;
locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言 const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
this.title(this.lang("title")); this.title(this.lang("title"));

View File

@@ -1,3 +1,4 @@
import util from '@/common/js/util.js'
import TransformCoordinate from './transformCoordinate.js' import TransformCoordinate from './transformCoordinate.js'
function openMapByDefault(latitude, longitude, name) { function openMapByDefault(latitude, longitude, name) {
@@ -85,7 +86,8 @@ export default {
openMap(latitude, longitude, name, coord_type = 'gcj02') { openMap(latitude, longitude, name, coord_type = 'gcj02') {
let arr = getCoordByType(longitude, latitude, coord_type) let arr = getCoordByType(longitude, latitude, coord_type)
// #ifdef APP-PLUS // #ifdef APP-PLUS
switch (uni.getSystemInfoSync().platform) { let platform = util.getDeviceInfo().platform;
switch (platform) {
case 'android': case 'android':
console.log('运行Android上') console.log('运行Android上')
openMapByAndroid(arr[1], arr[0], name) openMapByAndroid(arr[1], arr[0], name)

View File

@@ -1,4 +1,5 @@
import { EventSafety } from './event-safety' import { EventSafety } from '@/common/js/event-safety.js'
import util from '@/common/js/util.js'
export class NavigationHelper { export class NavigationHelper {
constructor() { constructor() {
@@ -59,7 +60,7 @@ export class NavigationHelper {
// 微信小程序精确计算 // 微信小程序精确计算
try { try {
const menuButtonInfo = wx.getMenuButtonBoundingClientRect() const menuButtonInfo = wx.getMenuButtonBoundingClientRect()
const systemInfo = uni.getSystemInfoSync() let systemInfo = util.getDeviceInfo();
const height = menuButtonInfo.bottom + const height = menuButtonInfo.bottom +
(menuButtonInfo.top - systemInfo.statusBarHeight) (menuButtonInfo.top - systemInfo.statusBarHeight)
@@ -119,7 +120,7 @@ export class NavigationHelper {
// 获取状态栏高度 // 获取状态栏高度
getStatusBarHeight() { getStatusBarHeight() {
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
const systemInfo = uni.getSystemInfoSync() let systemInfo = util.getDeviceInfo();
return systemInfo.statusBarHeight || 20 return systemInfo.statusBarHeight || 20
// #endif // #endif
// #ifdef H5 // #ifdef H5
@@ -138,7 +139,7 @@ export class NavigationHelper {
// 获取安全区域 // 获取安全区域
getSafeAreaInsets() { getSafeAreaInsets() {
try { try {
const systemInfo = uni.getSystemInfoSync() let systemInfo = util.getDeviceInfo();
return systemInfo.safeArea || { return systemInfo.safeArea || {
top: 0, top: 0,
bottom: 0, bottom: 0,

View File

@@ -1,419 +1,460 @@
export default { /**
'default': { * 颜色配置
//红 * 包含默认颜色和其他颜
name: 'default', * 特别注意:
main_color: '#F4391c', * 1. 分组不会被计算成Key分组下的属性会被计算成Key
aux_color: '#F7B500', * 2. 分组下的属性如果有相同的Key会被覆盖
bg_color: '#FF4646',//主题背景 * 3. 例如hoverNavhoverNav_bg_color和hoverNav_text_color, 不会生成hoverNav_hoverNav_bg_color和hoverNav_hoverNav_text_color
bg_color_shallow: '#FF4646',//主题背景渐变浅色 * 问题原因:历史遗留
promotion_color: '#FF4646',//活动背景 */
promotion_aux_color: '#F7B500',//活动背景辅色 export default {
main_color_shallow: '#FFF4F4',//淡背景 'default': {
price_color: 'rgb(252,82,39)',//价格颜 //红
btn_text_color: '#FFFFFF',//按钮文字颜色 name: 'default',
goods_detail: { main_color: '#F4391c',
goods_price: 'rgb(252,82,39,1)',//价格 aux_color: '#F7B500',
promotion_tag: '#FF4646', bg_color: '#FF4646',//主题背景
goods_card_bg: '#201A18',//会员卡背景 bg_color_shallow: '#FF4646',//主题背景渐变浅色
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 promotion_color: '#FF4646',//活动背景
goods_card_color: '#FFD792', promotion_aux_color: '#F7B500',//活动背景辅色
goods_coupon: '#FC5227', main_color_shallow: '#FFF4F4',//淡背景
goods_cart_num_corner: '#FC5227',//购物车数量角标 price_color: 'rgb(252,82,39)',//价格颜色
goods_btn_color: '#FF4646',//按钮颜色 btn_text_color: '#FFFFFF',//按钮文字颜色
goods_btn_color_shallow: '#F7B500',//副按钮颜色 ...{
}, goods_price: 'rgb(252,82,39,1)',//价格
pintuan: { promotion_tag: '#FF4646',
pintuan_label_bg: '#F7B500', goods_card_bg: '#201A18',//会员卡背景
pintuan_label_color: '#FFFFFF', goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
pintuan_color: '#FA6400', goods_card_color: '#FFD792',
pintuan_promotion_color: '#FA3A1D',//活动背景 goods_coupon: '#FC5227',
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 goods_cart_num_corner: '#FC5227',//购物车数量角标
}, goods_btn_color: '#FF4646',//按钮颜色
super_member: { goods_btn_color_shallow: '#F7B500',//副按钮颜色
super_member_start_bg: '#7c7878', },
super_member_end_bg: '#201a18', ...{
super_member_start_text_color: '#FFDBA6', pintuan_label_bg: '#F7B500',
super_member_end_text_color: '#FFEBCA', pintuan_label_color: '#FFFFFF',
}, pintuan_color: '#FA6400',
bargain: { pintuan_promotion_color: '#FA3A1D',//活动背景
bargain_promotion_color: '#F0353E',//活动背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
bargain_promotion_aux_color: '#FD9A01',//活动辅色 },
}, ...{
seckill: { super_member_start_bg: '#7c7878',
seckill_promotion_color: '#F83530',//活动背景 super_member_end_bg: '#201a18',
seckill_promotion_aux_color: '#FD9A01',//活动辅色 super_member_start_text_color: '#FFDBA6',
}, super_member_end_text_color: '#FFEBCA',
giftcard: { },
giftcard_promotion_color: '#FF3369',//活动背景 ...{
giftcard_promotion_aux_color: '#F7B500',//活动辅色 bargain_promotion_color: '#F0353E',//活动背景
}, bargain_promotion_aux_color: '#FD9A01',//活动辅色
groupby: { },
groupby_promotion_color: '#E64136',//活动背景 ...{
groupby_promotion_aux_color: '#F7B500',//活动辅色 seckill_promotion_color: '#F83530',//活动背景
}, seckill_promotion_aux_color: '#FD9A01',//活动辅色
}, },
'green': { ...{
name: 'green', giftcard_promotion_color: '#FF3369',//活动背景
main_color: '#19C650', giftcard_promotion_aux_color: '#F7B500',//活动辅色
aux_color: '#FA6400', },
bg_color: '#19C650', ...{
bg_color_shallow: '#19C650', groupby_promotion_color: '#E64136',//活动背景
promotion_color: '#19C650', groupby_promotion_aux_color: '#F7B500',//活动辅色
promotion_aux_color: '#FA6400', },
main_color_shallow: '#F0FFF5',//淡背景 ...{
price_color: 'rgba(252,82,39,1)',//价格颜色 hover_nav_bg_color: '#FFFC', //背景色: 红色 '#c6251b', 白色: '#FFFC'
btn_text_color: '#FFFFFF',//按钮文字颜色 hover_nav_text_color: '#000' // 文字颜色: 白色 '#FFFFFF', 黑色: '#000'
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 },
promotion_tag: '#19C650', 'green': {
goods_card_bg: '#201A18',//会员卡背景 name: 'green',
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 main_color: '#19C650',
goods_card_color: '#FFD792', aux_color: '#FA6400',
goods_coupon: '#FC5227', bg_color: '#19C650',
goods_cart_num_corner: '#FC5227',//购物车数量角标 bg_color_shallow: '#19C650',
goods_btn_color: '#19C650',//按钮颜色 promotion_color: '#19C650',
goods_btn_color_shallow: '#FA6400',//副按钮颜色 promotion_aux_color: '#FA6400',
}, main_color_shallow: '#F0FFF5',//淡背景
pintuan: { price_color: 'rgba(252,82,39,1)',//价格颜色
pintuan_label_bg: '#F7B500', btn_text_color: '#FFFFFF',//按钮文字颜色
pintuan_label_color: '#FFFFFF', ...{
pintuan_color: '#FA6400', goods_price: 'rgba(252,82,39,1)',//价格
pintuan_promotion_color: '#FA3A1D',//活动背景 promotion_tag: '#19C650',
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 goods_card_bg: '#201A18',//会员卡背景
}, goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
super_member: { goods_card_color: '#FFD792',
super_member_start_bg: '#7c7878', goods_coupon: '#FC5227',
super_member_end_bg: '#201a18', goods_cart_num_corner: '#FC5227',//购物车数量角标
super_member_start_text_color: '#FFDBA6', goods_btn_color: '#19C650',//按钮颜色
super_member_end_text_color: '#FFEBCA', goods_btn_color_shallow: '#FA6400',//副按钮颜色
}, },
bargain: { ...{
bargain_promotion_color: '#F0353E',//活动背景 pintuan_label_bg: '#F7B500',
bargain_promotion_aux_color: '#FD9A01',//活动辅色 pintuan_label_color: '#FFFFFF',
}, pintuan_color: '#FA6400',
seckill: { pintuan_promotion_color: '#FA3A1D',//活动背景
seckill_promotion_color: '#F83530',//活动背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
seckill_promotion_aux_color: '#FD9A01',//活动辅色 },
}, ...{
giftcard: { super_member_start_bg: '#7c7878',
giftcard_promotion_color: '#FF3369',//活动背景 super_member_end_bg: '#201a18',
giftcard_promotion_aux_color: '#F7B500',//活动辅色 super_member_start_text_color: '#FFDBA6',
}, super_member_end_text_color: '#FFEBCA',
groupby: { },
groupby_promotion_color: '#E64136',//活动背景 ...{
groupby_promotion_aux_color: '#F7B500',//活动辅色 bargain_promotion_color: '#F0353E',//活动背景
}, bargain_promotion_aux_color: '#FD9A01',//活动辅色
}, },
'blue': { ...{
name: 'blue', seckill_promotion_color: '#F83530',//活动背景
main_color: '#36ABFF', seckill_promotion_aux_color: '#FD9A01',//活动辅色
aux_color: '#FA6400', },
bg_color: '#36ABFF', ...{
bg_color_shallow: '#36ABFF', giftcard_promotion_color: '#FF3369',//活动背景
promotion_color: '#36ABFF ', giftcard_promotion_aux_color: '#F7B500',//活动辅色
promotion_aux_color: '#FA6400', },
main_color_shallow: '#E2F3FF', ...{
price_color: 'rgba(252,82,39,1)',//价格颜色 groupby_promotion_color: '#E64136',//活动背景
btn_text_color: '#FFFFFF',//按钮文字颜 groupby_promotion_aux_color: '#F7B500',//活动辅
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 ...{
promotion_tag: '#36ABFF', hover_nav_bg_color: '#19C650',//背景色
goods_card_bg: '#201A18',//会员卡背景 hover_nav_text_color: '#FFFFFF'
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', },
goods_coupon: '#FC5227', 'blue': {
goods_cart_num_corner: '#FC5227',//购物车数量角标 name: 'blue',
goods_btn_color: '#36ABFF',//按钮颜色 main_color: '#36ABFF',
goods_btn_color_shallow: '#FA6400',//副按钮颜色 aux_color: '#FA6400',
}, bg_color: '#36ABFF',
pintuan: { bg_color_shallow: '#36ABFF',
pintuan_label_bg: '#F7B500', promotion_color: '#36ABFF ',
pintuan_label_color: '#FFFFFF', promotion_aux_color: '#FA6400',
pintuan_color: '#FA6400', main_color_shallow: '#E2F3FF',
pintuan_promotion_color: '#FA3A1D',//活动背景 price_color: 'rgba(252,82,39,1)',//价格颜色
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅 btn_text_color: '#FFFFFF',//按钮文字颜
}, ...{
super_member: { goods_price: 'rgba(252,82,39,1)',//价格
super_member_start_bg: '#7c7878', promotion_tag: '#36ABFF',
super_member_end_bg: '#201a18', goods_card_bg: '#201A18',//会员卡背景
super_member_start_text_color: '#FFDBA6', goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
super_member_end_text_color: '#FFEBCA', goods_card_color: '#FFD792',
}, goods_coupon: '#FC5227',
bargain: { goods_cart_num_corner: '#FC5227',//购物车数量角标
bargain_promotion_color: '#F0353E',//活动背景 goods_btn_color: '#36ABFF',//按钮颜色
bargain_promotion_aux_color: '#FD9A01',//活动辅 goods_btn_color_shallow: '#FA6400',//副按钮颜
}, },
seckill: { ...{
seckill_promotion_color: '#F83530',//活动背景 pintuan_label_bg: '#F7B500',
seckill_promotion_aux_color: '#FD9A01',//活动辅色 pintuan_label_color: '#FFFFFF',
}, pintuan_color: '#FA6400',
giftcard: { pintuan_promotion_color: '#FA3A1D',//活动背景
giftcard_promotion_color: '#FF3369',//活动背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
giftcard_promotion_aux_color: '#F7B500',//活动辅色 },
}, ...{
groupby: { super_member_start_bg: '#7c7878',
groupby_promotion_color: '#E64136',//活动背景 super_member_end_bg: '#201a18',
groupby_promotion_aux_color: '#F7B500',//活动辅色 super_member_start_text_color: '#FFDBA6',
}, super_member_end_text_color: '#FFEBCA',
}, },
'pink': { ...{
name: 'pink', bargain_promotion_color: '#F0353E',//活动背景
main_color: '#FF407E', bargain_promotion_aux_color: '#FD9A01',//活动辅色
aux_color: '#F7B500', },
bg_color: '#FF407E',//主题背景 ...{
bg_color_shallow: '#FF407E',//主题背景渐变浅色 seckill_promotion_color: '#F83530',//活动背景
promotion_color: '#FF407E',//活动背景 seckill_promotion_aux_color: '#FD9A01',//活动辅色
promotion_aux_color: '#F7B500',//活动背景辅色 },
main_color_shallow: '#FFF5F8',//淡背景 ...{
price_color: 'rgba(252,82,39,1)',//价格颜色 giftcard_promotion_color: '#FF3369',//活动背景
btn_text_color: '#FFFFFF',//按钮文字颜 giftcard_promotion_aux_color: '#F7B500',//活动辅
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 ...{
promotion_tag: '#FF407E', groupby_promotion_color: '#E64136',//活动背景
goods_card_bg: '#201A18',//会员卡背景 groupby_promotion_aux_color: '#F7B500',//活动辅色
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', ...{
goods_coupon: '#FC5227', hover_nav_bg_color: '#36ABFF',//背景色
goods_cart_num_corner: '#FC5227',//购物车数量角标 hover_nav_text_color: '#FFFFFF'
goods_btn_color: '#FF407E',//按钮颜色 },
goods_btn_color_shallow: '#F7B500',//副按钮颜色 },
}, 'pink': {
pintuan: { name: 'pink',
pintuan_label_bg: '#F7B500', main_color: '#FF407E',
pintuan_label_color: '#FFFFFF', aux_color: '#F7B500',
pintuan_color: '#FA6400', bg_color: '#FF407E',//主题背景
pintuan_promotion_color: '#FA3A1D',//活动背景 bg_color_shallow: '#FF407E',//主题背景渐变浅色
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 promotion_color: '#FF407E',//活动背景
}, promotion_aux_color: '#F7B500',//活动背景辅色
super_member: { main_color_shallow: '#FFF5F8',//淡背景
super_member_start_bg: '#7c7878', price_color: 'rgba(252,82,39,1)',//价格颜色
super_member_end_bg: '#201a18', btn_text_color: '#FFFFFF',//按钮文字颜色
super_member_start_text_color: '#FFDBA6', ...{
super_member_end_text_color: '#FFEBCA', goods_price: 'rgba(252,82,39,1)',//价格
}, promotion_tag: '#FF407E',
bargain: { goods_card_bg: '#201A18',//会员卡背景
bargain_promotion_color: '#F0353E',//活动背景 goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
bargain_promotion_aux_color: '#FD9A01',//活动辅色 goods_card_color: '#FFD792',
}, goods_coupon: '#FC5227',
seckill: { goods_cart_num_corner: '#FC5227',//购物车数量角标
seckill_promotion_color: '#F83530',//活动背景 goods_btn_color: '#FF407E',//按钮颜色
seckill_promotion_aux_color: '#FD9A01',//活动辅 goods_btn_color_shallow: '#F7B500',//副按钮颜
}, },
giftcard: { ...{
giftcard_promotion_color: '#FF3369',//活动背景 pintuan_label_bg: '#F7B500',
giftcard_promotion_aux_color: '#F7B500',//活动辅色 pintuan_label_color: '#FFFFFF',
}, pintuan_color: '#FA6400',
groupby: { pintuan_promotion_color: '#FA3A1D',//活动背景
groupby_promotion_color: '#E64136',//活动背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
groupby_promotion_aux_color: '#F7B500',//活动辅色 },
}, ...{
}, super_member_start_bg: '#7c7878',
'gold': { super_member_end_bg: '#201a18',
name: 'gold', super_member_start_text_color: '#FFDBA6',
main_color: '#CFAF70', super_member_end_text_color: '#FFEBCA',
aux_color: '#444444', },
bg_color: '#CFAF70',//主题背景 ...{
bg_color_shallow: '#CFAF70',//主题背景渐变浅色 bargain_promotion_color: '#F0353E',//活动背景
promotion_color: '#CFAF70',//活动背景 bargain_promotion_aux_color: '#FD9A01',//活动辅色
promotion_aux_color: '#444444',//活动背景辅色 },
main_color_shallow: '#FFFAF1',//淡背景 ...{
price_color: 'rgba(252,82,39,1)',//价格颜色 seckill_promotion_color: '#F83530',//活动背景
btn_text_color: '#FFFFFF',//按钮文字颜 seckill_promotion_aux_color: '#FD9A01',//活动辅
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 ...{
promotion_tag: '#CFAF70', giftcard_promotion_color: '#FF3369',//活动背景
goods_card_bg: '#201A18',//会员卡背景 giftcard_promotion_aux_color: '#F7B500',//活动辅色
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', ...{
goods_coupon: '#FC5227', groupby_promotion_color: '#E64136',//活动背景
goods_cart_num_corner: '#FC5227',//购物车数量角标 groupby_promotion_aux_color: '#F7B500',//活动辅色
goods_btn_color: '#CFAF70',//按钮颜色 },
goods_btn_color_shallow: '#444444',//副按钮颜色 ...{
}, hover_nav_bg_color: '#FF407E',//背景色
pintuan: { hover_nav_text_color: '#FFFFFF'
pintuan_label_bg: '#F7B500', },
pintuan_label_color: '#FFFFFF', },
pintuan_color: '#FA6400', 'gold': {
pintuan_promotion_color: '#FA3A1D',//活动背景 name: 'gold',
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 main_color: '#CFAF70',
}, aux_color: '#444444',
super_member: { bg_color: '#CFAF70',//主题背景
super_member_start_bg: '#7c7878', bg_color_shallow: '#CFAF70',//主题背景渐变浅色
super_member_end_bg: '#201a18', promotion_color: '#CFAF70',//活动背景
super_member_start_text_color: '#FFDBA6', promotion_aux_color: '#444444',//活动背景辅色
super_member_end_text_color: '#FFEBCA', main_color_shallow: '#FFFAF1',//淡背景
}, price_color: 'rgba(252,82,39,1)',//价格颜色
bargain: { btn_text_color: '#FFFFFF',//按钮文字颜色
bargain_promotion_color: '#F0353E',//活动背景 ...{
bargain_promotion_aux_color: '#FD9A01',//活动辅色 goods_price: 'rgba(252,82,39,1)',//价格
}, promotion_tag: '#CFAF70',
seckill: { goods_card_bg: '#201A18',//会员卡背景
seckill_promotion_color: '#F83530',//活动背景 goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
seckill_promotion_aux_color: '#FD9A01',//活动辅色 goods_card_color: '#FFD792',
}, goods_coupon: '#FC5227',
giftcard: { goods_cart_num_corner: '#FC5227',//购物车数量角标
giftcard_promotion_color: '#FF3369',//活动背景 goods_btn_color: '#CFAF70',//按钮颜色
giftcard_promotion_aux_color: '#F7B500',//活动辅 goods_btn_color_shallow: '#444444',//副按钮颜
}, },
groupby: { ...{
groupby_promotion_color: '#E64136',//活动背景 pintuan_label_bg: '#F7B500',
groupby_promotion_aux_color: '#F7B500',//活动辅色 pintuan_label_color: '#FFFFFF',
}, pintuan_color: '#FA6400',
}, pintuan_promotion_color: '#FA3A1D',//活动背景
'purple': { pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
name: 'purple', },
main_color: '#A253FF', ...{
aux_color: '#222222', super_member_start_bg: '#7c7878',
bg_color: '#A253FF',//主题背景 super_member_end_bg: '#201a18',
bg_color_shallow: '#A253FF',//主题背景渐变浅色 super_member_start_text_color: '#FFDBA6',
promotion_color: '#A253FF',//活动背景 super_member_end_text_color: '#FFEBCA',
promotion_aux_color: '#222222',//活动背景辅色 },
main_color_shallow: '#F8F3FF',//淡背景 ...{
price_color: 'rgba(252,82,39,1)',//价格颜色 bargain_promotion_color: '#F0353E',//活动背景
btn_text_color: '#FFFFFF',//按钮文字颜 bargain_promotion_aux_color: '#FD9A01',//活动辅
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 ...{
promotion_tag: '#A253FF', seckill_promotion_color: '#F83530',//活动背景
goods_card_bg: '#201A18',//会员卡背景 seckill_promotion_aux_color: '#FD9A01',//活动辅色
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', ...{
goods_coupon: '#FC5227', giftcard_promotion_color: '#FF3369',//活动背景
goods_cart_num_corner: '#FC5227',//购物车数量角标 giftcard_promotion_aux_color: '#F7B500',//活动辅色
goods_btn_color: '#A253FF',//按钮颜色 },
goods_btn_color_shallow: '#222222',//副按钮颜色 ...{
}, groupby_promotion_color: '#E64136',//活动背景
pintuan: { groupby_promotion_aux_color: '#F7B500',//活动辅色
pintuan_label_bg: '#F7B500', },
pintuan_label_color: '#FFFFFF', ...{
pintuan_color: '#FA6400', hover_nav_bg_color: '#CFAF70',//背景色
pintuan_promotion_color: '#FA3A1D',//活动背景 hover_nav_text_color: '#FFFFFF'
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 },
}, },
super_member: { 'purple': {
super_member_start_bg: '#7c7878', name: 'purple',
super_member_end_bg: '#201a18', main_color: '#A253FF',
super_member_start_text_color: '#FFDBA6', aux_color: '#222222',
super_member_end_text_color: '#FFEBCA', bg_color: '#A253FF',//主题背景
}, bg_color_shallow: '#A253FF',//主题背景渐变浅色
bargain: { promotion_color: '#A253FF',//活动背景
bargain_promotion_color: '#F0353E',//活动背景 promotion_aux_color: '#222222',//活动背景辅色
bargain_promotion_aux_color: '#FD9A01',//活动辅色 main_color_shallow: '#F8F3FF',//淡背景
}, price_color: 'rgba(252,82,39,1)',//价格颜色
seckill: { btn_text_color: '#FFFFFF',//按钮文字颜色
seckill_promotion_color: '#F83530',//活动背景 ...{
seckill_promotion_aux_color: '#FD9A01',//活动辅色 goods_price: 'rgba(252,82,39,1)',//价格
}, promotion_tag: '#A253FF',
giftcard: { goods_card_bg: '#201A18',//会员卡背景
giftcard_promotion_color: '#FF3369',//活动背景 goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
giftcard_promotion_aux_color: '#F7B500',//活动辅色 goods_card_color: '#FFD792',
}, goods_coupon: '#FC5227',
groupby: { goods_cart_num_corner: '#FC5227',//购物车数量角标
groupby_promotion_color: '#E64136',//活动背景 goods_btn_color: '#A253FF',//按钮颜色
groupby_promotion_aux_color: '#F7B500',//活动辅 goods_btn_color_shallow: '#222222',//副按钮颜
}, },
}, ...{
'yellow': { pintuan_label_bg: '#F7B500',
name: 'yellow', pintuan_label_color: '#FFFFFF',
main_color: '#FFD009', pintuan_color: '#FA6400',
aux_color: '#1D262E', pintuan_promotion_color: '#FA3A1D',//活动背景
bg_color: '#FFD009',//主题背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
bg_color_shallow: '#FFD009',//主题背景渐变浅色 },
promotion_color: '#FFD009',//活动背景 ...{
promotion_aux_color: '#1D262E',//活动背景辅色 super_member_start_bg: '#7c7878',
main_color_shallow: '#FFFBEF',//淡背景 super_member_end_bg: '#201a18',
price_color: 'rgba(252,82,39,1)',//价格颜色 super_member_start_text_color: '#FFDBA6',
btn_text_color: '#303133',//按钮文字颜色 super_member_end_text_color: '#FFEBCA',
goods_detail: { },
goods_price: 'rgba(252,82,39,1)',//价格 ...{
promotion_tag: '#FFD009', bargain_promotion_color: '#F0353E',//活动背景
goods_card_bg: '#201A18',//会员卡背景 bargain_promotion_aux_color: '#FD9A01',//活动辅色
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', ...{
goods_coupon: '#FC5227', seckill_promotion_color: '#F83530',//活动背景
goods_cart_num_corner: '#FC5227',//购物车数量角标 seckill_promotion_aux_color: '#FD9A01',//活动辅色
goods_btn_color: '#FFD009',//按钮颜色 },
goods_btn_color_shallow: '#1D262E',//副按钮颜色 ...{
}, giftcard_promotion_color: '#FF3369',//活动背景
pintuan: { giftcard_promotion_aux_color: '#F7B500',//活动辅色
pintuan_label_bg: '#F7B500', },
pintuan_label_color: '#FFFFFF', ...{
pintuan_color: '#FA6400', groupby_promotion_color: '#E64136',//活动背景
pintuan_promotion_color: '#FA3A1D',//活动背景 groupby_promotion_aux_color: '#F7B500',//活动辅色
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 },
}, ...{
super_member: { hover_nav_bg_color: '#A253FF',//背景色
super_member_start_bg: '#7c7878', hover_nav_text_color: '#FFFFFF'
super_member_end_bg: '#201a18', },
super_member_start_text_color: '#FFDBA6', },
super_member_end_text_color: '#FFEBCA', 'yellow': {
}, name: 'yellow',
bargain: { main_color: '#FFD009',
bargain_promotion_color: '#F0353E',//活动背景 aux_color: '#1D262E',
bargain_promotion_aux_color: '#FD9A01',//活动辅色 bg_color: '#FFD009',//主题背景
}, bg_color_shallow: '#FFD009',//主题背景渐变浅色
seckill: { promotion_color: '#FFD009',//活动背景
seckill_promotion_color: '#F83530',//活动背景 promotion_aux_color: '#1D262E',//活动背景辅色
seckill_promotion_aux_color: '#FD9A01',//活动辅色 main_color_shallow: '#FFFBEF',//淡背景
}, price_color: 'rgba(252,82,39,1)',//价格颜色
giftcard: { btn_text_color: '#303133',//按钮文字颜色
giftcard_promotion_color: '#FF3369',//活动背景 ...{
giftcard_promotion_aux_color: '#F7B500',//活动辅色 goods_price: 'rgba(252,82,39,1)',//价格
}, promotion_tag: '#FFD009',
groupby: { goods_card_bg: '#201A18',//会员卡背景
groupby_promotion_color: '#E64136',//活动背景 goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
groupby_promotion_aux_color: '#F7B500',//活动辅色 goods_card_color: '#FFD792',
}, goods_coupon: '#FC5227',
}, goods_cart_num_corner: '#FC5227',//购物车数量角标
'black': { goods_btn_color: '#FFD009',//按钮颜色
name: 'black', goods_btn_color_shallow: '#1D262E',//副按钮颜色
main_color: '#222222', },
aux_color: '#FFFFFF', ...{
bg_color: '#222222',//主题背景 pintuan_label_bg: '#F7B500',
bg_color_shallow: '#333333',//主题背景渐变浅色 pintuan_label_color: '#FFFFFF',
promotion_color: '#222222',//活动背景 pintuan_color: '#FA6400',
promotion_aux_color: '#FA8B00',//活动背景辅色 pintuan_promotion_color: '#FA3A1D',//活动背景
main_color_shallow: '#efefef',//淡背景 pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
price_color: 'rgba(255,0,0,1)',//价格颜色 },
btn_text_color: '#FFFFFF',//按钮文字颜色 ...{
goods_detail: { super_member_start_bg: '#7c7878',
goods_price: 'rgba(255,0,0,1)',//价格 super_member_end_bg: '#201a18',
promotion_tag: '#222222', super_member_start_text_color: '#FFDBA6',
goods_card_bg: '#201A18',//会员卡背景 super_member_end_text_color: '#FFEBCA',
goods_card_bg_shallow: '#7C7878',//会员卡背景浅色 },
goods_card_color: '#FFD792', ...{
goods_coupon: '#222222', bargain_promotion_color: '#F0353E',//活动背景
goods_cart_num_corner: '#FF0000',//购物车数量角标 bargain_promotion_aux_color: '#FD9A01',//活动辅色
goods_btn_color: '#222222',//按钮颜色 },
goods_btn_color_shallow: '#FA8B00',//副按钮颜色 ...{
}, seckill_promotion_color: '#F83530',//活动背景
pintuan: { seckill_promotion_aux_color: '#FD9A01',//活动辅色
pintuan_label_bg: '#F7B500', },
pintuan_label_color: '#FFFFFF', ...{
pintuan_color: '#FA6400', giftcard_promotion_color: '#FF3369',//活动背景
pintuan_promotion_color: '#FA3A1D',//活动背景 giftcard_promotion_aux_color: '#F7B500',//活动辅色
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色 },
}, ...{
super_member: { groupby_promotion_color: '#E64136',//活动背景
super_member_start_bg: '#fadcb5', groupby_promotion_aux_color: '#F7B500',//活动辅色
super_member_end_bg: '#f6bd74', },
super_member_start_text_color: '#ab6126', ...{
super_member_end_text_color: '#d19336', hover_nav_bg_color: '#FFD009',//背景色
}, hover_nav_text_color: '#303133'
bargain: { },
bargain_promotion_color: '#F0353E',//活动背景 },
bargain_promotion_aux_color: '#FD9A01',//活动辅色 'black': {
}, name: 'black',
seckill: { main_color: '#222222',
seckill_promotion_color: '#F83530',//活动背景 aux_color: '#FFFFFF',
seckill_promotion_aux_color: '#FD9A01',//活动辅色 bg_color: '#222222',//主题背景
}, bg_color_shallow: '#333333',//主题背景渐变浅色
giftcard: { promotion_color: '#222222',//活动背景
giftcard_promotion_color: '#FF3369',//活动背景 promotion_aux_color: '#FA8B00',//活动背景辅色
giftcard_promotion_aux_color: '#F7B500',//活动辅色 main_color_shallow: '#efefef',//淡背景
}, price_color: 'rgba(255,0,0,1)',//价格颜色
groupby: { btn_text_color: '#FFFFFF',//按钮文字颜色
groupby_promotion_color: '#E64136',//活动背景 ...{
groupby_promotion_aux_color: '#F7B500',//活动辅色 goods_price: 'rgba(255,0,0,1)',//价格
}, promotion_tag: '#222222',
} goods_card_bg: '#201A18',//会员卡背景
} goods_card_bg_shallow: '#7C7878',//会员卡背景浅色
goods_card_color: '#FFD792',
goods_coupon: '#222222',
goods_cart_num_corner: '#FF0000',//购物车数量角标
goods_btn_color: '#222222',//按钮颜色
goods_btn_color_shallow: '#FA8B00',//副按钮颜色
},
...{
pintuan_label_bg: '#F7B500',
pintuan_label_color: '#FFFFFF',
pintuan_color: '#FA6400',
pintuan_promotion_color: '#FA3A1D',//活动背景
pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
},
...{
super_member_start_bg: '#fadcb5',
super_member_end_bg: '#f6bd74',
super_member_start_text_color: '#ab6126',
super_member_end_text_color: '#d19336',
},
...{
bargain_promotion_color: '#F0353E',//活动背景
bargain_promotion_aux_color: '#FD9A01',//活动辅色
},
...{
seckill_promotion_color: '#F83530',//活动背景
seckill_promotion_aux_color: '#FD9A01',//活动辅色
},
...{
giftcard_promotion_color: '#FF3369',//活动背景
giftcard_promotion_aux_color: '#F7B500',//活动辅色
},
...{
groupby_promotion_color: '#E64136',//活动背景
groupby_promotion_aux_color: '#F7B500',//活动辅色
},
...{
hover_nav_bg_color: '#222222',//背景色
hover_nav_text_color: '#FFFFFF'
},
}
}

View File

@@ -7,15 +7,19 @@ import {
// 首页路径 // 关于页面路径,使用常量导出
export const INDEX_PAGE_URL = '/pages/index/index'; export const INDEX_PAGE_URL = '/pages/index/index';
export const CATEGORY_PAGE_URL = '/pages_goods/category';
export const CONTACT_PAGE_URL = '/pages_tool/contact/contact';
export const MEMBER_PAGE_URL = '/pages_tool/member/index';
export const LOGIN_PAGE_URL = '/pages_tool/login/login';
// 当前最新的tabBar.list (参见pages.json 中的tabBar.list 配置) // 当前最新的tabBar.list (参见pages.json 中的tabBar.list 配置)
export const systemTabBarList = [ export const systemTabBarList = [
INDEX_PAGE_URL, INDEX_PAGE_URL,
'/pages_goods/category', CATEGORY_PAGE_URL,
'/pages_tool/contact/contact', CONTACT_PAGE_URL,
'/pages_tool/member/index' MEMBER_PAGE_URL
]; ];
/** /**
@@ -32,10 +36,28 @@ export const adaptSubpackageUrl = (url) => {
*/ */
// 定义前缀映射表 // 定义前缀映射表
const urlPrefixMap = { const urlPrefixMap = {
'/pages/promotion/': '/pages_promotion/',
'/pages/order/': '/pages_order/',
'/pages/goods/': '/pages_goods/', '/pages/goods/': '/pages_goods/',
'/pages/contact/': '/pages_tool/contact/', '/pages/contact/': '/pages_tool/contact/',
'/pages/member/': '/pages_tool/member/', '/pages/member/': '/pages_tool/member/',
'/pages/vr': '/pages_tool/vr/' '/pages/login/': '/pages_tool/login/',
'/pages/agreement/': '/pages_tool/agreement/',
'/pages/article/': '/pages_tool/article/',
'/pages/cases/': '/pages_tool/cases/',
'/pages/contact/': '/pages_tool/contact/',
'/pages/files/': '/pages_tool/files/',
'/pages/form/': '/pages_tool/form/',
'/pages/help/': '/pages_tool/help/',
'/pages/notice/': '/pages_tool/notice/',
'/pages/pay/': '/pages_tool/pay/',
'/pages/recharge/': '/pages_tool/recharge/',
'/pages/seal/': '/pages_tool/seal/',
'/pages/storeclose/': '/pages_tool/storeclose/',
'/pages/vr/': '/pages_tool/vr/',
'/pages/weapp/': '/pages_tool/weapp/',
'/pages/webview/': '/pages_tool/webview/',
}; };
// 构建正则表达式 // 构建正则表达式
@@ -61,18 +83,54 @@ export const adaptSubpackageUrl = (url) => {
return replacePrefix(url); return replacePrefix(url);
} }
/**
* 检查tabBar是否激活
* @param {string} linkUrl 链接路径 /pages/goods/category
* @param {string} currentPageRoute 当前页面路径 /pages_goods/category
* @returns {boolean} 是否激活
*/
export const checkTabBarActive = (linkUrl, currentPageRoute) => {
const linkUrlParts = adaptSubpackageUrl(linkUrl).split('/');
const currentPageRouteParts = currentPageRoute.split('/');
// console.log('diy-bottom-nav verify:', { linkUrlParts, currentPageRouteParts});
try {
// 二级页面
if (linkUrlParts[2] === currentPageRouteParts[2]) {
return true;
}
// 一级页面限定只能是goods相关
if (linkUrlParts[1] === currentPageRouteParts[1] && linkUrlParts[1] === 'pages_goods') {
return true;
}
} catch (error) {
console.error('diy-bottom-nav verify error:', error);
}
return false;
}
export default { export default {
/** 导出页面URL常量 */
MEMBER_PAGE_URL,
CATEGORY_PAGE_URL,
CONTACT_PAGE_URL,
INDEX_PAGE_URL,
LOGIN_PAGE_URL,
/** /**
* 页面跳转 * 页面跳转
* @param {string} to 跳转链接 /pages/idnex/index * @param {string} to 跳转链接 /pages/idnex/index
* @param {Object} param 参数 {key : value, ...} * @param {Object} param 参数 {key : value, ...}, 默认{}
* @param {string} mode 模式 * @param {string} mode 模式 navigateTo、redirectTo、reLaunch、tabbar, 默认navigateTo
*/ */
redirectTo(to, param, mode) { redirectTo(to, param = {}, mode = 'navigateTo') {
let url = to; let url = to;
// 替换url中的前缀 // 替换url中的前缀
console.log('redirectTo', to, param, mode); console.log('页面跳转 redirectTo', to, param, mode);
url = adaptSubpackageUrl(url); url = adaptSubpackageUrl(url);
console.log('adaptSubpackageUrl', url); console.log('adaptSubpackageUrl', url);
@@ -91,7 +149,7 @@ export default {
const tabBarUrl = systemTabBarList[i]; const tabBarUrl = systemTabBarList[i];
if (url.indexOf(tabBarUrl) == 0) { if (url.indexOf(tabBarUrl) == 0) {
// 首页特殊处理采用switchTab, 其他页面采用redirectTo, 不能返回,不能退回 // 首页特殊处理采用switchTab, 其他页面采用redirectTo, 不能返回,不能退回
(tabBarUrl == INDEX_PAGE_URL ? uni.switchTab : uni.redirectTo)({url}); (tabBarUrl == INDEX_PAGE_URL ? uni.switchTab : uni.redirectTo)({ url });
return; return;
} }
} }
@@ -99,26 +157,26 @@ export default {
// 如果url不包含tabBarList中的路径根据mode判断跳转方式 // 如果url不包含tabBarList中的路径根据mode判断跳转方式
switch (mode) { switch (mode) {
case 'tabbar': case 'tabbar':
// 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 // 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。重置页面栈,仅保留 tabBar 页面
uni.switchTab({ uni.switchTab({
url url
}); });
break; break;
case 'redirectTo': case 'redirectTo':
// 关闭当前页面,跳转到应用内的某个页面。 // 关闭当前页面,跳转到应用内的某个页面。替换栈顶页面长度不变上限10层
uni.redirectTo({ uni.redirectTo({
url url
}); });
break; break;
case 'reLaunch': case 'reLaunch':
// 关闭所有页面,打开到应用内的某个页面。 // 关闭所有页面,打开到应用内的某个页面。清空栈后打开新页面,长度=1
uni.reLaunch({ uni.reLaunch({
url url
}); });
break; break;
default: default:
// 保留当前页面,跳转到应用内的某个页面 // 保留当前页面,跳转到应用内的某个页面,新增页面到栈顶,长度+1上限10层
console.log('保留当前页面,跳转到应用内的某个页面', url); console.log('保留当前页面,navigateTo跳转到应用内的某个页面', url);
uni.navigateTo({ uni.navigateTo({
url url
}); });
@@ -130,8 +188,6 @@ export default {
* @param {Object} params 参数针对商品、相册里面的图片区分大中小size: big、mid、small * @param {Object} params 参数针对商品、相册里面的图片区分大中小size: big、mid、small
*/ */
img(img_path, params) { img(img_path, params) {
var path = ""; var path = "";
if (img_path != undefined && img_path != "") { if (img_path != undefined && img_path != "") {
if (img_path.split(',').length > 1) { if (img_path.split(',').length > 1) {
@@ -491,7 +547,7 @@ export default {
* 检测苹果X以上的手机 * 检测苹果X以上的手机
*/ */
isIPhoneX() { isIPhoneX() {
let res = uni.getSystemInfoSync(); let res = this.getDeviceInfo();
if (res.model.search('iPhone X') != -1) { if (res.model.search('iPhone X') != -1) {
return true; return true;
} }
@@ -499,13 +555,33 @@ export default {
}, },
//判断安卓还是iOS //判断安卓还是iOS
isAndroid() { isAndroid() {
let platform = uni.getSystemInfoSync().platform let platform = this.getDeviceInfo().platform;
if (platform == 'ios') { if (platform == 'ios') {
return false; return false;
} else if (platform == 'android') { } else if (platform == 'android') {
return true; return true;
} }
}, },
/**
* 获取设备信息(包含降级处理)
*/
getDeviceInfo() {
try {
return uni.getDeviceInfo();
} catch (e) {
return uni.getSystemInfoSync();
}
},
/**
* 获取窗口信息(包含降级处理)
*/
getWindowInfo() {
try {
return uni.getWindowInfo();
} catch (e) {
return uni.getSystemInfoSync();
}
},
/** /**
* 深度拷贝对象 * 深度拷贝对象
* @param {Object} obj * @param {Object} obj
@@ -527,6 +603,9 @@ export default {
} }
return cloneObj return cloneObj
}, },
/** /**
* 自定义模板的跳转链接 * 自定义模板的跳转链接
* @param {Object} link * @param {Object} link
@@ -650,7 +729,7 @@ export default {
*/ */
uniappIsIPhoneX() { uniappIsIPhoneX() {
let isIphoneX = false; let isIphoneX = false;
let systemInfo = uni.getSystemInfoSync(); let systemInfo = this.getDeviceInfo();
// #ifdef MP // #ifdef MP
if (systemInfo.model.search('iPhone X') != -1 || systemInfo.model.search('iPhone 11') != -1 || systemInfo.model.search('iPhone 12') != -1 || systemInfo.model.search('iPhone 13') != -1) { if (systemInfo.model.search('iPhone X') != -1 || systemInfo.model.search('iPhone 11') != -1 || systemInfo.model.search('iPhone 12') != -1 || systemInfo.model.search('iPhone 13') != -1) {
isIphoneX = true; isIphoneX = true;
@@ -677,7 +756,7 @@ export default {
*/ */
uniappIsIPhone11() { uniappIsIPhone11() {
let isIphone11 = false; let isIphone11 = false;
let systemInfo = uni.getSystemInfoSync(); let systemInfo = this.getDeviceInfo();
// #ifdef MP // #ifdef MP
if (systemInfo.model.search('iPhone 11') != -1) { if (systemInfo.model.search('iPhone 11') != -1) {
isIphone11 = true; isIphone11 = true;
@@ -688,7 +767,7 @@ export default {
// #ifdef H5 // #ifdef H5
//判断该浏览器是否为safaria浏览器 //判断该浏览器是否为safaria浏览器
isSafari() { isSafari() {
let res = uni.getSystemInfoSync(); let res = this.getDeviceInfo();
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 && if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 &&
ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 && ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 &&
@@ -727,7 +806,7 @@ export default {
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
return routes.length ? routes[routes.length - 1].route : ''; return routes.length ? routes[routes.length - 1].route : '';
}, },
goBack(backUrl = '/pages/index/index') { goBack(backUrl = INDEX_PAGE_URL) {
if (getCurrentPages().length == 1) { if (getCurrentPages().length == 1) {
this.redirectTo(backUrl); this.redirectTo(backUrl);
} else { } else {

View File

@@ -59,7 +59,7 @@
</template> </template>
<script> <script>
import { adaptSubpackageUrl } from '@/common/js/util.js' import { adaptSubpackageUrl, checkTabBarActive } from '@/common/js/util.js'
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
// 底部导航栏 // 底部导航栏
export default { export default {
@@ -145,7 +145,7 @@ export default {
let linkUrl = link.wap_url; let linkUrl = link.wap_url;
// 首页特殊处理 // 首页特殊处理
if (linkUrl === '/pages/index/index' && this.name === 'DIY_VIEW_INDEX') { if (linkUrl === this.$util.INDEX_PAGE_URL && this.name === 'DIY_VIEW_INDEX') {
return true; return true;
} }
@@ -154,7 +154,7 @@ export default {
return true; return true;
} }
return false; return checkTabBarActive(linkUrl, currentPageRoute);
} }
} }
}; };

View File

@@ -100,7 +100,7 @@
parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text> parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
</block> </block>
<block v-else> <block v-else>
<text class="unit price-style small">{{ $lang('Make') ? $lang('Make') : '询' }}</text> <text class="unit price-style small">{{ $lang('Make') ? $lang('Make') : '询底价' }}</text>
</block> </block>
</view> </view>
<view class="member-price-tag" <view class="member-price-tag"
@@ -192,7 +192,7 @@
parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text> parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
</block> </block>
<block v-else> <block v-else>
<text class="unit price-style small">{{ $lang('Make') ? $lang('Make') : '询' }}</text> <text class="unit price-style small">{{ $lang('Make') ? $lang('Make') : '询底价' }}</text>
</block> </block>
</view> </view>

View File

@@ -161,15 +161,11 @@ let menuButtonInfo = {};
menuButtonInfo = uni.getMenuButtonBoundingClientRect(); menuButtonInfo = uni.getMenuButtonBoundingClientRect();
// #endif // #endif
import nsGoodsSkuCategory from '@/components/ns-goods-sku/ns-goods-sku-category.vue';
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
var contentWrapHeight, query, cartPosition; var contentWrapHeight, query, cartPosition;
// 商品分类 // 商品分类
export default { export default {
components: {
nsGoodsSkuCategory
},
name: 'diy-category', name: 'diy-category',
props: { props: {
value: { value: {
@@ -610,10 +606,10 @@ export default {
view { view {
color: #222222; color: #222222;
width: 100%; width: 100%;
white-space: nowrap; white-space: break-word;
text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
font-size: 10px;
} }
&.border-top { &.border-top {
@@ -630,6 +626,7 @@ export default {
view { view {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
font-size: $font-size-base;
} }
&::before { &::before {

View File

@@ -454,7 +454,7 @@ export default {
} }
}); });
} else { } else {
this.$refs.login.open('/pages/index/index'); this.$refs.login.open(this.$util.INDEX_PAGE_URL);
this.couponBtnSwitch = false; this.couponBtnSwitch = false;
} }
}, },

View File

@@ -1,5 +1,5 @@
<template> <template>
<view :style="componentStyle"> <view :style="componentStyle" data-component-name="diy-digit">
<scroll-view :class="['graphic-nav', value.showStyle == 'fixed' ? 'fixed-layout' : value.showStyle]" <scroll-view :class="['graphic-nav', value.showStyle == 'fixed' ? 'fixed-layout' : value.showStyle]"
:scroll-x="value.showStyle == 'singleSlide'"> :scroll-x="value.showStyle == 'singleSlide'">
<view class="uni-scroll-view-content"> <view class="uni-scroll-view-content">
@@ -38,16 +38,10 @@
</template> </template>
<script> <script>
import uvCountTo from '@/components/uv-count-to/uv-count-to.vue'
import nsLogin from '@/components/ns-login/ns-login.vue'
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
// 自定义数字展示 // 自定义数字展示
export default { export default {
name: 'diy-digit', name: 'diy-digit',
components: {
uvCountTo,
nsLogin
},
props: { props: {
value: { value: {
type: Object, type: Object,
@@ -96,7 +90,7 @@ export default {
// 页面跳转 // 页面跳转
redirectTo(item) { redirectTo(item) {
if (!item.wap_url || this.$util.getCurrRoute() != 'pages/member/index' || this.storeToken) { if (!item.wap_url || this.$util.getCurrRoute() != this.$util.MEMBER_PAGE_URL || this.storeToken) {
console.log(item); console.log(item);
this.$util.diyRedirectTo(item); this.$util.diyRedirectTo(item);
} else { } else {

View File

@@ -75,7 +75,7 @@ export default {
this.currentRoute = '/' + currentPage.route; this.currentRoute = '/' + currentPage.route;
if (!this.storeToken) { if (!this.storeToken) {
this.$util.redirectTo( this.$util.redirectTo(
'/pages_tool/login/login', this.$util.LOGIN_PAGE_URL,
{ {
back: this.currentRoute back: this.currentRoute
}, },

View File

@@ -19,8 +19,6 @@
<script> <script>
// 商品品牌 // 商品品牌
import uniGrid from '@/components/uni-grid/uni-grid.vue';
import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue';
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
// 自定义商品品牌展示 // 自定义商品品牌展示
@@ -31,10 +29,6 @@ export default {
type: Object type: Object
} }
}, },
components: {
uniGrid,
uniGridItem
},
data() { data() {
return { return {
list: [], list: [],

View File

@@ -253,15 +253,12 @@
</template> </template>
<script> <script>
import nsGoodsSkuIndex from '@/components/ns-goods-sku/ns-goods-sku-index.vue';
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
import util from '@/common/js/util.js'
// 自定义商品列表展示 // 自定义商品列表展示
export default { export default {
name: 'diy-goods-list', name: 'diy-goods-list',
components: {
nsGoodsSkuIndex
},
props: { props: {
value: { value: {
type: Object, type: Object,
@@ -331,7 +328,7 @@ export default {
if (this.goodsValue.ornament.type == 'stroke') { if (this.goodsValue.ornament.type == 'stroke') {
obj += 'border:' + '2rpx solid ' + this.goodsValue.ornament.color + ';'; obj += 'border:' + '2rpx solid ' + this.goodsValue.ornament.color + ';';
} }
const screenWidth = uni.getSystemInfoSync().windowWidth; let screenWidth = util.getWindowInfo().windowWidth;
if (this.value.template == 'horizontal-slide') { if (this.value.template == 'horizontal-slide') {
var width = ''; var width = '';
if (this.value.slideMode == 'scroll' && this.value.goodsMarginType == 'diy') width = this.rpxUpPx( if (this.value.slideMode == 'scroll' && this.value.goodsMarginType == 'diy') width = this.rpxUpPx(
@@ -411,7 +408,7 @@ export default {
} }
}, },
rpxUpPx(res) { rpxUpPx(res) {
const screenWidth = uni.getSystemInfoSync().windowWidth; const screenWidth = util.getWindowInfo().windowWidth;
var data = (screenWidth * parseInt(res)) / 750; var data = (screenWidth * parseInt(res)) / 750;
return Math.floor(data); return Math.floor(data);
}, },

View File

@@ -159,7 +159,7 @@ export default {
redirectTo(link) { redirectTo(link) {
if (link.wap_url) { if (link.wap_url) {
if (this.$util.getCurrRoute() == 'pages/member/index' && !this.storeToken) { if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
this.$refs.login.open(link.wap_url); this.$refs.login.open(link.wap_url);
return; return;
} }

View File

@@ -251,6 +251,16 @@
<diy-icon :value="item"></diy-icon> <diy-icon :value="item"></diy-icon>
</template> </template>
<template v-if="item.componentName == 'WechatChannel'">
<!-- 微信视频号 -->
<diy-wechat-channel :value="item"></diy-wechat-channel>
</template>
<template v-if="item.componentName == 'WechatChannelList'">
<!-- 微信视频号列表 -->
<diy-wechat-channel-list :value="item"></diy-wechat-channel-list>
</template>
<!-- 自定义扩展组件 --> <!-- 自定义扩展组件 -->
<diy-comp-extend :value="item"></diy-comp-extend> <diy-comp-extend :value="item"></diy-comp-extend>
</view> </view>
@@ -260,8 +270,8 @@
<script> <script>
// 组件组展示 // 组件组展示
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
export default { export default {
components: {},
props: { props: {
diyData: { diyData: {
type: Object type: Object

View File

@@ -38,14 +38,11 @@
</template> </template>
<script> <script>
import nsLogin from '@/components/ns-login/ns-login.vue'
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
export default { export default {
name: 'diy-image-nav', name: 'diy-image-nav',
components: {
nsLogin
},
props: { props: {
value: { value: {
type: Object, type: Object,
@@ -119,7 +116,7 @@ export default {
// 页面跳转 // 页面跳转
redirectTo(link) { redirectTo(link) {
if (!link.wap_url || this.$util.getCurrRoute() != 'pages/member/index' || this.storeToken) { if (!link.wap_url || this.$util.getCurrRoute() != this.$util.MEMBER_PAGE_URL || this.storeToken) {
this.$util.diyRedirectTo(link); this.$util.diyRedirectTo(link);
} else { } else {
this.$refs.login.open(link.wap_url); this.$refs.login.open(link.wap_url);

View File

@@ -169,7 +169,6 @@
</template> </template>
<script> <script>
import nsLoading from '@/components/ns-loading/ns-loading.vue';
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
export default { export default {
name: 'diy-index-page', name: 'diy-index-page',
@@ -189,9 +188,6 @@ export default {
} }
}, },
mixins: [DiyMinx], mixins: [DiyMinx],
components: {
nsLoading
},
data() { data() {
return { return {
pageIndex: 0, //当前选中分类id pageIndex: 0, //当前选中分类id

View File

@@ -1,5 +1,5 @@
<template> <template>
<view data-component-name="diy-picture" class="diy-picture" :style="style"> <view data-component-name="diy-listmenu" class="diy-listmenu" :style="style">
<view class="fui-cell-group"> <view class="fui-cell-group">
<!-- <image mode="widthFix" style="width: 100%;" :src="$util.img(item.imageUrl)"></image> --> <!-- <image mode="widthFix" style="width: 100%;" :src="$util.img(item.imageUrl)"></image> -->
@@ -62,8 +62,8 @@ export default {
methods: { methods: {
redirectTo(link) { redirectTo(link) {
if (link.wap_url) { if (link.wap_url) {
if (this.$util.getCurrRoute() == 'pages/member/index' && !this.storeToken) { if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
this.$refs.login.open(link.wap_url); this.$refs?.login?.open(link.wap_url);
return; return;
} }
} }

View File

@@ -64,7 +64,7 @@
@click.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view> @click.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view>
</view> </view>
<view class="info-wrap" v-else :style="infoStyle" @click="redirect('/pages/member/index')"> <view class="info-wrap" v-else :style="infoStyle" @click="redirect($util.MEMBER_PAGE_URL)">
<view class="headimg"> <view class="headimg">
<image :src="$util.getDefaultImage().head" mode="widthFix"></image> <image :src="$util.getDefaultImage().head" mode="widthFix"></image>
</view> </view>
@@ -243,7 +243,7 @@ let menuButtonInfo = {};
menuButtonInfo = uni.getMenuButtonBoundingClientRect(); menuButtonInfo = uni.getMenuButtonBoundingClientRect();
// #endif // #endif
// 自定义会员中心——会员信息展示 // 自定义会员中心——会员信息展示
import nsContact from '@/components/ns-contact/ns-contact.vue';
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
export default { export default {
name: 'diy-member-info', name: 'diy-member-info',
@@ -259,9 +259,6 @@ export default {
} }
}, },
mixins: [DiyMinx], mixins: [DiyMinx],
components: {
nsContact
},
data() { data() {
return { return {
info: null, info: null,
@@ -548,7 +545,7 @@ export default {
*/ */
redirectBeforeAuth(url) { redirectBeforeAuth(url) {
if (!this.storeToken) { if (!this.storeToken) {
this.$refs.login.open('/pages/member/index'); this.$refs.login.open(this.$util.MEMBER_PAGE_URL);
return; return;
} }
@@ -586,7 +583,7 @@ export default {
url: '/wechat/api/wechat/authcode', url: '/wechat/api/wechat/authcode',
data: { data: {
scopes: 'snsapi_userinfo', scopes: 'snsapi_userinfo',
redirect_url: this.$config.h5Domain + '/pages/member/index' redirect_url: this.$config.h5Domain + this.$util.MEMBER_PAGE_URL
}, },
success: res => { success: res => {
if (res.code >= 0) { if (res.code >= 0) {

View File

@@ -157,7 +157,7 @@ export default {
/* 点赞 */ /* 点赞 */
giveLike(noteId, index) { giveLike(noteId, index) {
if (!this.storeToken) { if (!this.storeToken) {
this.$refs.login.open('/pages/index/index'); this.$refs.login.open(this.$util.INDEX_PAGE_URL);
return; return;
} }

View File

@@ -65,7 +65,7 @@ export default {
}, },
redirectTo(link) { redirectTo(link) {
if (link.wap_url) { if (link.wap_url) {
if (this.$util.getCurrRoute() == 'pages/member/index' && !this.storeToken) { if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
this.$refs.login.open(link.wap_url); this.$refs.login.open(link.wap_url);
return; return;
} }

View File

@@ -61,7 +61,7 @@ export default {
methods: { methods: {
redirectTo(link) { redirectTo(link) {
if (link.wap_url) { if (link.wap_url) {
if (this.$util.getCurrRoute() == 'pages/member/index' && !this.storeToken) { if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
this.$refs.login.open(link.wap_url); this.$refs.login.open(link.wap_url);
return; return;
} }

View File

@@ -198,7 +198,7 @@ export default {
}, },
redirectTo(link) { redirectTo(link) {
if (link.wap_url) { if (link.wap_url) {
if (this.$util.getCurrRoute() == 'pages/member/index' && !this.storeToken) { if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
this.$refs.login.open(link.wap_url); this.$refs.login.open(link.wap_url);
return; return;
} }

View File

@@ -324,7 +324,7 @@ export default {
await this.__$emitEvent({ await this.__$emitEvent({
eventName: 'text-tap', data: link, promiseCallback: (event, handler, awaitedResult) => { eventName: 'text-tap', data: link, promiseCallback: (event, handler, awaitedResult) => {
if (!awaitedResult) return; if (!awaitedResult) return;
$util.diyRedirectTo(link); this.$util.diyRedirectTo(link);
} }
}) })
} }

View File

@@ -62,13 +62,10 @@
</template> </template>
<script> <script>
import uniPopup from '@/components/uni-popup/uni-popup.vue'
import DiyMinx from './minx.js' import DiyMinx from './minx.js'
export default { export default {
name: 'diy-video-list', name: 'diy-video-list',
components: {
uniPopup
},
props: { props: {
value: { value: {
type: Object, type: Object,

View File

@@ -0,0 +1,458 @@
<template>
<view :style="componentStyle">
<!-- 固定布局模式 -->
<view v-if="value.showStyle == 'fixed'" :class="['channel-list', 'row1-of' + value.rowCount]"
style="padding:20rpx;">
<view v-for="(item, index) in value.list" :key="index" class="channel-item" @tap="playVideo(item)">
<view class="channel-img-wrap">
<image class="channel-img" style="border-radius:10rpx;" :src="$util.img(item.coverUrl)"
mode="aspectFill" @error="imgError(index)"></image>
<view class="channel-play-btn">
<image class="play-icon" style="width:30rpx;" :src="$util.img('addon/personnel/shop/view/enterprise/play.png')"
mode="widthFix"></image>
</view>
<view class="channel-stats">
<text>{{ item.viewCount }}次观看</text>
</view>
</view>
<view class="channel-info-wrap">
<view class="channel-name" :style="{
'font-size': (value.font.size * 2 + 'rpx') + ';',
'font-weight': value.font.weight + ';',
'color': value.font.color + ';'
}">{{ item.channelName }}</view>
<view class="video-title" :style="{
'font-size': (value.font.size * 1.8 + 'rpx') + ';',
'color': '#666;'
}">{{ item.videoTitle }}</view>
</view>
</view>
</view>
<!-- 其他布局模式 -->
<scroll-view v-else :class="['channel-nav', value.showStyle == 'fixed' ? 'fixed-layout' : value.showStyle]"
:scroll-x="value.showStyle == 'singleSlide'">
<view class="uni-scroll-view-content">
<view v-for="(item, index) in value.list" :key="index" :class="['channel-nav-item', value.mode]"
:style="{ width: (100 / value.rowCount + '%') + ';' }" @tap="playVideo(item)">
<view class="channel-img">
<image :style="{
'max-width': '100%;',
'border-radius': '8rpx;'
}" :src="$util.img(item.coverUrl)" mode="aspectFill"
:show-menu-by-longpress="true"></image>
<view class="channel-play-btn">
<image class="play-icon" style="width:30rpx;" :src="$util.img('addon/personnel/shop/view/enterprise/play.png')"
mode="widthFix"></image>
</view>
<view class="channel-stats">
<text>{{ item.viewCount }}次观看</text>
</view>
</view>
<view class="channel-text" :style="{
'margin-left': '16rpx;',
'font-size': (value.font.size * 2 + 'rpx') + ';',
'font-weight': value.font.weight + ';',
'color': value.font.color + ';'
}">{{ item.videoTitle }}</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script>
import DiyMinx from './minx.js'
export default {
name: 'diy-wechat-channel-list',
props: {
value: {
type: Object,
default: () => ({})
}
},
mixins: [DiyMinx],
data() {
return {
pageWidth: '',
indicatorDots: false,
swiperCurrent: 0
}
},
created() {
// 组件创建时的逻辑
},
watch: {
componentRefresh(newValue) {
// 监听组件刷新
}
},
computed: {
componentStyle() {
let style = '';
style += 'background-color:' + this.value.componentBgColor + ';';
if (this.value.componentAngle == 'round') {
style += 'border-top-left-radius:' + (2 * this.value.topAroundRadius) + 'rpx;';
style += 'border-top-right-radius:' + (2 * this.value.topAroundRadius) + 'rpx;';
style += 'border-bottom-left-radius:' + (2 * this.value.bottomAroundRadius) + 'rpx;';
style += 'border-bottom-right-radius:' + (2 * this.value.bottomAroundRadius) + 'rpx;';
}
style += 'box-shadow:' + (this.value.ornament.type == 'shadow' ? '0 0 10rpx ' + this.value.ornament.color : '') + ';';
style += 'border:' + (this.value.ornament.type == 'stroke' ? '2rpx solid ' + this.value.ornament.color : '') + ';';
return style;
},
swiperHeight() {
let height = 0;
if (this.value.mode == 'graphic') {
height = (49 + this.value.imageSize) * this.value.pageCount;
} else if (this.value.mode == 'img') {
height = (22 + this.value.imageSize) * this.value.pageCount;
} else if (this.value.mode == 'text') {
height = 43 * this.value.pageCount;
}
return 'height:' + (2 * height) + 'rpx';
},
isIndicatorDots() {
return this.value.carousel.type != 'hide' &&
1 != Math.ceil(this.value.list.length / (this.value.pageCount * this.value.rowCount));
}
},
methods: {
// 播放视频
async playVideo(item) {
await this.__$emitEvent({
eventName: 'video-play', data: item, promiseCallback: (event, handler, awaitedResult) => {
if (!awaitedResult) return;
// 检查微信环境
if (typeof wx === 'undefined') {
console.error('当前环境不是微信小程序');
return;
}
// 检查基础库版本
const systemInfo = wx.getSystemInfoSync();
const SDKVersion = systemInfo.SDKVersion;
const versionCompare = (v1, v2) => {
const arr1 = v1.split('.');
const arr2 = v2.split('.');
for (let i = 0; i < Math.max(arr1.length, arr2.length); i++) {
const num1 = parseInt(arr1[i] || 0);
const num2 = parseInt(arr2[i] || 0);
if (num1 > num2) return 1;
if (num1 < num2) return -1;
}
return 0;
};
if (versionCompare(SDKVersion, '2.19.2') < 0) {
console.error('当前微信基础库版本过低,需要 2.19.2 或以上版本');
return;
}
// 调用微信视频号播放API
if (wx.openChannelsActivity) {
wx.openChannelsActivity({
feedId: item.feedId,
finderUserName: item.finderUserName,
success: (res) => {
console.log('打开视频号成功', res);
},
fail: (err) => {
console.error('打开视频号失败', err);
// 错误码处理
switch (err.errCode) {
case 40001:
console.error('错误40001检查主体要求或嵌入式打开的关联关系');
break;
case 40002:
console.error('错误40002参数错误检查 feedId 和 finderUserName');
break;
default:
console.error('错误:' + err.errCode + '' + (err.errMsg || '未知错误'));
break;
}
}
});
} else {
console.error('当前环境不支持微信视频号');
}
}
})
},
// 图片加载错误处理
imgError(index) {
// 图片加载失败的处理逻辑
console.log('图片加载失败:', index);
// 为失败的图片设置默认图片
const item = this.value.list[index];
if (item) {
// 使用默认图片替代加载失败的图片
item.coverUrl = 'addon/personnel/shop/view/enterprise/default-video-cover.png';
}
}
}
}
</script>
<style lang="scss" scoped>
.channel-list {
&.row1-of3 {
display: flex;
flex-wrap: wrap;
.channel-item {
position: relative;
display: flex;
flex-direction: column;
margin-top: 20rpx;
width: calc(33.3333333% - 14rpx);
box-sizing: border-box;
&:nth-child(3n + 3) {
width: calc(33.33% - 15rpx);
}
&:nth-of-type(1),
&:nth-of-type(2),
&:nth-of-type(3) {
margin-top: 0;
}
&:nth-child(3n) {
width: calc(33.3333333% - 15rpx);
}
&:nth-child(3n-1) {
margin-left: 20rpx;
margin-right: 20rpx;
}
.channel-img-wrap {
position: relative;
overflow: hidden;
height: 220rpx;
border-radius: 10rpx;
}
.channel-img {
width: 100%;
height: 100%;
}
.channel-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60rpx;
height: 60rpx;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.channel-stats {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
padding: 10rpx;
color: #fff;
font-size: 20rpx;
}
.channel-info-wrap {
display: flex;
flex-direction: column;
flex: 1;
padding: 10rpx 0;
.channel-name {
margin-bottom: 4rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.video-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
}
&.row1-of2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.channel-item {
position: relative;
margin-top: 20rpx;
width: calc(50% - 10rpx);
display: flex;
flex-direction: column;
box-sizing: border-box;
&:nth-child(2n) {
margin-right: 0 !important;
}
&:nth-of-type(1),
&:nth-of-type(2) {
margin-top: 0;
}
.channel-img-wrap {
position: relative;
overflow: hidden;
height: 340rpx;
border-radius: 10rpx;
}
.channel-img {
width: 100%;
height: 100%;
}
.channel-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80rpx;
height: 80rpx;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.channel-stats {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
padding: 10rpx;
color: #fff;
font-size: 20rpx;
}
.channel-info-wrap {
display: flex;
flex-direction: column;
flex: 1;
padding: 10rpx 0;
.channel-name {
margin-bottom: 4rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.video-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
}
}
.channel-nav {
padding: 16rpx;
box-sizing: border-box;
&.fixed-layout {
.uni-scroll-view-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
&.singleSlide {
.uni-scroll-view-content {
display: flex;
}
.channel-nav-item {
flex-shrink: 0;
}
}
.channel-nav-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 14rpx 0;
box-sizing: border-box;
.channel-img {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
.channel-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60rpx;
height: 60rpx;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.channel-stats {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
padding: 10rpx;
color: #fff;
font-size: 20rpx;
}
}
.channel-text {
padding-top: 12rpx;
line-height: 1.5;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
text-align: center;
}
}
}
</style>

View File

@@ -0,0 +1,231 @@
<template>
<view class="diy-wechat-channel" :style="channelWarpCss">
<view class="channel-header" @tap="handlerClick">
<image class="channel-avatar" :src="$util.img(value.avatarUrl)" mode="aspectFill"></image>
<view class="channel-info">
<view class="channel-name">{{ value.channelName }}</view>
<view class="channel-follow" v-if="value.showFollow">关注</view>
</view>
<image class="channel-arrow" :src="$util.img('addon/personnel/shop/view/enterprise/arrow.png')" mode="aspectFill"></image>
</view>
<!-- 嵌入式视频播放 -->
<!-- #ifdef MP-WEIXIN -->
<native-component v-if="value.embedMode && typeof wx !== 'undefined' && wx.canIUse('component.channel-video')">
<channel-video
:feed-id="value.feedId"
:finder-user-name="value.finderUserName"
:feed-token="value.feedToken"
style="width: 100%; height: 320rpx;">
</channel-video>
</native-component>
<!-- #endif -->
<!-- 跳转式视频播放 -->
<view v-else class="channel-video" @tap="playVideo">
<image class="video-cover" :src="$util.img(value.coverUrl)" mode="aspectFill"></image>
<view class="video-play-btn">
<image class="play-icon" :src="$util.img('addon/personnel/shop/view/enterprise/play.png')" mode="aspectFill"></image>
</view>
<view class="video-info">
<view class="video-title">{{ value.videoTitle }}</view>
<view class="video-stats">
<text>{{ value.viewCount }}次观看</text>
</view>
</view>
</view>
</view>
</template>
<script>
// 微信视频号组件
import DiyMinx from './minx.js'
export default {
name: 'diy-wechat-channel',
props: {
value: {
type: Object
}
},
data() {
return {};
},
created() { },
mixins: [DiyMinx],
watch: {
// 组件刷新监听
componentRefresh: function (nval) { }
},
computed: {
channelWarpCss: function () {
var obj = '';
if (this.value.componentAngle == 'round') {
obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
}
return obj;
}
},
methods: {
async handlerClick() {
await this.__$emitEvent({
eventName: 'channel-tap', data: this.value, promiseCallback: (event, handler, awaitedResult) => {
if (!awaitedResult) return;
}
})
},
async playVideo() {
await this.__$emitEvent({
eventName: 'video-play', data: this.value, promiseCallback: (event, handler, awaitedResult) => {
if (!awaitedResult) return;
// 检查微信环境
if (typeof wx === 'undefined') {
console.error('当前环境不是微信小程序');
return;
}
// 检查基础库版本
const systemInfo = wx.getSystemInfoSync();
const SDKVersion = systemInfo.SDKVersion;
const versionCompare = (v1, v2) => {
const arr1 = v1.split('.');
const arr2 = v2.split('.');
for (let i = 0; i < Math.max(arr1.length, arr2.length); i++) {
const num1 = parseInt(arr1[i] || 0);
const num2 = parseInt(arr2[i] || 0);
if (num1 > num2) return 1;
if (num1 < num2) return -1;
}
return 0;
};
if (versionCompare(SDKVersion, '2.19.2') < 0) {
console.error('当前微信基础库版本过低,需要 2.19.2 或以上版本');
return;
}
// 调用微信视频号播放API
if (wx.openChannelsActivity) {
wx.openChannelsActivity({
feedId: this.value.feedId,
finderUserName: this.value.finderUserName,
success: (res) => {
console.log('打开视频号成功', res);
},
fail: (err) => {
console.error('打开视频号失败', err);
// 错误码处理
switch (err.errCode) {
case 40001:
console.error('错误40001检查主体要求或嵌入式打开的关联关系');
break;
case 40002:
console.error('错误40002参数错误检查 feedId 和 finderUserName');
break;
default:
console.error('错误:' + err.errCode + '' + (err.errMsg || '未知错误'));
break;
}
}
});
} else {
console.error('当前环境不支持微信视频号');
}
}
})
}
}
};
</script>
<style scoped>
.diy-wechat-channel {
width: 100%;
background-color: #fff;
border-radius: 12rpx;
overflow: hidden;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
}
.channel-header {
display: flex;
align-items: center;
padding: 16rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.channel-avatar {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
margin-right: 12rpx;
}
.channel-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.channel-name {
font-size: 28rpx;
font-weight: 500;
color: #333;
margin-bottom: 4rpx;
}
.channel-follow {
font-size: 24rpx;
color: #07c160;
}
.channel-arrow {
width: 24rpx;
height: 24rpx;
margin-left: 8rpx;
}
.channel-video {
position: relative;
}
.video-cover {
width: 100%;
height: 320rpx;
object-fit: cover;
}
.video-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80rpx;
height: 80rpx;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.play-icon {
width: 40rpx;
height: 40rpx;
}
.video-info {
padding: 16rpx;
}
.video-title {
font-size: 28rpx;
font-weight: 500;
color: #333;
margin-bottom: 8rpx;
line-height: 1.4;
}
.video-stats {
font-size: 24rpx;
color: #999;
}
</style>

View File

@@ -357,14 +357,10 @@
</view> </view>
</template> </template>
<script> <script>
import nsLoading from '@/components/ns-loading/ns-loading.vue'
import aiService from '@/common/js/ai-service.js' import aiService from '@/common/js/ai-service.js'
export default { export default {
name: 'ai-chat-message', name: 'ai-chat-message',
components: {
nsLoading
},
props: { props: {
// 初始消息列表 // 初始消息列表
initialMessages: { initialMessages: {

View File

@@ -71,11 +71,7 @@
</template> </template>
<script> <script>
import nsChatGoods from '@/pages_tool/components/ns-chat/ns-chat-goods.vue';
import nsChatOrder from '@/pages_tool/components/ns-chat/ns-chat-order.vue';
import nsChatReceiveGoods from '@/pages_tool/components/ns-chat/ns-chat-receiveGoods.vue';
import htmlParser from '@/common/js/html-parser'; import htmlParser from '@/common/js/html-parser';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import emjoy from '@/common/js/emjoy.js'; import emjoy from '@/common/js/emjoy.js';
export default { export default {
@@ -98,12 +94,6 @@
currImg: '' currImg: ''
}; };
}, },
components: {
nsChatGoods,
nsChatOrder,
uniPopup,
nsChatReceiveGoods
},
mounted() { mounted() {
this.avatar = this.$util.img(this.siteInfo.logo_square); this.avatar = this.$util.img(this.siteInfo.logo_square);
this.myHeadImg = this.$util.img(this.memberInfo.headimg); this.myHeadImg = this.$util.img(this.memberInfo.headimg);

View File

@@ -636,6 +636,8 @@
<script> <script>
import payment from './payment.js'; import payment from './payment.js';
export default { export default {
name: 'common-payment', name: 'common-payment',
data() { data() {

View File

@@ -270,7 +270,7 @@ export default {
}); });
setTimeout(() => { setTimeout(() => {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
}, 1000) }, 1000)
} }
} }

View File

@@ -420,12 +420,7 @@
<script> <script>
// 商品详情视图 // 商品详情视图
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import nsGoodsRecommend from '@/components/ns-goods-recommend/ns-goods-recommend.vue';
import pengpaiFadeinOut from '@/components/pengpai-fadein-out/pengpai-fadein-out.vue';
import xiaoStarComponent from '@/components/xiao-star-component/xiao-star-component.vue';
import scroll from '@/common/js/scroll-view.js'; import scroll from '@/common/js/scroll-view.js';
import toTop from '@/components/toTop/toTop.vue';
import detail from './detail.js'; import detail from './detail.js';
export default { export default {
@@ -438,13 +433,6 @@
} }
} }
}, },
components: {
uniPopup,
nsGoodsRecommend,
pengpaiFadeinOut,
toTop,
xiaoStarComponent
},
mixins: [scroll, detail] mixins: [scroll, detail]
}; };
</script> </script>

View File

@@ -67,7 +67,7 @@ export default {
this.kefuimg = this.$util.getDefaultImage().kefu this.kefuimg = this.$util.getDefaultImage().kefu
this.phoneimg = this.$util.getDefaultImage().phone this.phoneimg = this.$util.getDefaultImage().phone
this.pageCount = getCurrentPages().length; this.pageCount = getCurrentPages().length;
// 从店铺信息中获取相关信息 // 从店铺信息中获取相关信息
uni.getStorage({ uni.getStorage({
key: 'shopInfo', key: 'shopInfo',
@@ -80,8 +80,7 @@ export default {
// 从店铺信息中获取是否启用语言切换 // 从店铺信息中获取是否启用语言切换
this.isLanguageSwitchEnabled = e.data.ischina; this.isLanguageSwitchEnabled = e.data.ischina;
} }
}) })
}, },
computed: { computed: {
currentLangDisplayName() { currentLangDisplayName() {
@@ -182,8 +181,6 @@ export default {
bottom: 320rpx; bottom: 320rpx;
// #endif // #endif
z-index: 10; z-index: 10;
// background: #fff;
// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
border-radius: 120rpx; border-radius: 120rpx;
padding: 20rpx 0; padding: 20rpx 0;
display: flex; display: flex;
@@ -202,8 +199,8 @@ export default {
line-height: 1; line-height: 1;
margin: 14rpx 0; margin: 14rpx 0;
transition: 0.1s; transition: 0.1s;
background: #c6251b; background: var(--hover-nav-bg-color);
color: #fff; color: var(--hover-nav-text-color);
border-radius: 40rpx; border-radius: 40rpx;
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;

View File

@@ -62,8 +62,6 @@
// 引入回到顶部组件 // 引入回到顶部组件
import MescrollTop from './components/mescroll-top.vue'; import MescrollTop from './components/mescroll-top.vue';
import nsLoading from '@/components/ns-loading/ns-loading.vue';
export default { export default {
name: 'mescroll-uni', name: 'mescroll-uni',
components: { components: {

View File

@@ -1,120 +1,120 @@
<template> <template>
<view v-if="advList.length" :class="['container-box',className]"> <view v-if="advList.length" :class="['container-box',className]">
<swiper :indicator-dots="advList.length > 1" indicator-active-color="#ffffff" :autoplay="true" :interval="3000" :duration="1000" v-if="advList.length > 1" @change="changeSwiper" :current="currentIndex" :style="{ height: swiperHeight + 'px' }" class="item-wrap"> <swiper :indicator-dots="advList.length > 1" indicator-active-color="#ffffff" :autoplay="true" :interval="3000" :duration="1000" v-if="advList.length > 1" @change="changeSwiper" :current="currentIndex" :style="{ height: swiperHeight + 'px' }" class="item-wrap">
<swiper-item v-for="(item, index) in advList" :key="index" @click="jumppage(item.adv_url)"> <swiper-item v-for="(item, index) in advList" :key="index" @click="jumppage(item.adv_url)">
<view class="image-box"> <view class="image-box">
<image :src="$util.img(item.adv_image)" mode="widthFix" :id="'content-wrap' + index"/> <image :src="$util.img(item.adv_image)" mode="widthFix" :id="'content-wrap' + index"/>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view v-else class="container-box item-wrap"> <view v-else class="container-box item-wrap">
<image :src="$util.img(advList[0]['adv_image'])" mode="widthFix" lazy-load="true" @load="imageLoad" @click="jumppage(advList[0].adv_url)"/> <image :src="$util.img(advList[0]['adv_image'])" mode="widthFix" lazy-load="true" @load="imageLoad" @click="jumppage(advList[0].adv_url)"/>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
name: 'ns-advert', name: 'ns-advert',
props: { props: {
keyword: { keyword: {
type: String type: String
}, },
className: { className: {
type: String type: String
} }
}, },
data() { data() {
return { return {
advList: [], advList: [],
isImage: false, isImage: false,
//滑块的高度(单位px) //滑块的高度(单位px)
swiperHeight: 150, swiperHeight: 150,
//当前索引 //当前索引
currentIndex: 0, currentIndex: 0,
}; };
}, },
created() { created() {
this.getAdvList(); this.getAdvList();
}, },
methods: { methods: {
//获取广告位 //获取广告位
getAdvList() { getAdvList() {
var item = { var item = {
adv_image: '', adv_image: '',
adv_url: '' adv_url: ''
}; };
this.$api.sendRequest({ this.$api.sendRequest({
url: '/api/adv/detail', url: '/api/adv/detail',
data: { data: {
keyword: this.keyword keyword: this.keyword
}, },
success: res => { success: res => {
if (res.code == 0) { if (res.code == 0) {
var data = res.data.adv_list; var data = res.data.adv_list;
for (var index in data) { for (var index in data) {
if (data[index].adv_url) data[index].adv_url = JSON.parse(data[index].adv_url); if (data[index].adv_url) data[index].adv_url = JSON.parse(data[index].adv_url);
} }
this.advList = res.data.adv_list; this.advList = res.data.adv_list;
//动态设置swiper的高度 //动态设置swiper的高度
this.$nextTick(() => { this.$nextTick(() => {
this.setSwiperHeight(); this.setSwiperHeight();
}); });
} }
} }
}); });
}, },
jumppage(e) { jumppage(e) {
this.$util.diyRedirectTo(e); this.$util.diyRedirectTo(e);
}, },
imageLoad(data) { imageLoad(data) {
this.isImage = true; this.isImage = true;
}, },
//手动切换题目 //手动切换题目
changeSwiper(e) { changeSwiper(e) {
this.currentIndex = e.detail.current; this.currentIndex = e.detail.current;
//动态设置swiper的高度使用nextTick延时设置 //动态设置swiper的高度使用nextTick延时设置
this.$nextTick(() => { this.$nextTick(() => {
this.setSwiperHeight(); this.setSwiperHeight();
}); });
}, },
//动态设置swiper的高度 //动态设置swiper的高度
setSwiperHeight() { setSwiperHeight() {
if (this.advList.length > 1) { if (this.advList.length > 1) {
setTimeout(() => { setTimeout(() => {
let element = "#content-wrap" + this.currentIndex; let element = "#content-wrap" + this.currentIndex;
let query = uni.createSelectorQuery().in(this); let query = uni.createSelectorQuery().in(this);
query.select(element).boundingClientRect(); query.select(element).boundingClientRect();
query.exec((res) => { query.exec((res) => {
if (res && res[0]) { if (res && res[0]) {
this.swiperHeight = res[0].height; this.swiperHeight = res[0].height;
} }
}); });
}, 10); }, 10);
} }
}, },
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.container-box { .container-box {
width: 100%; width: 100%;
.item-wrap { .item-wrap {
border-radius: 10rpx; border-radius: 10rpx;
.image-box { .image-box {
border-radius: 10rpx; border-radius: 10rpx;
} }
image { image {
width: 100%; width: 100%;
height: auto; height: auto;
border-radius: 10rpx; border-radius: 10rpx;
will-change: transform; will-change: transform;
} }
} }
} }
</style> </style>

View File

@@ -80,14 +80,10 @@
</template> </template>
<script> <script>
import uniPopup from '../uni-popup/uni-popup.vue';
// 注册奖励弹出层 // 注册奖励弹出层
export default { export default {
name: 'ns-birthday-gift', name: 'ns-birthday-gift',
components: {
uniPopup
},
data() { data() {
return { return {
birthday: { birthday: {

View File

@@ -45,7 +45,7 @@ export default {
if (this.emptyBtn.url) { if (this.emptyBtn.url) {
this.$util.redirectTo(this.emptyBtn.url, {}, 'redirectTo'); this.$util.redirectTo(this.emptyBtn.url, {}, 'redirectTo');
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
}, },
re(text) { re(text) {

View File

@@ -200,12 +200,8 @@
</template> </template>
<script> <script>
import pickRegions from '@/components/pick-regions/pick-regions.vue';
export default { export default {
name: 'ns-form', name: 'ns-form',
components: {
pickRegions
},
props: { props: {
data: { data: {
type: Array, type: Array,

View File

@@ -1,96 +1,96 @@
<template> <template>
<view class="action-buttom-wrap disabled" v-if="disabled" @click="clickEvent">{{ disabledText }}</view> <view class="action-buttom-wrap disabled" v-if="disabled" @click="clickEvent">{{ disabledText }}</view>
<view class="action-buttom-wrap" <view class="action-buttom-wrap"
:class="[backgroundClass, textPrice ? 'has-second' : '', background ? 'color-join-cart' : 'color-base-bg']" :class="[backgroundClass, textPrice ? 'has-second' : '', background ? 'color-join-cart' : 'color-base-bg']"
:style="{background:backgroundColor+'!important', 'color':textColor ? textColor : '#ffffff'}" v-else :style="{background:backgroundColor+'!important', 'color':textColor ? textColor : '#ffffff'}" v-else
@click="clickEvent"> @click="clickEvent">
<text class="price-font">{{ textPrice }}</text> <text class="price-font">{{ textPrice }}</text>
<text>{{ text }}</text> <text>{{ text }}</text>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
name: 'ns-goods-action-button', name: 'ns-goods-action-button',
props: { props: {
// 商品底部按钮文字 // 商品底部按钮文字
text: { text: {
type: String, type: String,
default: '' default: ''
}, },
// 商品底部按钮价格文字 // 商品底部按钮价格文字
textPrice: { textPrice: {
type: String, type: String,
default: '' default: ''
}, },
// 背景色 // 背景色
background: { background: {
type: String, type: String,
default: '' default: ''
}, },
// 背景色样式 // 背景色样式
backgroundClass: { backgroundClass: {
type: String, type: String,
default: '' default: ''
}, },
// //
backgroundColor: { backgroundColor: {
type: String, type: String,
default: '' default: ''
}, },
// 是否禁用 // 是否禁用
disabled: { disabled: {
type: Boolean, type: Boolean,
default: false default: false
}, },
// 禁用文字提示 // 禁用文字提示
disabledText: { disabledText: {
type: String, type: String,
default: '' default: ''
}, },
// 文字颜色 // 文字颜色
textColor: { textColor: {
type: String, type: String,
default: '' default: ''
}, },
}, },
computed: {}, computed: {},
methods: { methods: {
clickEvent() { clickEvent() {
this.$emit('click'); this.$emit('click');
} }
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.action-buttom-wrap { .action-buttom-wrap {
flex: 1; flex: 1;
height: 70rpx; height: 70rpx;
font-weight: 600; font-weight: 600;
font-size: 30rpx; font-size: 30rpx;
line-height: 70rpx; line-height: 70rpx;
border: none; border: none;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.action-buttom-wrap.has-second { .action-buttom-wrap.has-second {
line-height: 50rpx; line-height: 50rpx;
} }
.action-buttom-wrap.has-second text { .action-buttom-wrap.has-second text {
display: block; display: block;
line-height: 1.2; line-height: 1.2;
} }
.action-buttom-wrap:active { .action-buttom-wrap:active {
opacity: 0.8; opacity: 0.8;
} }
.action-buttom-wrap.disabled { .action-buttom-wrap.disabled {
background: $color-disabled; background: $color-disabled;
} }
</style> </style>

View File

@@ -20,7 +20,6 @@
</template> </template>
<script> <script>
import nsContact from '@/components/ns-contact/ns-contact.vue';
export default { export default {
name: 'ns-goods-action-icon', name: 'ns-goods-action-icon',
props: { props: {
@@ -72,9 +71,6 @@ export default {
} }
} }
}, },
components:{
nsContact
},
methods: { methods: {
clickEvent() { clickEvent() {
this.$emit('click'); this.$emit('click');

View File

@@ -3,16 +3,9 @@
</template> </template>
<script> <script>
import nsLoading from '@/components/ns-loading/ns-loading.vue';
import nsGoodsSkuIndex from '@/components/ns-goods-sku/ns-goods-sku-index.vue';
// 商品推荐 // 商品推荐
export default { export default {
name: 'ns-goods-recommend', name: 'ns-goods-recommend',
components: {
nsLoading,
nsGoodsSkuIndex
},
data() { data() {
return { return {
list: [], list: [],

File diff suppressed because it is too large Load Diff

View File

@@ -2,235 +2,233 @@
<view class="goods-sku"> <view class="goods-sku">
<ns-login ref="login"></ns-login> <ns-login ref="login"></ns-login>
<!-- sku选择 --> <!-- sku选择 -->
<ns-goods-sku v-if="goodsDetail.goods_id" ref="goodsSku" :goods-id="goodsDetail.goods_id" :goods-detail="goodsDetail" :max-buy="goodsDetail.max_buy" :min-buy="goodsDetail.min_buy" @refresh="refreshGoodsSkuDetail"></ns-goods-sku> <ns-goods-sku v-if="goodsDetail.goods_id" ref="goodsSku" :goods-id="goodsDetail.goods_id"
:goods-detail="goodsDetail" :max-buy="goodsDetail.max_buy" :min-buy="goodsDetail.min_buy"
@refresh="refreshGoodsSkuDetail"></ns-goods-sku>
</view> </view>
</template> </template>
<script> <script>
import nsGoodsSku from '@/components/ns-goods-sku/ns-goods-sku.vue'; // 商品SKU
// 商品SKU export default {
export default { name: 'ns-goods-sku-index',
name: 'ns-goods-sku-index', data() {
components: { return {
nsGoodsSku timeout: {},
isRepeat: false,
goodsDetail: {}
};
},
created() { },
methods: {
/**
* 添加购物车
* @param {Object} config 购物车事件detail-详情cart-加入购物车)
* @param {Object} data 商品项
*/
addCart(config, data, event) {
if (!this.storeToken) {
this.$refs.login.open(this.$util.INDEX_PAGE_URL);
return;
}
if (config == "detail" || data.is_virtual) {
this.$util.redirectTo('/pages_goods/detail', {
goods_id: data.goods_id
});
return false;
}
// 多规格
if (data.goods_spec_format) {
this.multiSpecificationGoods(data);
} else {
this.singleSpecificationGoods(data, event);
}
}, },
data() { /**
return { * 单规格
timeout: {}, * @param {Object} data 商品项
isRepeat: false, */
goodsDetail: {} singleSpecificationGoods(data, event) {
}; let cart =
}, this.cartList['goods_' + data.goods_id] && this.cartList['goods_' + data.goods_id]['sku_' + data
created() {}, .sku_id
methods: { ] ?
/**
* 添加购物车
* @param {Object} config 购物车事件detail-详情cart-加入购物车)
* @param {Object} data 商品项
*/
addCart(config, data, event) {
if (!this.storeToken) {
this.$refs.login.open('/pages/index/index')
return;
}
if (config == "detail" || data.is_virtual) {
this.$util.redirectTo('/pages_goods/detail', {
goods_id: data.goods_id
});
return false;
}
// 多规格
if (data.goods_spec_format) {
this.multiSpecificationGoods(data);
} else {
this.singleSpecificationGoods(data, event);
}
},
/**
* 单规格
* @param {Object} data 商品项
*/
singleSpecificationGoods(data, event) {
let cart =
this.cartList['goods_' + data.goods_id] && this.cartList['goods_' + data.goods_id]['sku_' + data
.sku_id
] ?
this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id] : this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id] :
null; null;
let cartNum = cart ? cart.num : 0;
let api = cart && cart.cart_id ? '/api/cart/edit' : '/api/cart/add';
let minBuy = data.min_buy > 0 ? data.min_buy : 1;
let num = cartNum >= minBuy ? cartNum : minBuy;
let _num = num;
if(cart && cart.cart_id){
_num = _num + (data.min_buy > 0 ? data.min_buy : 1)
}
let cart_id = cart ? cart.cart_id : 0;
if (_num > parseInt(data.stock)) {
this.$util.showToast({
title: '商品库存不足'
});
return;
}
if (data.is_limit && data.max_buy && _num > parseInt(data.max_buy)) {
this.$util.showToast({
title: `该商品每人限购${data.max_buy}${data.unit || '件'}`
});
return;
}
if (cart) { let cartNum = cart ? cart.num : 0;
this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id].num = _num; let api = cart && cart.cart_id ? '/api/cart/edit' : '/api/cart/add';
} else { let minBuy = data.min_buy > 0 ? data.min_buy : 1;
let num = cartNum >= minBuy ? cartNum : minBuy;
// 如果商品第一次添加,则初始化数据 let _num = num;
if (!this.cartList['goods_' + data.goods_id]) { if (cart && cart.cart_id) {
this.cartList['goods_' + data.goods_id] = {}; _num = _num + (data.min_buy > 0 ? data.min_buy : 1)
} }
let cart_id = cart ? cart.cart_id : 0;
let discount_price = data.discount_price; if (_num > parseInt(data.stock)) {
if (data.member_price > 0 && Number(data.member_price) <= Number(data.discount_price)) { this.$util.showToast({
discount_price = data.member_price; title: '商品库存不足'
}
this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id] = {
cart_id,
goods_id: data.goods_id,
sku_id: data.sku_id,
num: _num,
discount_price
};
}
if (this.isRepeat) return;
this.isRepeat = true;
this.$emit('addCart', event.currentTarget.id);
this.$api.sendRequest({
url: api,
data: {
cart_id,
sku_id: data.sku_id,
num: _num
},
success: res => {
this.isRepeat = false;
if (res.code == 0) {
if (cart_id == 0) {
this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id].cart_id =
res.data;
}
this.$util.showToast({
title: "商品添加购物车成功"
});
this.$store.commit('setCartChange');
this.$store.dispatch('cartCalculate');
this.$emit("cartListChange", this.cartList);
} else {
this.$util.showToast({
title: res.message
});
}
}
}); });
}, return;
/** }
* 多规格 if (data.is_limit && data.max_buy && _num > parseInt(data.max_buy)) {
* @param {Object} data 商品项 this.$util.showToast({
*/ title: `该商品每人限购${data.max_buy}${data.unit || '件'}`
multiSpecificationGoods(data) { });
this.$api.sendRequest({ return;
url: '/api/goodssku/getInfoForCategory', }
data: {
sku_id: data.sku_id
},
success: res => {
if (res.code >= 0) {
let item = res.data;
item.unit = item.unit || '件';
if (item.sku_images) item.sku_images = item.sku_images.split(','); if (cart) {
else item.sku_images = []; this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id].num = _num;
} else {
// 多规格时合并主图 // 如果商品第一次添加,则初始化数据
if (item.goods_spec_format && item.goods_image) { if (!this.cartList['goods_' + data.goods_id]) {
item.goods_image = item.goods_image.split(','); this.cartList['goods_' + data.goods_id] = {};
item.sku_images = item.goods_image.concat(item.sku_images); }
}
// 当前商品SKU规格 let discount_price = data.discount_price;
if (item.sku_spec_format) item.sku_spec_format = JSON.parse(item.sku_spec_format); if (data.member_price > 0 && Number(data.member_price) <= Number(data.discount_price)) {
discount_price = data.member_price;
}
// 商品SKU格式 this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id] = {
if (item.goods_spec_format) item.goods_spec_format = JSON.parse(item.goods_spec_format); cart_id,
goods_id: data.goods_id,
sku_id: data.sku_id,
num: _num,
discount_price
};
}
// 限时折扣 if (this.isRepeat) return;
if (item.promotion_type == 1) { this.isRepeat = true;
item.discountTimeMachine = this.$util.countDown(item.end_time - res.timestamp);
}
if (item.promotion_type == 1 && item.discountTimeMachine) { this.$emit('addCart', event.currentTarget.id);
if (item.member_price > 0 && Number(item.member_price) <= Number(item.discount_price)) {
item.show_price = item.member_price; this.$api.sendRequest({
} else { url: api,
item.show_price = item.discount_price; data: {
} cart_id,
} else if (item.member_price > 0) { sku_id: data.sku_id,
num: _num
},
success: res => {
this.isRepeat = false;
if (res.code == 0) {
if (cart_id == 0) {
this.cartList['goods_' + data.goods_id]['sku_' + data.sku_id].cart_id =
res.data;
}
this.$util.showToast({
title: "商品添加购物车成功"
});
this.$store.commit('setCartChange');
this.$store.dispatch('cartCalculate');
this.$emit("cartListChange", this.cartList);
} else {
this.$util.showToast({
title: res.message
});
}
}
});
},
/**
* 多规格
* @param {Object} data 商品项
*/
multiSpecificationGoods(data) {
this.$api.sendRequest({
url: '/api/goodssku/getInfoForCategory',
data: {
sku_id: data.sku_id
},
success: res => {
if (res.code >= 0) {
let item = res.data;
item.unit = item.unit || '件';
if (item.sku_images) item.sku_images = item.sku_images.split(',');
else item.sku_images = [];
// 多规格时合并主图
if (item.goods_spec_format && item.goods_image) {
item.goods_image = item.goods_image.split(',');
item.sku_images = item.goods_image.concat(item.sku_images);
}
// 当前商品SKU规格
if (item.sku_spec_format) item.sku_spec_format = JSON.parse(item.sku_spec_format);
// 商品SKU格式
if (item.goods_spec_format) item.goods_spec_format = JSON.parse(item.goods_spec_format);
// 限时折扣
if (item.promotion_type == 1) {
item.discountTimeMachine = this.$util.countDown(item.end_time - res.timestamp);
}
if (item.promotion_type == 1 && item.discountTimeMachine) {
if (item.member_price > 0 && Number(item.member_price) <= Number(item.discount_price)) {
item.show_price = item.member_price; item.show_price = item.member_price;
} else { } else {
item.show_price = item.price; item.show_price = item.discount_price;
} }
this.goodsDetail = item; } else if (item.member_price > 0) {
item.show_price = item.member_price;
this.$nextTick(() => { } else {
if (this.$refs.goodsSku) { item.show_price = item.price;
this.$refs.goodsSku.show("join_cart", (res) => {
let goods = this.cartList['goods_' + res.goods_id];
let cart = null;
if (goods && goods['sku_' + res.sku_id]) {
cart = goods['sku_' + res.sku_id];
}
if (cart) {
this.cartList['goods_' + res.goods_id]['sku_' + res.sku_id].num = res.num;
} else {
// 如果商品第一次添加,则初始化数据
if (!this.cartList['goods_' + res.goods_id]) {
this.cartList['goods_' + res.goods_id] = {};
}
this.cartList['goods_' + res.goods_id]['sku_' + res.sku_id] = {
cart_id: res.cart_id,
goods_id: res.goods_id,
sku_id: res.sku_id,
num: res.num,
discount_price: res.discount_price
};
}
this.$store.dispatch('cartCalculate');
this.$emit("cartListChange", this.cartList);
// 加入购物车动效
setTimeout(() => {
this.$store.commit('setCartChange');
}, 100);
});
}
});
} }
this.goodsDetail = item;
this.$nextTick(() => {
if (this.$refs.goodsSku) {
this.$refs.goodsSku.show("join_cart", (res) => {
let goods = this.cartList['goods_' + res.goods_id];
let cart = null;
if (goods && goods['sku_' + res.sku_id]) {
cart = goods['sku_' + res.sku_id];
}
if (cart) {
this.cartList['goods_' + res.goods_id]['sku_' + res.sku_id].num = res.num;
} else {
// 如果商品第一次添加,则初始化数据
if (!this.cartList['goods_' + res.goods_id]) {
this.cartList['goods_' + res.goods_id] = {};
}
this.cartList['goods_' + res.goods_id]['sku_' + res.sku_id] = {
cart_id: res.cart_id,
goods_id: res.goods_id,
sku_id: res.sku_id,
num: res.num,
discount_price: res.discount_price
};
}
this.$store.dispatch('cartCalculate');
this.$emit("cartListChange", this.cartList);
// 加入购物车动效
setTimeout(() => {
this.$store.commit('setCartChange');
}, 100);
});
}
});
} }
}); }
}, });
refreshGoodsSkuDetail(data) { },
this.goodsDetail = Object.assign({}, this.goodsDetail, data); refreshGoodsSkuDetail(data) {
} this.goodsDetail = Object.assign({}, this.goodsDetail, data);
} }
}; }
};
</script> </script>

View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="goods-sku" @touchmove.prevent.stop> <view class="goods-sku" @touchmove.prevent.stop>
<uni-popup ref="skuPopup" type="bottom" class="sku-layer" @change="popclose"> <uni-popup-sku ref="skuPopup" type="bottom" class="sku-layer" @change="popclose">
<view class="sku-info" :style="{ height: skuHeight }"> <view class="sku-info" :style="{ height: skuHeight }">
<view class="header"> <view class="header">
<block v-if="type == 'point' && goodsDetail.type && goodsDetail.type != 1"> <block v-if="type == 'point' && goodsDetail.type && goodsDetail.type != 1">
@@ -208,19 +208,15 @@
<button type="primary" v-else disabled="true">该商品已下架</button> <button type="primary" v-else disabled="true">该商品已下架</button>
</view> </view>
</view> </view>
</uni-popup> </uni-popup-sku>
<ns-login ref="login"></ns-login> <ns-login ref="login"></ns-login>
</view> </view>
</template> </template>
<script> <script>
import uniPopup from '@/components/uni-popup/uni-popup-sku.vue';
// 商品SKU // 商品SKU
export default { export default {
name: 'ns-goods-sku', name: 'ns-goods-sku',
components: {
uniPopup
},
props: { props: {
goodsId: { goodsId: {
type: [Number, String], type: [Number, String],
@@ -270,7 +266,7 @@
}, },
created() { created() {
this.isIphoneX = this.$util.uniappIsIPhoneX(); this.isIphoneX = this.$util.uniappIsIPhoneX();
this.systemInfo = uni.getSystemInfoSync(); this.systemInfo = this.$util.getDeviceInfo();
this.isLoad = true; this.isLoad = true;
if (this.goodsId && this.goodsDetail.goods_spec_format) { if (this.goodsId && this.goodsDetail.goods_spec_format) {
this.skuId = this.goodsDetail.sku_id; this.skuId = this.goodsDetail.sku_id;
@@ -417,7 +413,7 @@
this.isLoad = false; this.isLoad = false;
if (callback) callback(); if (callback) callback();
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -445,7 +441,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -471,7 +467,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -504,7 +500,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -531,7 +527,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -557,7 +553,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -583,7 +579,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -610,7 +606,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });
@@ -634,7 +630,7 @@
this.skuId = res.data[0].sku_id; this.skuId = res.data[0].sku_id;
this.goodsSkuInfo = obj; this.goodsSkuInfo = obj;
} else { } else {
this.$util.redirectTo('/pages/index/index'); this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
} }
} }
}); });

File diff suppressed because it is too large Load Diff

View File

@@ -75,12 +75,8 @@
</template> </template>
<script> <script>
import uniPopup from '../uni-popup/uni-popup.vue';
export default { export default {
components: {
uniPopup
},
data() { data() {
return { return {
newgift: { newgift: {

View File

@@ -278,13 +278,8 @@
</template> </template>
<script> <script>
import pickRegions from '@/components/pick-regions/pick-regions.vue'
export default { export default {
name: 'ns-form', name: 'ns-form',
components: {
pickRegions
},
props: { props: {
data: { data: {
type: Array, type: Array,

File diff suppressed because it is too large Load Diff

View File

@@ -30,12 +30,8 @@
</template> </template>
<script> <script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default { export default {
name: "nsSelectTime", name: "nsSelectTime",
components: {
uniPopup
},
data() { data() {
return { return {
//选中日期的键值 //选中日期的键值

View File

@@ -43,9 +43,6 @@
<!-- 新版支付组件 订单表为order表 的订单支付时使用该组件 --> <!-- 新版支付组件 订单表为order表 的订单支付时使用该组件 -->
<script> <script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import nsSwitch from '@/components/ns-switch/ns-switch.vue';
// #ifdef H5 // #ifdef H5
import { import {
Weixin Weixin
@@ -54,10 +51,6 @@
export default { export default {
name: 'payment', name: 'payment',
components: {
uniPopup,
nsSwitch
},
props: { props: {
// 是否可用余额支付 // 是否可用余额支付
balanceUsable: { balanceUsable: {

View File

@@ -1,4 +1,5 @@
<template> <template>
<!-- #ifdef MP -->
<view v-if="showPop"> <view v-if="showPop">
<view class="privacy-mask"> <view class="privacy-mask">
<view class="privacy-wrap"> <view class="privacy-wrap">
@@ -15,6 +16,10 @@
</view> </view>
</view> </view>
</view> </view>
<!-- #endif -->
<!-- #ifdef WEB || H5 -->
<view v-if="showPop"></view>
<!-- #endif -->
</template> </template>
<script> <script>

View File

@@ -78,14 +78,9 @@
</template> </template>
<script> <script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
// 注册奖励弹出层 // 注册奖励弹出层
export default { export default {
name: 'register-reward', name: 'register-reward',
components: {
uniPopup
},
data() { data() {
return { return {
reward: null, reward: null,
@@ -143,7 +138,7 @@
break; break;
default: default:
if (this.back) this.$util.redirectTo(decodeURIComponent(this.back), {}, 'redirectTo'); if (this.back) this.$util.redirectTo(decodeURIComponent(this.back), {}, 'redirectTo');
else this.$util.redirectTo('/pages/index/index'); else this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
break; break;
} }
} }

View File

@@ -1,10 +1,10 @@
@font-face {font-family: "iconfont"; @font-face {font-family: "iconfont";
src: url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482'); /* IE9 */ src: url('~@/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482'); /* IE9 */
src: url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('~@/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABnAAAAJwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp8gQgBNgIkAwgLBgAEIAWEbQcuG6wFyA4lTcHACOEZBUg8fL/2O3f3fTHEkoh28SSayCSxkkgQG6Uz3UvYITu9Qr5K0Vh6Ij6f+8CXKzVBHDvWa6d0lSfK57mc3gQ6kGt8oBz3ojUG9QLqxYEU6B4YRVYqecPYBS7hMYG6QWF0dlOycoGxxFoViFuxkALGuYAksXRVKNccTOJdSTV7zbSAt/D78Y8XxmRKOavq5CZZAOK+7u2svLVode0TggR0vIQc84BEXNQmjugJxumpJ/SNAvsqD77ui8K3i71aBPvrrNIm6IfSe5K58ltNZ3BbU40Blkf9OmKsIW/Un1qddc4dcSma3ArIX7PPXdlxK5l2zJ+aD6TXnQqmu330wqpeWkYN/OnNm/0trU+YvqNR4UN99f+x/tApIFTfR7u39X4gKPnb9pOX5RAQB6DYyc/zOKCD4OUp6KiiPeqnapbAp56NdegrdhLo5wKq+3UG/0fWcyDpCsuWJVVWO5oZO29bXR0FwJ4uV2ONvTeTCVW9I1wVAylyVeNkYudR0rCOsqoN1M1JPd7QDdMTqYZZXQChwwYybT6Q63BIJvYSJX1eUNYReqi7CrsLGyZDbJqIEUWQAPLroJhWKhjHQUyj8mwkrJJROKsI+XyENeIw5LI4xXQqUiA8xxZNtZBHCAMZrJTDFPAcksmUUIWVEkQTlogQVQSbzdS9iUUr5cDUDgyhEIgAxFcHEqMpKTD+eMK09PlsiFAVGQpu6atJ5kMwDfHsEBcLpweZqlX06ruXVzSqCfEQBANiYEpyUAqYh8jIKEGq+nkSCI1gEY2IqURg28OYvlrW+nr5152AOsuUhV2fSy+EwgAAAA==') format('woff2'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABnAAAAJwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp8gQgBNgIkAwgLBgAEIAWEbQcuG6wFyA4lTcHACOEZBUg8fL/2O3f3fTHEkoh28SSayCSxkkgQG6Uz3UvYITu9Qr5K0Vh6Ij6f+8CXKzVBHDvWa6d0lSfK57mc3gQ6kGt8oBz3ojUG9QLqxYEU6B4YRVYqecPYBS7hMYG6QWF0dlOycoGxxFoViFuxkALGuYAksXRVKNccTOJdSTV7zbSAt/D78Y8XxmRKOavq5CZZAOK+7u2svLVode0TggR0vIQc84BEXNQmjugJxumpJ/SNAvsqD77ui8K3i71aBPvrrNIm6IfSe5K58ltNZ3BbU40Blkf9OmKsIW/Un1qddc4dcSma3ArIX7PPXdlxK5l2zJ+aD6TXnQqmu330wqpeWkYN/OnNm/0trU+YvqNR4UN99f+x/tApIFTfR7u39X4gKPnb9pOX5RAQB6DYyc/zOKCD4OUp6KiiPeqnapbAp56NdegrdhLo5wKq+3UG/0fWcyDpCsuWJVVWO5oZO29bXR0FwJ4uV2ONvTeTCVW9I1wVAylyVeNkYudR0rCOsqoN1M1JPd7QDdMTqYZZXQChwwYybT6Q63BIJvYSJX1eUNYReqi7CrsLGyZDbJqIEUWQAPLroJhWKhjHQUyj8mwkrJJROKsI+XyENeIw5LI4xXQqUiA8xxZNtZBHCAMZrJTDFPAcksmUUIWVEkQTlogQVQSbzdS9iUUr5cDUDgyhEIgAxFcHEqMpKTD+eMK09PlsiFAVGQpu6atJ5kMwDfHsEBcLpweZqlX06ruXVzSqCfEQBANiYEpyUAqYh8jIKEGq+nkSCI1gEY2IqURg28OYvlrW+nr5152AOsuUhV2fSy+EwgAAAA==') format('woff2'),
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.woff?t=1574760464482') format('woff'), url('~@/components/sx-rate/sx-rate/iconfont.woff?t=1574760464482') format('woff'),
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.ttf?t=1574760464482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('~@/components/sx-rate/sx-rate/iconfont.ttf?t=1574760464482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.svg?t=1574760464482#iconfont') format('svg'); /* iOS 4.1- */ url('~@/components/sx-rate/sx-rate/iconfont.svg?t=1574760464482#iconfont') format('svg'); /* iOS 4.1- */
} }
.iconfont { .iconfont {

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -1,158 +1,158 @@
.content { .content {
text-align: center; text-align: center;
height: 100%; height: 100%;
.head { .head {
position: relative; position: relative;
font-weight: bold; font-weight: bold;
padding: 32rpx 0 24rpx; padding: 32rpx 0 24rpx;
font-size: $font-size-toolbar; font-size: $font-size-toolbar;
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 20rpx; right: 20rpx;
} }
} }
.container { .container {
view, view,
text, text,
image { image {
box-sizing: border-box; box-sizing: border-box;
} }
.date-list-wrap { .date-list-wrap {
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 2rpx solid #e6e6e6; border-bottom: 2rpx solid #e6e6e6;
scroll-view { scroll-view {
width: 80%; width: 80%;
white-space: nowrap; white-space: nowrap;
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
.flex-box { .flex-box {
display: inline-block; display: inline-block;
width: 25%; width: 25%;
&.active { &.active {
.date-box { .date-box {
border: none; border: none;
.days { .days {
font-weight: bold; font-weight: bold;
color: #818181; color: #818181;
} }
.date { .date {
font-weight: bold; font-weight: bold;
color: #818181; color: #818181;
} }
} }
} }
.date-box { .date-box {
color: #909399; color: #909399;
text { text {
font-size: $font-size-tag; font-size: $font-size-tag;
} }
} }
} }
} }
.appointed-day { .appointed-day {
flex: 1; flex: 1;
border-left: 2rpx solid #e6e6e6; border-left: 2rpx solid #e6e6e6;
.day-box, .day-box,
.iconfont { .iconfont {
font-size: $font-size-tag; font-size: $font-size-tag;
color: #909399; color: #909399;
} }
.iconfont { .iconfont {
margin-left: 4rpx; margin-left: 4rpx;
} }
} }
} }
.time-box { .time-box {
padding: 0 12rpx; padding: 0 12rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
overflow: scroll; overflow: scroll;
background-color: #fff; background-color: #fff;
height: auto; height: auto;
.item { .item {
width: 25%; width: 25%;
padding: 0 8rpx; padding: 0 8rpx;
margin-top: 30rpx; margin-top: 30rpx;
&-box { &-box {
width: 100%; width: 100%;
height: 140rpx; height: 140rpx;
padding: 0 40rpx; padding: 0 40rpx;
background: #fff; background: #fff;
color: #333; color: #333;
border: 2rpx solid #eeeeee; border: 2rpx solid #eeeeee;
font-size: $font-size-base; font-size: $font-size-base;
border-radius: 10rpx; border-radius: 10rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&.disable { &.disable {
background: #f1f3f6 !important; background: #f1f3f6 !important;
color: #999 !important; color: #999 !important;
} }
&.active { &.active {
background: $base-color; background: $base-color;
color:#fff; color:#fff;
// background: #0094D7; // background: #0094D7;
border: 2rpx solid $base-color; border: 2rpx solid $base-color;
font-weight: bold; font-weight: bold;
} }
.all { .all {
font-size: $font-size-tag; font-size: $font-size-tag;
padding-top: 10rpx; padding-top: 10rpx;
} }
// 自定义样式 // 自定义样式
&.diy{ &.diy{
height: 60rpx; height: 60rpx;
border-radius: 40rpx; border-radius: 40rpx;
.all{ .all{
display: none; display: none;
} }
} }
} }
} }
} }
} }
.bottom { .bottom {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: fixed; position: fixed;
align-items: center; align-items: center;
bottom: 0; bottom: 0;
top: auto; top: auto;
left: 0; left: 0;
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
box-shadow: 0 -2rpx 20rpx #bcbcbc; box-shadow: 0 -2rpx 20rpx #bcbcbc;
.show-time { .show-time {
width: 66%; width: 66%;
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
font-size: $font-size-base; font-size: $font-size-base;
text-align: left; text-align: left;
margin-left: 40rpx; margin-left: 40rpx;
} }
.submit-btn { .submit-btn {
width: 25%; width: 25%;
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
font-size: $font-size-base; font-size: $font-size-base;
} }
} }
} }
.yuyue-date-desc{ .yuyue-date-desc{
padding-top: 2rpx; padding-top: 2rpx;
padding-bottom: 4rpx; padding-bottom: 4rpx;
font-size: $font-size-tag; font-size: $font-size-tag;
color: $color-sub; color: $color-sub;
text-align: center; text-align: center;
} }

View File

@@ -0,0 +1,32 @@
# H5路由模式修复说明
## 问题描述
生产环境下,导航到子页面(如 `/hwappx/test/pages_tool/form/formdata?id=73&uniacid=2793`)后刷新页面,会导致页面空白,显示 `<html><head></head><body></body></html>`
## 根本原因
1. 应用使用了H5的`history`路由模式
2. 生产服务器没有配置路由回退机制
3. 刷新时浏览器直接向服务器请求完整URL路径服务器无法找到对应的资源返回空HTML
## 解决方案
将H5路由模式从`history`改为`hash`模式。Hash模式下所有路由请求都会指向应用根路径避免服务器配置问题。
## 修改内容
修改 `manifest.json` 文件中的H5路由配置
```json
"h5": {
"router": {
"mode": "hash", // 从 "history" 改为 "hash"
"base": "/hwappx/test/"
}
}
```
## 预期效果
- 子页面刷新后不再空白
- URL格式变为 `http://domain/hwappx/test/#/pages_tool/form/formdata?id=73&uniacid=2793`
- 无需修改服务器配置
## 构建部署
修改后需要重新构建H5版本并部署到生产环境。可以通过HBuilderX或其他uni-app构建工具进行构建。

View File

@@ -0,0 +1,756 @@
# H5 History模式子目录部署配置指南
## 场景说明
您的uni-app H5应用部署在现有网站的子目录 `/hwappx/test/` 下,需要使用`history`路由模式,并解决刷新页面空白的问题。
## 配置步骤
### 1. 应用配置(已完成)
确保`manifest.json`中的H5路由配置正确设置了`base`路径:
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwappx/test/"
}
}
```
### 2. 服务器配置
服务器需要配置路由回退,将所有指向`/hwappx/test/`下不存在文件的请求重定向到`/hwappx/test/index.html`
#### 2.1 Nginx配置
```nginx
server {
listen 80;
server_name yourdomain.com;
# 主网站根目录
root /path/to/main/website;
index index.html;
# 静态文件直接返回
location ~* \.(jpg|jpeg|png|gif|ico|css|js|ttf|woff|woff2)$ {
expires 7d;
add_header Cache-Control "public, no-transform";
}
# H5应用子目录的路由回退配置
location /hwappx/test/ {
# 确保静态文件能被正确访问
try_files $uri $uri/ /hwappx/test/index.html;
}
# 主网站的其他配置
location / {
# 主网站的原有配置
}
}
```
#### 2.2 Apache配置
##### .htaccess文件配置放在`/hwappx/test/`目录下)
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</IfModule>
```
##### 虚拟主机配置
```apache
<VirtualHost *:80>
ServerName yourdomain.com
DocumentRoot /path/to/main/website
# H5应用子目录配置
<Directory /path/to/main/website/hwappx/test>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</Directory>
# 主网站目录配置
<Directory /path/to/main/website>
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
```
#### 2.3 IIS配置
`/hwappx/test/`目录下创建`web.config`文件:
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="History Mode Sub Directory">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/test/index.html" />
</rule>
</rules>
</rewrite>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>
</system.webServer>
</configuration>
```
#### 2.4 Express.js配置
```javascript
const express = require('express');
const path = require('path');
const app = express();
// 主网站静态文件
app.use(express.static(path.join(__dirname, 'main-website')));
// H5应用静态文件和路由回退
app.use('/hwappx/test', express.static(path.join(__dirname, 'h5-app')));
app.get('/hwappx/test/*', (req, res) => {
res.sendFile(path.join(__dirname, 'h5-app', 'index.html'));
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
## 配置关键点
1. **base路径一致性**
- `manifest.json`中的`base`配置必须与部署路径一致:`/hwappx/test/`
- 服务器配置中的重定向路径必须包含完整的base路径
2. **静态资源处理**
- 确保CSS、JS、图片等静态资源能够被正确访问
- 静态资源的URL应该自动包含base路径
3. **路由回退规则**
- 规则必须限定在`/hwappx/test/`路径下
- 只重定向不存在的文件和目录请求
## 验证方法
1. 构建H5应用并部署到服务器的`/hwappx/test/`目录
2. 访问应用首页:`http://yourdomain.com/hwappx/test/`
3. 导航到子页面:`http://yourdomain.com/hwappx/test/pages_tool/form/formdata?id=73&uniacid=2793`
4. 刷新页面,验证页面是否正常显示
## 常见问题排查
1. **404错误**
- 检查服务器配置中的重定向路径是否正确
- 确保`base`路径配置一致
2. **页面样式缺失**
- 检查静态资源URL是否包含了正确的base路径
- 确认CSS文件路径是否正确
3. **路由无法跳转**
- 检查`manifest.json`中的路由配置
- 确认服务器重定向规则是否生效
## 部署注意事项
1. 配置完成后需要重启服务器
2. 对于HTTPS站点需要在对应的HTTPS配置中添加相同的规则
3. 如果使用CDN需要确保CDN也配置了相应的路由回退规则
4. 定期检查服务器日志,确保配置正常工作
## 总结
通过正确配置应用的`base`路径和服务器的路由回退规则您的uni-app H5应用可以在子目录`/hwappx/test/`下成功使用`history`路由模式,并且解决刷新页面空白的问题。
---
## 多子目录部署支持
### 场景说明
如果您需要在同一服务器上部署多个使用`history`模式的uni-app H5应用例如
- `/hwapp/`
- `/hwappx/test/`
- `/hwappx/comoon/`
- `/hwappx/1000/`
您可以按照以下配置方法实现多子目录部署。
### 1. 每个应用的manifest.json配置
每个应用都需要在`manifest.json`中配置正确的`base`路径:
#### 应用1部署到 `/hwapp/`
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwapp/"
}
}
```
#### 应用2部署到 `/hwappx/test/`
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwappx/test/"
}
}
```
#### 应用3部署到 `/hwappx/comoon/`
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwappx/comoon/"
}
}
```
#### 应用4部署到 `/hwappx/1000/`
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwappx/1000/"
}
}
```
### 2. 服务器多子目录配置
#### 2.1 Nginx配置
```nginx
server {
listen 80;
server_name yourdomain.com;
root /path/to/main/website;
index index.html;
# 静态文件缓存设置
location ~* \.(jpg|jpeg|png|gif|ico|css|js|ttf|woff|woff2)$ {
expires 7d;
add_header Cache-Control "public, no-transform";
}
# 应用1: /hwapp/
location /hwapp/ {
try_files $uri $uri/ /hwapp/index.html;
}
# 应用2: /hwappx/test/
location /hwappx/test/ {
try_files $uri $uri/ /hwappx/test/index.html;
}
# 应用3: /hwappx/comoon/
location /hwappx/comoon/ {
try_files $uri $uri/ /hwappx/comoon/index.html;
}
# 应用4: /hwappx/1000/
location /hwappx/1000/ {
try_files $uri $uri/ /hwappx/1000/index.html;
}
# 主网站其他配置
location / {
# 原有主网站配置
}
}
```
#### 2.2 Apache配置
##### 方法1在每个子目录下创建.htaccess文件
`/hwapp/`目录下创建.htaccess
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwapp/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwapp/index.html [L]
</IfModule>
```
`/hwappx/test/`目录下创建.htaccess
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</IfModule>
```
`/hwappx/comoon/`目录下创建.htaccess
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwappx/comoon/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/comoon/index.html [L]
</IfModule>
```
`/hwappx/1000/`目录下创建.htaccess
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwappx/1000/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/1000/index.html [L]
</IfModule>
```
##### 方法2在主配置文件中统一配置
```apache
<VirtualHost *:80>
ServerName yourdomain.com
DocumentRoot /path/to/main/website
# 应用1: /hwapp/
<Directory /path/to/main/website/hwapp>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwapp/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwapp/index.html [L]
</Directory>
# 应用2: /hwappx/test/
<Directory /path/to/main/website/hwappx/test>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</Directory>
# 应用3: /hwappx/comoon/
<Directory /path/to/main/website/hwappx/comoon>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwappx/comoon/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/comoon/index.html [L]
</Directory>
# 应用4: /hwappx/1000/
<Directory /path/to/main/website/hwappx/1000>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwappx/1000/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/1000/index.html [L]
</Directory>
# 主网站目录配置
<Directory /path/to/main/website>
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
```
#### 2.3 IIS配置
在每个子目录下创建`web.config`文件:
##### 应用1/hwapp/web.config
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="History Mode hwapp">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwapp/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
##### 应用2/hwappx/test/web.config
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="History Mode hwappx/test">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/test/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
##### 应用3/hwappx/comoon/web.config
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="History Mode hwappx/comoon">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/comoon/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
##### 应用4/hwappx/1000/web.config
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="History Mode hwappx/1000">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/1000/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
#### 2.4 Express.js配置
```javascript
const express = require('express');
const path = require('path');
const app = express();
// 主网站静态文件
app.use(express.static(path.join(__dirname, 'main-website')));
// 应用1: /hwapp/
app.use('/hwapp', express.static(path.join(__dirname, 'h5-app1')));
app.get('/hwapp/*', (req, res) => {
res.sendFile(path.join(__dirname, 'h5-app1', 'index.html'));
});
// 应用2: /hwappx/test/
app.use('/hwappx/test', express.static(path.join(__dirname, 'h5-app2')));
app.get('/hwappx/test/*', (req, res) => {
res.sendFile(path.join(__dirname, 'h5-app2', 'index.html'));
});
// 应用3: /hwappx/comoon/
app.use('/hwappx/comoon', express.static(path.join(__dirname, 'h5-app3')));
app.get('/hwappx/comoon/*', (req, res) => {
res.sendFile(path.join(__dirname, 'h5-app3', 'index.html'));
});
// 应用4: /hwappx/1000/
app.use('/hwappx/1000', express.static(path.join(__dirname, 'h5-app4')));
app.get('/hwappx/1000/*', (req, res) => {
res.sendFile(path.join(__dirname, 'h5-app4', 'index.html'));
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
### 3. 多子目录部署验证
对于每个应用,执行以下验证步骤:
1. 构建应用并部署到对应的子目录
2. 访问应用首页,例如:`http://yourdomain.com/hwappx/test/`
3. 导航到子页面,例如:`http://yourdomain.com/hwappx/test/pages_tool/form/formdata?id=73&uniacid=2793`
4. 刷新页面,验证页面是否正常显示
5. 直接访问子页面URL验证是否能正常加载
### 4. 多子目录部署注意事项
1. **路径隔离**:每个应用必须部署在独立的子目录下,避免文件和路由冲突
2. **base一致性**:每个应用的`manifest.json`中的`base`配置必须与部署路径完全一致
3. **服务器规则**:每个子目录都需要独立的路由回退规则
4. **静态资源**确保每个应用的静态资源URL包含了正确的base路径
5. **缓存设置**:可以为不同应用设置不同的缓存策略
6. **日志分离**:建议为不同应用配置独立的访问日志,便于问题排查
### 5. 常见问题排查
1. **应用间冲突**
- 确保每个应用使用独立的子目录
- 检查`base`路径配置是否唯一
2. **路由混乱**
- 验证服务器配置中的重定向路径是否正确
- 检查应用的路由配置是否与其他应用冲突
3. **静态资源404**
- 确认静态资源URL是否包含了正确的base路径
- 检查服务器配置是否正确处理了静态资源请求
4. **配置不生效**
- 配置完成后重启服务器
- 清除浏览器缓存后重试
通过以上配置,您可以在同一服务器上成功部署多个使用`history`模式的uni-app H5应用每个应用都能独立运行并支持刷新操作。
---
## 通配符配置方案
### 场景说明
如果您的子目录有明确的命名规则(如您的`/hwapp/``/hwappx/test/``/hwappx/comoon/``/hwappx/1000/`等),可以使用通配符配置来简化服务器设置,避免为每个子目录手动添加配置。
### 子目录规则分析
根据您的子目录结构,可以分为两类:
1. 一级子目录:`/hwapp/`
2. `/hwappx/`下的所有二级子目录:`/hwappx/*/`
### 服务器通配符配置
#### 1. Nginx配置
使用正则表达式location来匹配子目录模式
```nginx
server {
listen 80;
server_name yourdomain.com;
root /path/to/main/website;
index index.html;
# 静态文件缓存设置
location ~* \.(jpg|jpeg|png|gif|ico|css|js|ttf|woff|woff2)$ {
expires 7d;
add_header Cache-Control "public, no-transform";
}
# 匹配 /hwapp/ 一级子目录
location = /hwapp/ {
try_files $uri $uri/ /hwapp/index.html;
}
location ~ ^/hwapp/(.*)$ {
try_files $uri $uri/ /hwapp/index.html;
}
# 匹配 /hwappx/ 下的所有二级子目录,如 /hwappx/test/、/hwappx/comoon/、/hwappx/1000/ 等
location ~ ^/hwappx/([^/]+)/(.*)$ {
# 提取子目录名重定向到对应目录的index.html
try_files $uri $uri/ /hwappx/$1/index.html;
}
# 主网站其他配置
location / {
# 原有主网站配置
}
}
```
#### 2. Apache配置
##### 方法1使用RewriteRule的正则表达式
在主网站根目录的`.htaccess`文件中添加:
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
# 匹配 /hwapp/ 一级子目录
RewriteRule ^hwapp/(.*)$ /hwapp/index.html [L]
# 匹配 /hwappx/ 下的所有二级子目录
RewriteRule ^hwappx/([^/]+)/(.*)$ /hwappx/$1/index.html [L]
</IfModule>
```
##### 方法2在虚拟主机配置中使用
```apache
<VirtualHost *:80>
ServerName yourdomain.com
DocumentRoot /path/to/main/website
RewriteEngine On
# 匹配 /hwapp/ 一级子目录
RewriteRule ^/hwapp/(.*)$ /hwapp/index.html [L]
# 匹配 /hwappx/ 下的所有二级子目录
RewriteRule ^/hwappx/([^/]+)/(.*)$ /hwappx/$1/index.html [L]
# 主网站目录配置
<Directory /path/to/main/website>
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
```
#### 3. IIS配置
在主网站根目录的`web.config`文件中添加:
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<!-- 匹配 /hwapp/ 一级子目录 -->
<rule name="History Mode hwapp Wildcard" stopProcessing="true">
<match url="^hwapp/.*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwapp/index.html" />
</rule>
<!-- 匹配 /hwappx/ 下的所有二级子目录 -->
<rule name="History Mode hwappx Wildcard" stopProcessing="true">
<match url="^hwappx/([^/]+)/.*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/{R:1}/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
#### 4. Express.js配置
```javascript
const express = require('express');
const path = require('path');
const app = express();
// 主网站静态文件
app.use(express.static(path.join(__dirname, 'main-website')));
// 匹配 /hwapp/ 一级子目录
app.use('/hwapp', express.static(path.join(__dirname, 'hwapp')));
app.get('/hwapp/*', (req, res) => {
res.sendFile(path.join(__dirname, 'hwapp', 'index.html'));
});
// 匹配 /hwappx/ 下的所有二级子目录
// 使用路由参数来捕获子目录名
app.get('/hwappx/:subdir/*', (req, res) => {
const subdir = req.params.subdir;
const appPath = path.join(__dirname, `hwappx/${subdir}`);
// 检查应用目录是否存在
const fs = require('fs');
if (fs.existsSync(appPath)) {
res.sendFile(path.join(appPath, 'index.html'));
} else {
res.status(404).send('Application not found');
}
});
// 为 /hwappx/ 下的每个子目录提供静态文件服务
app.use('/hwappx', express.static(path.join(__dirname, 'hwappx')));
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
### 通配符配置优势
1. **减少配置量**:无需为每个新子目录手动添加配置
2. **自动适应**:新添加的符合规则的子目录会自动应用路由回退
3. **统一管理**:所有同类应用的配置集中管理,便于维护
4. **规则灵活**:可以根据实际需要调整正则表达式匹配规则
### 通配符配置注意事项
1. **规则顺序**:确保更具体的规则优先于通配符规则
2. **性能考虑**:过于复杂的正则表达式可能影响服务器性能
3. **目录验证**在Express.js等代码级配置中建议添加目录存在性检查
4. **冲突避免**:确保通配符规则不会与主网站或其他应用的路由冲突
5. **测试充分**:配置后要充分测试各种子目录的访问情况
### 验证方法
1. 部署一个符合规则的新子目录应用,如 `/hwappx/newapp/`
2. 访问应用首页:`http://yourdomain.com/hwappx/newapp/`
3. 导航到子页面并刷新,验证是否正常显示
4. 直接访问子页面URL验证是否能正常加载
通过以上通配符配置,您可以轻松管理大量符合规则的子目录应用,避免重复配置工作。

View File

@@ -0,0 +1,140 @@
# H5 History模式服务器路由回退配置指南
## 配置原理
当使用H5的`history`路由模式时所有直接访问的URL如刷新页面都会发送到服务器。服务器需要配置路由回退将所有匹配不到实际文件的请求重定向到应用的`index.html`让客户端路由处理URL。
## 服务器配置示例
### 1. Nginx配置
```nginx
server {
listen 80;
server_name yourdomain.com;
root /path/to/your/h5/dist;
index index.html;
# 静态文件直接返回
location ~* \.(jpg|jpeg|png|gif|ico|css|js|ttf|woff|woff2)$ {
expires 7d;
add_header Cache-Control "public, no-transform";
}
# 所有其他请求重定向到index.html
location / {
try_files $uri $uri/ /hwappx/test/index.html;
}
}
```
### 2. Apache配置
需要确保启用了`mod_rewrite`模块
#### .htaccess文件配置
```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</IfModule>
```
#### 虚拟主机配置
```apache
<VirtualHost *:80>
ServerName yourdomain.com
DocumentRoot /path/to/your/h5/dist
<Directory /path/to/your/h5/dist>
AllowOverride All
Require all granted
RewriteEngine On
RewriteBase /hwappx/test/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /hwappx/test/index.html [L]
</Directory>
</VirtualHost>
```
### 3. Express.js配置
```javascript
const express = require('express');
const path = require('path');
const app = express();
// 静态文件服务
app.use('/hwappx/test/', express.static(path.join(__dirname, 'dist')));
// 路由回退
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
### 4. IIS配置
需要安装URL重写模块URL Rewrite Module
#### web.config文件配置
```xml
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Handle History Mode and custom 404/500" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/hwappx/test/index.html" />
</rule>
</rules>
</rewrite>
<staticContent>
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>
</configuration>
```
## 配置要点
1. **base路径设置**:确保服务器配置中的路径与`manifest.json`中的`base`配置一致
```json
"h5": {
"router": {
"mode": "history",
"base": "/hwappx/test/"
}
}
```
2. **静态资源处理**确保图片、CSS、JS等静态文件能够被正确访问
3. **缓存策略**:为静态文件设置合理的缓存过期时间
## 验证配置
1. 部署配置后的应用到服务器
2. 访问应用首页
3. 导航到子页面(如`/hwappx/test/pages_tool/form/formdata?id=73&uniacid=2793`
4. 刷新页面,验证页面是否正常显示
## 注意事项
- 配置完成后需要重启服务器生效
- 确保服务器有权限读取配置文件
- 对于HTTPS站点需要在对应的HTTPS配置中添加相同的路由回退规则
- 如果使用CDN需要确保CDN也配置了相应的路由回退规则

View File

@@ -0,0 +1,452 @@
# 微信视频号集成指南
## 1. 概述
本文档提供了在UniApp项目中集成微信视频号的详细指导包括组件实现、配置修改和使用方法。
## 2. 准备工作
### 2.1 微信小程序配置
`manifest.json` 文件中,需要确保微信小程序配置正确:
```json
"mp-weixin": {
"appid": "你的小程序appid",
"setting": {
"urlCheck": false,
"postcss": false,
"es6": true,
"minified": true
},
"usingComponents": true,
"permission": {
"scope.userLocation": {
"desc": "为了更好地为您提供服务"
}
},
"requiredPrivateInfos": ["chooseLocation", "getLocation", "chooseAddress"],
"__usePrivacyCheck__": true,
"optimization": {
"subPackages": true
}
}
```
### 2.2 微信视频号API权限与关联
#### 2.2.1 权限说明
`wx.openChannelsActivity` API 是小程序的基础能力,不需要单独开通权限,但需要满足以下条件:
- **跳转打开视频号视频**:无主体限制,基础库版本 2.19.2 及以上
- **内嵌视频号视频**
- 从基础库版本 2.25.1 至 2.31.1,小程序需与视频号视频相同主体或关联主体
- 从基础库版本 2.31.1 开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频
#### 2.2.2 小程序与视频号关联(可选)
虽然跳转打开视频号视频无主体限制,但如果需要内嵌非同主体视频号视频(基础库 2.31.1 以下),则需要关联小程序与视频号:
1. **小程序管理员操作**
- 登录微信小程序后台
- 左侧菜单:设置 → 基本设置
- 向下滚动找到「关联设置」部分
- 点击「关联视频号」按钮
- 输入视频号名称或视频号ID
- 点击「搜索」找到对应的视频号
- 点击「发送关联邀请」
2. **视频号管理员操作**
- 视频号管理员需要在24小时内确认关联邀请
- 视频号管理员登录 [视频号助手](https://channels.weixin.qq.com/)
- 进入「设置」→「关联设置」→「小程序关联」
- 找到待确认的关联邀请
- 点击「同意」完成关联
3. **关联失败处理**
- 检查视频号是否已完成实名认证
- 检查小程序是否已发布上线
- 检查视频号名称或ID是否输入正确
- 如超过24小时未确认需要重新发送关联邀请
#### 2.2.3 关联条件
- **小程序要求**:必须已经发布上线,未被处罚或限制
- **视频号要求**:必须已经完成实名认证,状态正常
- **数量限制**同一个小程序最多可以关联50个视频号同一个视频号最多可以关联50个小程序
- **权限要求**:关联操作需要小程序管理员和视频号管理员共同确认
- **主体要求**:小程序和视频号的主体可以不同,但需要双方管理员确认
#### 2.2.4 功能验证
可以通过以下方式验证视频号功能是否可用:
1. **在微信开发者工具中验证**
- 在微信开发者工具中打开小程序
- 在控制台执行以下代码:
```javascript
console.log('是否支持视频号API:', typeof wx !== 'undefined' && typeof wx.openChannelsActivity === 'function');
```
- 如果返回 `true`则表示API可用
2. **在真机环境中验证**
- 使用微信扫码打开小程序
- 触发视频号相关功能
- 检查是否能正常打开视频号内容
3. **功能验证失败处理**
- 检查微信小程序基础库版本是否满足要求(跳转打开需要 2.19.2+,内嵌打开需要 2.25.1+
- 对于内嵌打开,检查主体是否满足要求或是否已关联
- 检查 `feedId` 等参数是否正确
## 3. 组件使用
### 3.1 单个视频号组件 (diy-wechat-channel.vue)
#### 基本用法
```vue
<diy-wechat-channel :value="channelData" />
```
#### 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| channelName | String | "" | 视频号名称 |
| avatarUrl | String | "" | 视频号头像URL |
| videoTitle | String | "" | 视频标题 |
| coverUrl | String | "" | 视频封面URL |
| feedId | String | "" | 视频号内容ID用于播放视频 |
| viewCount | Number | 0 | 视频观看次数 |
| showFollow | Boolean | false | 是否显示关注按钮 |
| componentAngle | String | "" | 组件圆角类型可选值round |
| topAroundRadius | Number | 0 | 顶部圆角半径 |
| bottomAroundRadius | Number | 0 | 底部圆角半径 |
#### 事件说明
| 事件名 | 说明 | 参数 |
|--------|------|------|
| channel-tap | 点击视频号头像或名称时触发 | 视频号数据对象 |
| video-play | 点击视频播放时触发 | 视频号数据对象 |
### 3.2 视频号列表组件 (diy-wechat-channel-list.vue)
#### 基本用法
```vue
<diy-wechat-channel-list :value="channelListData" />
```
#### 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| list | Array | [] | 视频号列表数据 |
| rowCount | Number | 2 | 每行显示的视频号数量 |
| showStyle | String | "fixed" | 显示样式可选值fixed, singleSlide |
| mode | String | "" | 显示模式 |
| font | Object | {} | 字体样式配置 |
| componentBgColor | String | "#fff" | 组件背景颜色 |
| componentAngle | String | "" | 组件圆角类型可选值round |
| topAroundRadius | Number | 0 | 顶部圆角半径 |
| bottomAroundRadius | Number | 0 | 底部圆角半径 |
| ornament | Object | {} | 装饰样式配置 |
#### list数组项说明
| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| channelName | String | "" | 视频号名称 |
| coverUrl | String | "" | 视频封面URL |
| videoTitle | String | "" | 视频标题 |
| feedId | String | "" | 视频号内容ID用于播放视频 |
| viewCount | Number | 0 | 视频观看次数 |
## 4. 视频播放实现
小程序提供两种打开视频号视频的方式:跳转打开和内嵌打开。
### 4.1 跳转打开视频号视频
组件内部使用微信小程序的 `wx.openChannelsActivity` API 来打开视频号内容:
```javascript
if (typeof wx !== 'undefined' && wx.openChannelsActivity) {
wx.openChannelsActivity({
feedId: item.feedId, // 视频号内容ID必填
finderUserName: item.finderUserName, // 视频号ID可选
success: (res) => {
console.log('打开视频号成功', res);
},
fail: (err) => {
console.error('打开视频号失败', err);
// 常见错误处理
if (err.errCode === 40001) {
console.error('未授权,请检查小程序是否与视频号关联');
} else if (err.errCode === 40002) {
console.error('参数错误请检查feedId是否正确');
} else if (err.errCode === 40003) {
console.error('视频号内容不存在或已被删除');
}
}
});
} else {
console.error('当前环境不支持微信视频号');
}
```
### 4.2 内嵌视频号视频
从基础库 2.25.1 开始支持,小程序可以通过 `channel-video` 组件在小程序中内嵌视频号视频,且支持无弹窗跳转打开视频号对应视频,使用该组件时需注意:
- 组件调用无资质要求
- 暂不支持纯图片视频号内容
- 在 UniApp 中使用时,需要用 `<native-component>` 包裹以确保组件正确显示
```vue
<!-- #ifdef MP-WEIXIN -->
<native-component>
<channel-video
feed-id="{{feedId}}"
finder-user-name="{{finderUserName}}"
feed-token="{{feedToken}}"
bindenterfullscreen="enterFullscreen"
bindexitfullscreen="exitFullscreen"
binderror="videoError"
></channel-video>
</native-component>
<!-- #endif -->
```
### 4.3 API参数说明
- **feedId**视频号内容ID必填必须是有效的视频号内容ID
- **finderUserName**视频号ID可选
- **feedToken**:非同主体视频号视频的标识,从基础库 2.31.1 开始支持,非个人主体小程序可使用
- **success**:调用成功的回调函数
- **fail**:调用失败的回调函数
- **complete**:调用完成的回调函数(无论成功或失败)
### 4.4 错误码说明
| 错误码 | 说明 | 解决方案 |
|--------|------|----------|
| 40001 | 未授权 | 对于内嵌打开,检查主体是否满足要求或是否已关联 |
| 40002 | 参数错误 | 检查feedId是否正确确保是有效的视频号内容ID |
| 40003 | 视频号内容不存在或已被删除 | 确认feedId对应的视频号内容是否仍然存在 |
| 40004 | 系统错误 | 稍后重试,或联系微信公众平台客服 |
### 4.5 获取参数方法
1. **获取finderUserName视频号ID**
- 登录视频号助手
- 在首页可以查看自己的视频号ID
2. **获取feedId视频号内容ID**
- 登录视频号助手
- 在「动态管理」模块可以复制自己发表的每个视频对应的feedId
3. **获取feed-token非同主体视频号视频标识**
- 登录MP平台在「设置-基本设置-隐私与安全」找到「获取视频号视频ID权限」并将开关打开
- 移动端找到想要内嵌的视频号视频并复制该视频的feed-token
- 注意打开开关后24小时内生效失效后需要再次打开开关开关打开状态仅对当前操作者生效
### 4.6 主体判断逻辑
#### 主体信息查询
小程序主体信息可通过小程序资料页-开发团队进行查询,视频号主体信息可通过视频号首页-认证进行查询。
#### 主体判断逻辑
- **跳转打开视频号视频**:无主体限制,基础库版本 2.19.2 及以上
- **内嵌视频号视频**
- 从基础库版本 2.25.1 至 2.31.1,小程序需与视频号视频相同主体或关联主体
- 从基础库版本 2.31.1 开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频
关联主体申请流程可以参考https://kf.qq.com/faq/190726e6JFja190726qMJBn6.html
## 5. 注意事项
### 5.1 环境限制
- 微信视频号API只能在微信小程序环境中使用其他环境如H5、App不支持
- 跳转打开视频号视频需要微信小程序基础库版本 2.19.2 及以上
- 内嵌视频号视频需要微信小程序基础库版本 2.25.1 及以上
- 小程序与视频号关联仅在需要内嵌非同主体视频号视频(基础库 2.31.1 以下)时需要
- 必须确保在 `manifest.json` 中设置 `usingComponents: true` 以启用组件支持
### 5.2 数据格式
确保传递给组件的数据格式正确,特别是 `feedId` 必须是有效的视频号内容ID
### 5.3 图片资源
- 视频号头像和封面图片建议使用CDN地址确保加载速度
- 图片尺寸建议:
- 头像200x200px
- 封面640x360px
### 5.4 权限和关联
- 确保在微信小程序后台开通了「打开视频号内容」权限
- 确保小程序已与视频号成功关联
- 关联操作需要小程序管理员和视频号管理员共同确认
## 6. 常见问题
### 6.1 视频无法播放
- 检查 `feedId` 是否正确确保是有效的视频号内容ID
- 检查微信小程序基础库版本是否满足要求(跳转打开需要 2.19.2+,内嵌打开需要 2.25.1+
- 对于内嵌打开,检查主体是否满足要求(基础库 2.31.1 以下需要相同主体或关联主体)
- 检查视频号内容是否仍然存在(未被删除)
### 6.2 功能不可用
- 确认当前环境是否为微信小程序环境
- 检查微信小程序基础库版本是否满足要求
- 对于内嵌打开,检查主体条件是否满足
- 检查 `feedId` 等参数是否正确
### 6.3 关联失败
- 检查视频号是否已完成实名认证
- 检查小程序是否已发布上线
- 检查视频号名称或ID是否输入正确
- 确认视频号管理员是否在24小时内确认关联邀请
- 如超过24小时未确认需要重新发送关联邀请
### 6.4 组件显示异常
- 检查传递给组件的数据格式是否正确
- 确认图片资源是否可访问
- 检查微信小程序基础库版本是否支持视频号API
### 6.5 样式问题
- 可通过组件的 `componentAngle`、`topAroundRadius`、`bottomAroundRadius` 等属性调整组件样式
- 可通过 `componentBgColor` 属性调整组件背景颜色
- 可通过 `font` 属性调整字体样式
### 6.6 环境兼容性问题
- 微信视频号API只能在微信小程序环境中使用
- 在其他环境中,组件会显示但无法播放视频
- 建议在非小程序环境中添加友好的提示信息
### 6.7 在uni-app中使用原生组件时可能会遇到组件不显示的问题
在uni-app中使用原生组件时可能会遇到组件不显示的问题。以下是已验证的解决方案
#### 解决方案
**方法一:使用 `<native-component>` 包裹**
在 UniApp 中使用 `channel-video` 组件时,必须用 `<native-component>` 包裹以确保组件正确显示:
``` vue
<template>
<view>
<!-- #ifdef MP-WEIXIN -->
<native-component>
<channel-video
feed-id="{{feedId}}"
finder-user-name="{{finderUserName}}"
feed-token="{{feedToken}}"
style="width: 100%; height: 320rpx;"
></channel-video>
</native-component>
<!-- #endif -->
</view>
</template>
```
**方法二:检查 `manifest.json` 配置**
确保在 `manifest.json` 文件中正确设置了 `usingComponents: true`,特别是在 `mp-weixin` 部分:
``` json
"mp-weixin": {
"appid": "你的小程序appid",
"usingComponents": true,
// 其他配置...
}
```
**方法三:检查微信小程序基础库版本**
确保微信小程序基础库版本满足要求:
- 跳转打开视频号视频需要基础库版本 2.19.2 及以上
- 内嵌视频号视频需要基础库版本 2.25.1 及以上
**方法四:检查参数是否正确**
确保传递给 `channel-video` 组件的参数正确:
- `feedId`视频号内容ID必填
- `finderUserName`视频号ID可选
- `feedToken`:非同主体视频号视频的标识,可选(基础库 2.31.1+
## 7. 示例代码
### 7.1 单个视频号示例
```javascript
// 单个视频号数据
const channelData = {
channelName: "示例视频号",
avatarUrl: "https://example.com/avatar.jpg",
videoTitle: "这是一个示例视频",
coverUrl: "https://example.com/cover.jpg",
feedId: "v02004g10000c3f7l7j5u87l33n8f160",
viewCount: 12345,
showFollow: true,
componentAngle: "round",
topAroundRadius: 10,
bottomAroundRadius: 10
};
```
### 7.2 视频号列表示例
```javascript
// 视频号列表数据
const channelListData = {
list: [
{
channelName: "示例视频号1",
coverUrl: "https://example.com/cover1.jpg",
videoTitle: "这是示例视频1",
feedId: "v02004g10000c3f7l7j5u87l33n8f160",
viewCount: 12345
},
{
channelName: "示例视频号2",
coverUrl: "https://example.com/cover2.jpg",
videoTitle: "这是示例视频2",
feedId: "v02004g10000c3f7m7j5u87l33n8f161",
viewCount: 67890
}
],
rowCount: 2,
showStyle: "fixed",
font: {
size: 14,
weight: "normal",
color: "#333"
},
componentBgColor: "#fff",
componentAngle: "round",
topAroundRadius: 10,
bottomAroundRadius: 10
};
```
## 8. 总结
通过本文档提供的组件和配置指导你可以在UniApp项目中轻松集成微信视频号功能为用户提供更加丰富的内容体验。
如果在集成过程中遇到问题,请参考本文档的常见问题部分,或查阅微信官方文档获取更多帮助。

View File

@@ -0,0 +1,199 @@
# 微信小程序权限配置文档
## 1. 权限体系概述
微信小程序权限体系是微信为保护用户隐私和数据安全而设计的一套权限管理机制。小程序在使用某些功能时,需要向用户申请相应的权限,用户可以选择授权或拒绝。
## 2. 权限分类
微信小程序权限分为两大类:
### 2.1 需要单独申请的权限
这类权限需要通过 `wx.requestAuthorization` 或相关 API 向用户主动申请,用户会看到授权弹窗,必须明确同意后才能使用。
### 2.2 不需要单独申请的权限
这类权限不需要通过 API 主动申请,小程序在使用相关功能时会自动触发系统授权提示,或在某些场景下默认授权。
## 3. 详细权限列表
### 3.1 需要单独申请的权限
| 权限名称 | 权限标识 | 描述 | 使用场景 |
|---------|---------|------|----------|
| 地理位置 | `scope.userLocation` | 获取用户地理位置 | 地图定位、附近商家等 |
| 后台定位 | `scope.userLocationBackground` | 后台持续获取地理位置 | 外卖配送、打车等需要后台定位的场景 |
| 录音 | `scope.record` | 录制音频 | 语音消息、语音识别等 |
| 摄像头 | `scope.camera` | 使用摄像头 | 扫码、拍照、视频通话等 |
| 通讯地址 | `scope.address` | 获取用户通讯地址 | 填写收货地址等 |
| 发票抬头 | `scope.invoiceTitle` | 获取用户发票抬头 | 填写发票信息等 |
| 微信运动步数 | `scope.werun` | 获取微信运动步数 | 步数统计、运动排名等 |
| 保存到相册 | `scope.writePhotosAlbum` | 保存图片到相册 | 保存分享图片、截图等 |
| 添加到日历 | `scope.addPhoneCalendar` | 添加事件到日历 | 预约提醒、活动安排等 |
| 读取日历 | `scope.readPhoneCalendar` | 读取日历事件 | 日程管理、智能提醒等 |
### 3.2 不需要单独申请的权限
| 权限名称 | 权限标识 | 描述 | 使用场景 |
|---------|---------|------|----------|
| 剪贴板 | `scope.userClipboard` | 读写剪贴板 | 复制链接、粘贴内容等 |
| 选择地址 | `scope.chooseAddress` | 选择收货地址 | 下单时选择地址 |
| 选择发票 | `scope.chooseInvoice` | 选择发票 | 填写发票信息时选择 |
| 选择发票抬头 | `scope.chooseInvoiceTitle` | 选择发票抬头 | 填写发票信息时选择 |
| 获取网络状态 | - | 获取网络状态 | 网络请求、状态检测等 |
| 获取设备信息 | - | 获取设备型号、操作系统等 | 适配不同设备、统计分析等 |
| 获取窗口信息 | - | 获取窗口尺寸等 | 布局适配、响应式设计等 |
## 4. 权限申请流程
### 4.1 需要单独申请的权限
1.`manifest.json` 中配置权限描述
2. 在代码中调用相关 API 前,先检查是否已授权
3. 未授权时,调用 `wx.requestAuthorization` 申请权限
4. 根据用户授权结果执行相应操作
### 4.2 不需要单独申请的权限
1.`manifest.json` 中配置权限描述
2. 直接调用相关 API系统会自动处理授权逻辑
## 5. 权限配置示例
### 5.1 manifest.json 配置示例
```json
"mp-weixin": {
"appid": "wx29215aa1bd97bbd6",
"permission": {
"scope.userLocation": {
"desc": "为了更好地为您提供服务"
},
"scope.writePhotosAlbum": {
"desc": "为了更好地为您提供服务"
},
"scope.userClipboard": {
"desc": "为了方便您复制信息"
},
"scope.record": {
"desc": "用于语音录制功能"
},
"scope.camera": {
"desc": "用于拍摄照片或视频"
},
"scope.address": {
"desc": "用于获取您的通讯地址"
},
"scope.chooseAddress": {
"desc": "用于选择收货地址"
},
"scope.chooseInvoice": {
"desc": "用于选择发票"
},
"scope.chooseInvoiceTitle": {
"desc": "用于选择发票抬头"
}
},
"requiredPrivateInfos": ["chooseLocation", "getLocation", "chooseAddress"]
}
```
### 5.2 权限申请代码示例
```javascript
// 申请地理位置权限
wx.getSetting({
success: (res) => {
if (!res.authSetting['scope.userLocation']) {
wx.requestAuthorization({
scope: 'scope.userLocation',
success: (authRes) => {
if (authRes.authSetting['scope.userLocation']) {
// 用户授权成功,可以使用地理位置相关功能
wx.getLocation({
type: 'wgs84',
success: (locationRes) => {
console.log('获取位置成功', locationRes);
}
});
}
},
fail: (err) => {
console.log('授权失败', err);
}
});
} else {
// 已经授权,可以直接使用
wx.getLocation({
type: 'wgs84',
success: (locationRes) => {
console.log('获取位置成功', locationRes);
}
});
}
}
});
```
## 6. 注意事项和最佳实践
### 6.1 注意事项
1. **权限申请时机**:在真正需要使用权限时再申请,不要在小程序启动时就申请所有权限
2. **权限描述**:在 `manifest.json` 中为每个权限提供清晰、准确的描述,说明为什么需要该权限
3. **用户体验**:在申请权限前,先向用户解释为什么需要该权限,提高授权成功率
4. **权限拒绝处理**:当用户拒绝授权时,提供合理的降级方案,不要直接阻断用户操作
5. **隐私政策**:在小程序中提供隐私政策,说明如何使用用户数据
### 6.2 最佳实践
1. **按需申请**:只申请小程序真正需要的权限
2. **逐步申请**:根据用户使用流程,逐步申请所需权限
3. **合理降级**:当权限被拒绝时,提供替代方案
4. **定期检查**:定期检查权限使用情况,移除不再需要的权限
5. **权限管理**:在小程序设置中提供权限管理入口,方便用户查看和修改授权状态
## 7. 相关 API
### 7.1 权限相关 API
- `wx.getSetting`:获取用户当前的授权状态
- `wx.requestAuthorization`:请求用户授权
- `wx.openSetting`:打开设置页面,引导用户修改授权状态
### 7.2 常用功能 API
- `wx.getLocation`:获取用户地理位置
- `wx.chooseAddress`:选择收货地址
- `wx.chooseInvoice`:选择发票
- `wx.chooseInvoiceTitle`:选择发票抬头
- `wx.getRecorderManager`:获取录音管理器
- `wx.createCameraContext`:创建摄像头上下文
## 8. 常见问题
### 8.1 权限申请失败
- **原因**:用户拒绝授权、系统限制、权限配置错误
- **解决方法**:检查权限配置、提供合理的权限说明、引导用户在设置中开启权限
### 8.2 权限被禁用
- **原因**:用户在设置中关闭了权限
- **解决方法**:使用 `wx.openSetting` 引导用户重新开启权限
### 8.3 权限申请弹窗不显示
- **原因**:用户之前拒绝过授权且选择了"不再询问"
- **解决方法**:引导用户在设置中开启权限
## 9. 总结
合理配置和使用微信小程序权限,不仅可以保护用户隐私和数据安全,还能提升用户体验和小程序的可信度。开发者应该根据小程序的实际功能需求,按需申请权限,并为用户提供清晰、透明的权限使用说明。
---
**更新时间**2026-01-06
**适用微信版本**:最新版本
**参考文档**[微信小程序官方权限文档](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html)

View File

@@ -0,0 +1,165 @@
<template>
<view class="wechat-channel-demo">
<view class="demo-header">
<text class="demo-title">微信视频号集成示例</text>
</view>
<view class="demo-section">
<view class="section-title">单个视频号</view>
<diy-wechat-channel :value="channelData" />
</view>
<view class="demo-section">
<view class="section-title">视频号列表</view>
<diy-wechat-channel-list :value="channelListData" />
</view>
<view class="demo-section">
<view class="section-title">使用说明</view>
<view class="section-content">
<view class="content-item">1. 确保微信小程序已开通视频号权限</view>
<view class="content-item">2. 小程序需与视频号关联</view>
<view class="content-item">3. 传递正确的feedId用于播放视频</view>
<view class="content-item">4. 仅支持微信小程序环境</view>
</view>
</view>
</view>
</template>
<script>
import diyWechatChannel from '@/components-diy/diy-wechat-channel.vue'
import diyWechatChannelList from '@/components-diy/diy-wechat-channel-list.vue'
export default {
name: 'wechat-channel-demo',
components: {
diyWechatChannel,
diyWechatChannelList
},
data() {
return {
// 单个视频号数据
channelData: {
channelName: "示例视频号",
avatarUrl: "https://via.placeholder.com/100",
videoTitle: "这是一个示例视频,展示如何使用微信视频号组件",
coverUrl: "https://via.placeholder.com/640x360",
feedId: "v02004g10000c3f7l7j5u87l33n8f160",
viewCount: 12345,
showFollow: true,
componentAngle: "round",
topAroundRadius: 10,
bottomAroundRadius: 10
},
// 视频号列表数据
channelListData: {
list: [
{
channelName: "示例视频号1",
coverUrl: "https://via.placeholder.com/640x360",
videoTitle: "这是示例视频1展示如何使用微信视频号组件",
feedId: "v02004g10000c3f7l7j5u87l33n8f160",
viewCount: 12345
},
{
channelName: "示例视频号2",
coverUrl: "https://via.placeholder.com/640x360",
videoTitle: "这是示例视频2展示如何使用微信视频号组件",
feedId: "v02004g10000c3f7m7j5u87l33n8f161",
viewCount: 67890
},
{
channelName: "示例视频号3",
coverUrl: "https://via.placeholder.com/640x360",
videoTitle: "这是示例视频3展示如何使用微信视频号组件",
feedId: "v02004g10000c3f7n7j5u87l33n8f162",
viewCount: 98765
},
{
channelName: "示例视频号4",
coverUrl: "https://via.placeholder.com/640x360",
videoTitle: "这是示例视频4展示如何使用微信视频号组件",
feedId: "v02004g10000c3f7o7j5u87l33n8f163",
viewCount: 54321
}
],
rowCount: 2,
showStyle: "fixed",
font: {
size: 14,
weight: "normal",
color: "#333"
},
componentBgColor: "#fff",
componentAngle: "round",
topAroundRadius: 10,
bottomAroundRadius: 10
}
}
},
onLoad() {
console.log('微信视频号示例页面加载');
},
methods: {
// 可以在这里添加自定义方法
}
}
</script>
<style scoped>
.wechat-channel-demo {
padding: 20rpx;
background-color: #f5f5f5;
}
.demo-header {
text-align: center;
padding: 40rpx 0;
background-color: #fff;
margin-bottom: 20rpx;
border-radius: 12rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
}
.demo-title {
font-size: 32rpx;
font-weight: 600;
color: #333;
}
.demo-section {
background-color: #fff;
margin-bottom: 20rpx;
border-radius: 12rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.section-title {
font-size: 28rpx;
font-weight: 500;
color: #333;
padding: 20rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.section-content {
padding: 20rpx;
}
.content-item {
font-size: 24rpx;
color: #666;
margin-bottom: 12rpx;
line-height: 1.5;
}
/* 组件样式调整 */
.demo-section >>> .diy-wechat-channel {
margin: 20rpx;
}
.demo-section >>> .diy-wechat-channel-list {
margin: 20rpx;
}
</style>

View File

@@ -19,5 +19,10 @@ export const lang = {
currencySymbol: '¥', currencySymbol: '¥',
submit: 'Submit', submit: 'Submit',
searchTip: 'Please enter search keywords' searchTip: 'Please enter search keywords'
} },
login: 'Login/Register',
loginTips: 'Click to login and enjoy more exciting information',
toLogin: 'Go to login',
toGoodsCategoryPage: 'Go shopping',
} }

View File

@@ -1,4 +1,18 @@
export const lang = { export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: 'Electronic Card' title: 'Electronic Card',
onlineMessage: 'Online Message',
call: 'One-click Call',
copy: 'Copy',
copyFailed: 'Copy Failed',
copySuccess: 'Copy Success',
oneClickNavigation: 'One-click Navigation',
name: 'Name',
contactInfo: 'Contact Info',
messageContent: 'Message Content',
pleaseEnterName: 'Please enter your name',
pleaseEnterMobile: 'Please enter your phone number',
pleaseEnterMessage: 'Please enter your message',
submit: 'Submit',
exclusiveCustomerService: 'Exclusive Customer Service'
} }

View File

@@ -39,10 +39,22 @@ export const lang = {
myRebate: 'Group Rebate', myRebate: 'Group Rebate',
myHongbao: 'My Red Envelopes', myHongbao: 'My Red Envelopes',
myBlindBox: 'My Blind Boxes', myBlindBox: 'My Blind Boxes',
waitpay:'Waitpay', waitpay: 'Waitpay',
waitsend:'Waitsend', waitsend: 'Waitsend',
waitconfirm:'Waitconfirm', waitconfirm: 'Waitconfirm',
activist:'Activist', activist: 'Activist',
completed:'Completed', completed: 'Completed',
// 账户操作
logout: 'Logout',
cancellation: 'Account Cancellation',
logoutTitle: 'Tips',
logoutContent: 'Are you sure you want to log out',
cancellationTitle: 'Risk Warning',
cancellationContent: 'Are you sure you want to cancel your current account?',
// 协议
privacyPolicy: 'Privacy Policy',
registrationAgreement: 'Registration Agreement',
} }

View File

@@ -0,0 +1 @@
export const lang = {}

View File

@@ -19,5 +19,16 @@ export const lang = {
currencySymbol: '¥', currencySymbol: '¥',
submit: '提交', submit: '提交',
searchTip: '请输入搜索关键词' searchTip: '请输入搜索关键词'
} },
login: '登录/注册',
loginTpis: '点击登录 享受更多精彩信息',
toLogin: '去登录',
toGoodsCategoryPage: '去逛逛',
waitpay: '待付款',
waitsend: '待发货',
waitconfirm: '待收货',
activist: '售后',
completed: '已完成',
} }

View File

@@ -1,4 +1,18 @@
export const lang = { export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: '电子名片' title: '电子名片',
onlineMessage: '在线留言',
call: '一键拨打',
copy: '复制',
copyFailed: '复制失败',
copySuccess: '复制成功',
oneClickNavigation: '一键导航',
name: '姓名',
contactInfo: '联系方式',
messageContent: '留言内容',
pleaseEnterName: '请输入您的姓名',
pleaseEnterMobile: '请输入您的手机号',
pleaseEnterMessage: '请输入留言内容',
submit: '提交',
exclusiveCustomerService: '专属客服'
} }

View File

@@ -1,6 +1,7 @@
export const lang = { export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: '商品分类', title: '商品分类',
search:'商品搜索', search:'商品搜索',
seeMore : '查看更多' seeMore : '查看更多',
} Make: "咨询"
}

View File

@@ -2,7 +2,7 @@ export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: '', title: '',
select: '选择', select: '选择',
details:'商品详情', details:'资源详情',
params: '参数', params: '参数',
service: '商品服务', service: '商品服务',
allGoods: '全部商品', allGoods: '全部商品',
@@ -11,7 +11,7 @@ export const lang = {
home:'首页', home:'首页',
cart:'购物车', cart:'购物车',
leave:'立即留言', leave:'立即留言',
make:'立即咨询', make:'联系我们',
send:'配送', send:'配送',
express:'快递发货', express:'快递发货',
@@ -22,7 +22,7 @@ export const lang = {
status:'该商品已下架', status:'该商品已下架',
sellout:'库存不足', sellout:'库存不足',
max:'已达最大限购数量', max:'已达最大限购数量',
makebtn:'咨询', makebtn:' ',
sales:'销量', sales:'销量',
stock:'库存', stock:'库存',
kefu:'客服', kefu:'客服',

View File

@@ -1,11 +1,11 @@
export const lang = { export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: '商品列表', title: '商品列表',
Random:'综合', Random:'综合',
Sales:'销量', Sales:'销量',
Price:'价格', Price:'价格',
Filter:'筛选', Filter:'筛选',
Search:'请输入您要搜索的商品', Search:'请输入您要搜索的商品',
Make:'咨询', Make:'查看详情',
} }

View File

@@ -11,6 +11,9 @@ export const lang = {
readyDelivery: '待发货', readyDelivery: '待发货',
waitDelivery: '待收货', waitDelivery: '待收货',
refunding: '退款', refunding: '退款',
getDynacode: '获取动态验证码',
// 会员中心入口 // 会员中心入口
sign: '签到', sign: '签到',
personInfo: '个人资料', personInfo: '个人资料',
@@ -28,13 +31,13 @@ export const lang = {
verification: '核销台', verification: '核销台',
message: '我的消息', message: '我的消息',
exchangeOrder: '积分兑换', exchangeOrder: '积分兑换',
waitpay:'待付款', waitpay: '待付款',
waitsend:'待发货', waitsend: '待发货',
waitconfirm:'待收货', waitconfirm: '待收货',
activist:'售后', activist: '售后',
completed:'已完成', completed: '已完成',
// 推广中心 // 推广中心
balance: '余额', balance: '余额',
point: '积分', point: '积分',
@@ -43,9 +46,19 @@ export const lang = {
myPresale: '我的预售', myPresale: '我的预售',
myGiftcard: '我的礼品卡', myGiftcard: '我的礼品卡',
myDivideticket: '我的瓜分券', myDivideticket: '我的瓜分券',
myRebate:'拼团返利', myRebate: '拼团返利',
myHongbao:'我的红包列表', myHongbao: '我的红包列表',
myBlindBox:'我的盲盒', myBlindBox: '我的盲盒',
// 账户操作
logout: '退出登录',
cancellation: '账号注销',
logoutTitle: '提示',
logoutContent: '确定要退出登录吗',
cancellationTitle: '风险提示',
cancellationContent: '确定要注销当前账号吗?',
// 协议
privacyPolicy: '隐私协议',
registrationAgreement: '注册协议',
} }

View File

@@ -1,6 +1,6 @@
export const lang = { export const lang = {
//title为每个页面的标题 //title为每个页面的标题
title: '退款', title: '售后',
checkDetail: '查看详情', checkDetail: '查看详情',
emptyTips: '暂无退款记录' emptyTips: '暂无售后记录'
} }

Some files were not shown because too many files have changed in this diff Show More