chore(代码合并): 代码从Custom/common分支合并
This commit is contained in:
5
App.vue
5
App.vue
@@ -1,7 +1,7 @@
|
|||||||
<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';
|
||||||
@@ -10,10 +10,8 @@
|
|||||||
mixins: [auth],
|
mixins: [auth],
|
||||||
onLaunch: function(options) {
|
onLaunch: 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();
|
||||||
|
|
||||||
@@ -64,6 +62,7 @@
|
|||||||
// 主题风格
|
// 主题风格
|
||||||
if (uni.getStorageSync('themeStyle')) {
|
if (uni.getStorageSync('themeStyle')) {
|
||||||
this.$store.commit('setThemeStyle', configExternal.loadThemeSync(uni.getStorageSync('themeStyle')));
|
this.$store.commit('setThemeStyle', configExternal.loadThemeSync(uni.getStorageSync('themeStyle')));
|
||||||
|
this.$store.dispatch('themeColorSet');
|
||||||
}
|
}
|
||||||
|
|
||||||
// 插件是否存在
|
// 插件是否存在
|
||||||
|
|||||||
@@ -874,3 +874,5 @@ scroll-view ::-webkit-scrollbar {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@import './mp_html_patch.scss';
|
||||||
4
common/css/mp_html_patch.scss
Normal file
4
common/css/mp_html_patch.scss
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
// 修复图片垂直对齐问题,解决两张图片上下有空白缝隙问题
|
||||||
|
/deep/ ._img {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
@@ -61,8 +61,15 @@ try {
|
|||||||
|
|
||||||
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,18 +99,9 @@ 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
|
||||||
@@ -118,5 +116,3 @@ var config = {
|
|||||||
// 版本号
|
// 版本号
|
||||||
version: '1.0'
|
version: '1.0'
|
||||||
};
|
};
|
||||||
|
|
||||||
export default config;
|
|
||||||
@@ -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: {
|
||||||
// 是否是英文环境
|
// 是否是英文环境
|
||||||
@@ -25,6 +12,9 @@ export default {
|
|||||||
themeStyle() {
|
themeStyle() {
|
||||||
return this.$store.state.themeStyle;
|
return this.$store.state.themeStyle;
|
||||||
},
|
},
|
||||||
|
themeColor() {
|
||||||
|
return this.$store.state.themeColor;
|
||||||
|
},
|
||||||
// 插件是否存在
|
// 插件是否存在
|
||||||
addonIsExist() {
|
addonIsExist() {
|
||||||
return this.$store.state.addonIsExist;
|
return this.$store.state.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) {
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -72,6 +72,7 @@ export default {
|
|||||||
//当前页面语言包(同步加载)
|
//当前页面语言包(同步加载)
|
||||||
let route = _this.route;
|
let route = _this.route;
|
||||||
let langPath = processRoutePath(route);
|
let langPath = processRoutePath(route);
|
||||||
|
// console.log(`当前页面语言包路径: ${langPath}`);
|
||||||
|
|
||||||
// 加载当前页面语言包
|
// 加载当前页面语言包
|
||||||
let currentPageLang = loadLangPackSync(locale, langPath);
|
let currentPageLang = loadLangPackSync(locale, langPath);
|
||||||
|
|||||||
@@ -1,3 +1,12 @@
|
|||||||
|
/**
|
||||||
|
* 颜色配置
|
||||||
|
* 包含默认颜色和其他颜色
|
||||||
|
* 特别注意:
|
||||||
|
* 1. 分组不会被计算成Key,分组下的属性会被计算成Key
|
||||||
|
* 2. 分组下的属性如果有相同的Key,会被覆盖
|
||||||
|
* 3. 例如:hoverNav,hoverNav_bg_color和hoverNav_text_color, 不会生成hoverNav_hoverNav_bg_color和hoverNav_hoverNav_text_color
|
||||||
|
* 问题原因:历史遗留
|
||||||
|
*/
|
||||||
export default {
|
export default {
|
||||||
'default': {
|
'default': {
|
||||||
//红色
|
//红色
|
||||||
@@ -51,6 +60,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#F4391c',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'green': {
|
'green': {
|
||||||
name: 'green',
|
name: 'green',
|
||||||
@@ -103,6 +116,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#19C650',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'blue': {
|
'blue': {
|
||||||
name: 'blue',
|
name: 'blue',
|
||||||
@@ -155,6 +172,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#36ABFF',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'pink': {
|
'pink': {
|
||||||
name: 'pink',
|
name: 'pink',
|
||||||
@@ -207,6 +228,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#FF407E',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'gold': {
|
'gold': {
|
||||||
name: 'gold',
|
name: 'gold',
|
||||||
@@ -259,6 +284,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#CFAF70',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'purple': {
|
'purple': {
|
||||||
name: 'purple',
|
name: 'purple',
|
||||||
@@ -311,6 +340,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#A253FF',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'yellow': {
|
'yellow': {
|
||||||
name: 'yellow',
|
name: 'yellow',
|
||||||
@@ -363,6 +396,10 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#FFD009',//背景色
|
||||||
|
hovenav_text_color: '#303133'
|
||||||
|
},
|
||||||
},
|
},
|
||||||
'black': {
|
'black': {
|
||||||
name: 'black',
|
name: 'black',
|
||||||
@@ -415,5 +452,9 @@ export default {
|
|||||||
groupby_promotion_color: '#E64136',//活动背景
|
groupby_promotion_color: '#E64136',//活动背景
|
||||||
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
groupby_promotion_aux_color: '#F7B500',//活动辅色
|
||||||
},
|
},
|
||||||
|
hoverNav: {
|
||||||
|
hovenav_bg_color: '#222222',//背景色
|
||||||
|
hovenav_text_color: '#FFFFFF'
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -61,6 +61,35 @@ 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 {
|
||||||
/**
|
/**
|
||||||
* 页面跳转
|
* 页面跳转
|
||||||
@@ -130,8 +159,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) {
|
||||||
|
|||||||
@@ -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 {
|
||||||
@@ -154,7 +154,7 @@ export default {
|
|||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
return false;
|
return checkTabBarActive(linkUrl, currentPageRoute);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -610,10 +610,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 +630,7 @@ export default {
|
|||||||
view {
|
view {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
font-size: $font-size-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -170,6 +170,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import nsLoading from '@/components/ns-loading/ns-loading.vue';
|
import nsLoading from '@/components/ns-loading/ns-loading.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
import DiyMinx from './minx.js'
|
import DiyMinx from './minx.js'
|
||||||
export default {
|
export default {
|
||||||
name: 'diy-index-page',
|
name: 'diy-index-page',
|
||||||
@@ -190,7 +191,8 @@ export default {
|
|||||||
},
|
},
|
||||||
mixins: [DiyMinx],
|
mixins: [DiyMinx],
|
||||||
components: {
|
components: {
|
||||||
nsLoading
|
nsLoading,
|
||||||
|
MescrollUni
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -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> -->
|
||||||
|
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -636,11 +636,30 @@
|
|||||||
<script>
|
<script>
|
||||||
import payment from './payment.js';
|
import payment from './payment.js';
|
||||||
|
|
||||||
|
import nsSelectTime from '@/components/ns-select-time/ns-select-time.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'common-payment',
|
name: 'common-payment',
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
nsSelectTime,
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
api: Object,
|
api: Object,
|
||||||
createDataKey: String
|
createDataKey: String
|
||||||
|
|||||||
@@ -81,7 +81,6 @@ export default {
|
|||||||
this.isLanguageSwitchEnabled = e.data.ischina;
|
this.isLanguageSwitchEnabled = e.data.ischina;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
currentLangDisplayName() {
|
currentLangDisplayName() {
|
||||||
@@ -203,6 +202,7 @@ export default {
|
|||||||
margin: 14rpx 0;
|
margin: 14rpx 0;
|
||||||
transition: 0.1s;
|
transition: 0.1s;
|
||||||
background: #c6251b;
|
background: #c6251b;
|
||||||
|
// background: var(--hover-nav-bg-color);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
|
|||||||
32
docs/H5_ROUTER_FIX_README.md
Normal file
32
docs/H5_ROUTER_FIX_README.md
Normal 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构建工具进行构建。
|
||||||
756
docs/HISTORY_MODE_SUB_DIR_DEPLOY.md
Normal file
756
docs/HISTORY_MODE_SUB_DIR_DEPLOY.md
Normal 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,验证是否能正常加载
|
||||||
|
|
||||||
|
通过以上通配符配置,您可以轻松管理大量符合规则的子目录应用,避免重复配置工作。
|
||||||
140
docs/SERVER_ROUTER_FALLBACK_CONFIG.md
Normal file
140
docs/SERVER_ROUTER_FALLBACK_CONFIG.md
Normal 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也配置了相应的路由回退规则
|
||||||
@@ -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'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -45,4 +45,16 @@ export const lang = {
|
|||||||
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',
|
||||||
}
|
}
|
||||||
|
|||||||
1
lang/zh-cn/agreement/contenr.js
Normal file
1
lang/zh-cn/agreement/contenr.js
Normal file
@@ -0,0 +1 @@
|
|||||||
|
export const lang = {}
|
||||||
@@ -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: '专属客服'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,5 +2,6 @@ export const lang = {
|
|||||||
//title为每个页面的标题
|
//title为每个页面的标题
|
||||||
title: '商品分类',
|
title: '商品分类',
|
||||||
search:'商品搜索',
|
search:'商品搜索',
|
||||||
seeMore : '查看更多'
|
seeMore : '查看更多',
|
||||||
|
Make: "询底价"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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:'客服',
|
||||||
|
|||||||
@@ -6,6 +6,6 @@ export const lang = {
|
|||||||
Price:'价格',
|
Price:'价格',
|
||||||
Filter:'筛选',
|
Filter:'筛选',
|
||||||
Search:'请输入您要搜索的商品',
|
Search:'请输入您要搜索的商品',
|
||||||
Make:'咨询',
|
Make:'立即询底价',
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,9 @@ export const lang = {
|
|||||||
readyDelivery: '待发货',
|
readyDelivery: '待发货',
|
||||||
waitDelivery: '待收货',
|
waitDelivery: '待收货',
|
||||||
refunding: '退款',
|
refunding: '退款',
|
||||||
|
getDynacode: '获取动态验证码',
|
||||||
|
|
||||||
|
|
||||||
// 会员中心入口
|
// 会员中心入口
|
||||||
sign: '签到',
|
sign: '签到',
|
||||||
personInfo: '个人资料',
|
personInfo: '个人资料',
|
||||||
@@ -47,5 +50,15 @@ export const lang = {
|
|||||||
myHongbao: '我的红包列表',
|
myHongbao: '我的红包列表',
|
||||||
myBlindBox: '我的盲盒',
|
myBlindBox: '我的盲盒',
|
||||||
|
|
||||||
|
// 账户操作
|
||||||
|
logout: '退出登录',
|
||||||
|
cancellation: '账号注销',
|
||||||
|
logoutTitle: '提示',
|
||||||
|
logoutContent: '确定要退出登录吗',
|
||||||
|
cancellationTitle: '风险提示',
|
||||||
|
cancellationContent: '确定要注销当前账号吗?',
|
||||||
|
|
||||||
|
// 协议
|
||||||
|
privacyPolicy: '隐私协议',
|
||||||
|
registrationAgreement: '注册协议',
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -855,6 +855,14 @@
|
|||||||
// #endif
|
// #endif
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "form/formdata",
|
||||||
|
"style": {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "weapp/order_shipping",
|
"path": "weapp/order_shipping",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="empty" :style="themeColor">
|
||||||
<view class="empty">
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
|
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }"
|
||||||
|
class="page-img">
|
||||||
<view class="site-info-box"
|
<view class="site-info-box"
|
||||||
v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
|
v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
|
||||||
<view class="site-info">
|
<view class="site-info">
|
||||||
@@ -12,7 +13,8 @@
|
|||||||
<text>{{ followOfficialAccount.welcomeMsg }}</text>
|
<text>{{ followOfficialAccount.welcomeMsg }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dite-button" @click="officialAccountsOpen">{{ isEnEnv ? 'Follow Official Account' : '关注公众号' }}</view>
|
<view class="dite-button" @click="officialAccountsOpen">{{ isEnEnv ? 'Follow Official Account' : '关注公众号'
|
||||||
|
}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
|
<!-- <view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
|
||||||
@@ -119,7 +121,8 @@
|
|||||||
<view class="address">{{ nearestStore.show_address }}</view>
|
<view class="address">{{ nearestStore.show_address }}</view>
|
||||||
<view class="distance" v-if="nearestStore.distance">
|
<view class="distance" v-if="nearestStore.distance">
|
||||||
<text class="iconfont icon-dizhi"></text>
|
<text class="iconfont icon-dizhi"></text>
|
||||||
<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' : nearestStore.distance *
|
<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' :
|
||||||
|
nearestStore.distance *
|
||||||
1000 +
|
1000 +
|
||||||
'm' }}</text>
|
'm' }}</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -133,7 +136,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
<hover-nav></hover-nav>
|
<hover-nav :need="true"></hover-nav>
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<!-- 小程序隐私协议 -->
|
<!-- 小程序隐私协议 -->
|
||||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||||
@@ -141,6 +144,7 @@
|
|||||||
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
|
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
|
||||||
<ns-login ref="login"></ns-login>
|
<ns-login ref="login"></ns-login>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<scroll-view class="scroll-view" :scroll-y="true" :show-scrollbar="false" :refresher-enabled="true" :refresher-triggered="refresherTriggered" @refresherrefresh="onRefresh">
|
<scroll-view class="scroll-view" :scroll-y="true" :show-scrollbar="false" :refresher-enabled="true" :refresher-triggered="refresherTriggered" @refresherrefresh="onRefresh">
|
||||||
<block v-if="hasData">
|
<block v-if="hasData">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<block v-if="diyData">
|
<block v-if="diyData">
|
||||||
<block v-for="(item, index) in diyData.value" :key="index">
|
<block v-for="(item, index) in diyData.value" :key="index">
|
||||||
<view v-if="item.componentName == 'GoodsCategory'">
|
<view v-if="item.componentName == 'GoodsCategory'">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<!-- #ifndef H5 -->
|
<!-- #ifndef H5 -->
|
||||||
<!-- <view class="page-header" v-if="goodsSkuDetail && goodsSkuDetail.config && goodsSkuDetail.config.nav_bar_switch == 0">
|
<!-- <view class="page-header" v-if="goodsSkuDetail && goodsSkuDetail.config && goodsSkuDetail.config.nav_bar_switch == 0">
|
||||||
<ns-navbar :data="navbarData" :isBack="true"></ns-navbar>
|
<ns-navbar :data="navbarData" :isBack="true"></ns-navbar>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="content" :style="themeColor">
|
||||||
<view class="content">
|
|
||||||
<view class="head-wrap">
|
<view class="head-wrap">
|
||||||
<!-- 搜索区域 -->
|
<!-- 搜索区域 -->
|
||||||
<view class="search-wrap uni-flex uni-row">
|
<view class="search-wrap uni-flex uni-row">
|
||||||
@@ -63,7 +62,7 @@
|
|||||||
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="discount-price" v-else>
|
<view class="discount-price" v-else>
|
||||||
<text class="price price-style large">{{langstatus?$lang('Make'):'咨询'}}</text>
|
<text class="price price-style large">{{langstatus?$lang('Make'):'询底价'}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
@@ -148,7 +147,7 @@
|
|||||||
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="discount-price" v-else>
|
<view class="discount-price" v-else>
|
||||||
<text class="price price-style large">{{langstatus?$lang('Make'):'咨询'}}</text>
|
<text class="price price-style large">{{langstatus?$lang('Make'):'询底价'}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
|
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
|
||||||
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix"></image>
|
||||||
@@ -271,6 +270,11 @@
|
|||||||
<!-- 小程序隐私协议 -->
|
<!-- 小程序隐私协议 -->
|
||||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
|
|
||||||
|
<!-- 底部tabBar -->
|
||||||
|
<view id="tab-bar">
|
||||||
|
<diy-bottom-nav></diy-bottom-nav>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -294,6 +294,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.lineheight-clear {
|
.lineheight-clear {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 商品列表单列样式
|
// 商品列表单列样式
|
||||||
@@ -386,12 +388,20 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
|
|
||||||
|
background-color: var(--main-color);
|
||||||
|
border-radius: 35rpx;
|
||||||
|
padding: 12rpx 24rpx;
|
||||||
|
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
.unit {
|
.unit {
|
||||||
margin-right: 6rpx;
|
margin-right: 6rpx;
|
||||||
color: var(--price-color);
|
color: var(--price-color);
|
||||||
}
|
}
|
||||||
.price {
|
.price {
|
||||||
color: var(--price-color);
|
color: var(--price-color);
|
||||||
|
color: #fff !important;
|
||||||
|
font-size: 15rpx !important;
|
||||||
|
font-weight: bold !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="detail-container" :class="{ 'safe-area': isIphoneX }" :style="themeColor">
|
||||||
<view class="detail-container" :class="{ 'safe-area': isIphoneX }">
|
|
||||||
<!-- 订单状态 -->
|
<!-- 订单状态 -->
|
||||||
<view class="status-wrap color-base-bg" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/order/status-wrap-bg.png') + ')' }">
|
<view class="status-wrap color-base-bg" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/order/status-wrap-bg.png') + ')' }">
|
||||||
<view class="order-status-left">
|
<view class="order-status-left">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<loading-cover ref="loadingCover"></loading-cover>
|
<loading-cover ref="loadingCover"></loading-cover>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<loading-cover ref="loadingCover"></loading-cover>
|
<loading-cover ref="loadingCover"></loading-cover>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="detail-container" :class="{ 'safe-area': isIphoneX }" :style="themeColor">
|
||||||
<view class="detail-container" :class="{ 'safe-area': isIphoneX }">
|
|
||||||
<!-- 订单状态 -->
|
<!-- 订单状态 -->
|
||||||
<view class="status-wrap color-base-bg" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/order/status-wrap-bg.png') + ')' }">
|
<view class="status-wrap color-base-bg" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/order/status-wrap-bg.png') + ')' }">
|
||||||
<view class="order-status-left">
|
<view class="order-status-left">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="order-container" :style="themeColor">
|
||||||
<view class="order-container">
|
|
||||||
<view class="cate-search">
|
<view class="cate-search">
|
||||||
<view class="search-box">
|
<view class="search-box">
|
||||||
<input class="uni-input" maxlength="50" v-model="searchText" confirm-type="search"
|
<input class="uni-input" maxlength="50" v-model="searchText" confirm-type="search"
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<common-payment :api="api" create-data-key="orderCreateData" ref="payment"></common-payment>
|
<common-payment :api="api" create-data-key="orderCreateData" ref="payment"></common-payment>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="apply" :style="themeColor">
|
||||||
<view class="apply">
|
|
||||||
<!-- 导航栏 -->
|
<!-- 导航栏 -->
|
||||||
<!-- #ifdef H5 -->
|
<!-- #ifdef H5 -->
|
||||||
<view class="head-nav color-base-bg"></view>
|
<view class="head-nav color-base-bg"></view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="bill" :style="themeColor">
|
||||||
<view class="bill" >
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8">
|
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="balances" v-if="accountList.length" v-for="item in accountList" :key="item.id">
|
<view class="balances" v-if="accountList.length" v-for="item in accountList" :key="item.id">
|
||||||
@@ -23,6 +22,14 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -30,6 +37,15 @@ export default {
|
|||||||
showEmpty: true
|
showEmpty: true
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
setTimeout( () => {
|
setTimeout( () => {
|
||||||
if (!this.addonIsExist.fenxiao) {
|
if (!this.addonIsExist.fenxiao) {
|
||||||
|
|||||||
@@ -1,20 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" top="0" class="member-point" :size="8" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getData" top="0" class="member-point" :size="8" v-if="storeToken">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="team-li" v-for="(item, index) in teamList" :key="index" v-if="teamList.length != 0" @click="toFenxiaoOrder(item)">
|
<view class="team-li" v-for="(item, index) in teamList" :key="index" v-if="teamList.length != 0"
|
||||||
|
@click="toFenxiaoOrder(item)">
|
||||||
<view class="li-box" :class="{ active: index + 1 == teamList.length }">
|
<view class="li-box" :class="{ active: index + 1 == teamList.length }">
|
||||||
<image v-if="item.headimg" :src="$util.img(item.headimg)" @error="imageError(index)" mode="aspectFill"></image>
|
<image v-if="item.headimg" :src="$util.img(item.headimg)" @error="imageError(index)"
|
||||||
|
mode="aspectFill"></image>
|
||||||
<image v-else :src="$util.getDefaultImage().head"></image>
|
<image v-else :src="$util.getDefaultImage().head"></image>
|
||||||
<view class="member-info">
|
<view class="member-info">
|
||||||
<view class="member-name">
|
<view class="member-name">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<view class="flex-box">
|
<view class="flex-box">
|
||||||
<view class="name">{{ item.nickname }}</view>
|
<view class="name">{{ item.nickname }}</view>
|
||||||
<view v-if="item.level_name" class="title color-base-border color-base-text">{{ item.level_name }}</view>
|
<view v-if="item.level_name" class="title color-base-border color-base-text">{{
|
||||||
|
item.level_name }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="color-tip font-size-goods-tag">加入时间:{{ $util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
<view class="color-tip font-size-goods-tag">加入时间:{{
|
||||||
|
$util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="consume-info">
|
<view class="consume-info">
|
||||||
<view><text>{{ item.one_child_fenxiao_num + item.one_child_num }}</text> 人</view>
|
<view><text>{{ item.one_child_fenxiao_num + item.one_child_num }}</text> 人</view>
|
||||||
@@ -37,6 +40,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -46,6 +56,15 @@ export default {
|
|||||||
emptyShow: false,
|
emptyShow: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
mixins: [fenxiaoWords],
|
mixins: [fenxiaoWords],
|
||||||
onShow() {
|
onShow() {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -269,6 +288,7 @@ export default {
|
|||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-box-btn {
|
.order-box-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 56rpx;
|
line-height: 56rpx;
|
||||||
@@ -282,6 +302,7 @@ export default {
|
|||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.li-box.active {
|
.li-box.active {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="content" :style="themeColor">
|
||||||
<view class="content">
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getGoodsList">
|
<mescroll-uni ref="mescroll" @getData="getGoodsList">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="goods-list" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/fenxiao/promote/promote_bg.png') + ')' }">
|
<view class="goods-list" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/fenxiao/promote/promote_bg.png') + ')' }">
|
||||||
@@ -133,10 +132,26 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import list from './public/js/goods_list.js';
|
import list from './public/js/goods_list.js';
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
mixins: [list, fenxiaoWords]
|
mixins: [list, fenxiaoWords]
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,21 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view class="fenxiao-index" :style="{ background: 'url(' + $util.img('public/uniapp/fenxiao/index/commissionFission-background.png') + ')',backgroundRepeat: 'no-repeat',backgroundSize:'100%' }">
|
<view class="fenxiao-index"
|
||||||
|
:style="{ background: 'url(' + $util.img('public/uniapp/fenxiao/index/commissionFission-background.png') + ')', backgroundRepeat: 'no-repeat', backgroundSize: '100%' }">
|
||||||
<block v-if="info.fenxiao_id > 0">
|
<block v-if="info.fenxiao_id > 0">
|
||||||
<!-- 头部 -->
|
<!-- 头部 -->
|
||||||
<view class="fenxiao-index-header" :class="{ 'not-level': !levelList.length }">
|
<view class="fenxiao-index-header" :class="{ 'not-level': !levelList.length }">
|
||||||
<view class="member">
|
<view class="member">
|
||||||
<view class="member-pic">
|
<view class="member-pic">
|
||||||
<image :src="info.headimg ? $util.img(info.headimg) : $util.getDefaultImage().head" @error="info.headimg = $util.getDefaultImage().head" mode="aspectFill"/>
|
<image :src="info.headimg ? $util.img(info.headimg) : $util.getDefaultImage().head"
|
||||||
|
@error="info.headimg = $util.getDefaultImage().head" mode="aspectFill" />
|
||||||
<!-- <text class="level-name ">{{ info.level_name }}</text> -->
|
<!-- <text class="level-name ">{{ info.level_name }}</text> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="member-info">
|
<view class="member-info">
|
||||||
<view class="member-info-box">
|
<view class="member-info-box">
|
||||||
<text class="name">{{ info.fenxiao_name }}</text>
|
<text class="name">{{ info.fenxiao_name }}</text>
|
||||||
<p class="level" v-if="info.level_num > 0"><img :src="$util.img('public/uniapp/fenxiao/index/commissionFission-level.png')" alt="" class="level-icon">{{ info.level_name }}</p>
|
<p class="level" v-if="info.level_num > 0"><img
|
||||||
|
:src="$util.img('public/uniapp/fenxiao/index/commissionFission-level.png')"
|
||||||
|
alt="" class="level-icon">{{ info.level_name }}</p>
|
||||||
</view>
|
</view>
|
||||||
<view class="recommend">上级代理商:{{ info.parent_name ? info.parent_name : '总店' }}</view>
|
<view class="recommend">上级代理商:{{ info.parent_name ? info.parent_name : '总店' }}</view>
|
||||||
<view class="recommend">已邀请成功:{{ teamNum.num }}人<text class="iconfont icon-right" style="font-size: 24rpx;"></text></view>
|
<view class="recommend">已邀请成功:{{ teamNum.num }}人<text class="iconfont icon-right"
|
||||||
|
style="font-size: 24rpx;"></text></view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="promote-rules font-size-tag" @click="$util.redirectTo('/pages_promotion/fenxiao/promote')">
|
<!-- <view class="promote-rules font-size-tag" @click="$util.redirectTo('/pages_promotion/fenxiao/promote')">
|
||||||
<text class="iconfont icon-wenhao font-size-tag"></text>
|
<text class="iconfont icon-wenhao font-size-tag"></text>
|
||||||
@@ -36,7 +41,8 @@
|
|||||||
<view class="allmoney-top-money">
|
<view class="allmoney-top-money">
|
||||||
<view class="allmoney-top">
|
<view class="allmoney-top">
|
||||||
<view class="font-size-sub">可{{ fenxiaoWords.withdraw }}(元)</view>
|
<view class="font-size-sub">可{{ fenxiaoWords.withdraw }}(元)</view>
|
||||||
<view class="withdrawal-record" @click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
<view class="withdrawal-record"
|
||||||
|
@click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
||||||
提现明细
|
提现明细
|
||||||
<text class="iconfont icon-right"></text>
|
<text class="iconfont icon-right"></text>
|
||||||
</view>
|
</view>
|
||||||
@@ -53,12 +59,16 @@
|
|||||||
<view class="title">已提现{{ fenxiaoWords.account }}</view>
|
<view class="title">已提现{{ fenxiaoWords.account }}</view>
|
||||||
<view class="money price-font">{{ info.account_withdraw | moneyFormat }}</view>
|
<view class="money price-font">{{ info.account_withdraw | moneyFormat }}</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="allmoney-all-wrap" @click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
<view class="allmoney-all-wrap"
|
||||||
<view class="title">提现中(元)<text class="iconfont icon-right" style="font-size: 24rpx;"></text></view>
|
@click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
||||||
|
<view class="title">提现中(元)<text class="iconfont icon-right"
|
||||||
|
style="font-size: 24rpx;"></text></view>
|
||||||
<view class="money price-font">{{ info.account_withdraw_apply | moneyFormat }}</view>
|
<view class="money price-font">{{ info.account_withdraw_apply | moneyFormat }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="allmoney-all-wrap" @click="$util.redirectTo('/pages_promotion/fenxiao/order', { type: 1 })">
|
<view class="allmoney-all-wrap"
|
||||||
<view class="title">待入账(元)<text class="iconfont icon-right" style="font-size: 24rpx;"></text></view>
|
@click="$util.redirectTo('/pages_promotion/fenxiao/order', { type: 1 })">
|
||||||
|
<view class="title">待入账(元)<text class="iconfont icon-right"
|
||||||
|
style="font-size: 24rpx;"></text></view>
|
||||||
<view class="money price-font">{{ info.in_progress_money | moneyFormat }}</view>
|
<view class="money price-font">{{ info.in_progress_money | moneyFormat }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -66,15 +76,18 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="fenxiao-index-allmoney" style="padding: 0;border-radius:24rpx;margin-top: 0;" @click="toPoster()">
|
<view class="fenxiao-index-allmoney" style="padding: 0;border-radius:24rpx;margin-top: 0;"
|
||||||
<image :src="$util.img('public/uniapp/fenxiao/index/commissionFission-qrcode1.png')" mode="widthFix" style="width: 100%;border-radius:24rpx" />
|
@click="toPoster()">
|
||||||
|
<image :src="$util.img('public/uniapp/fenxiao/index/commissionFission-qrcode1.png')" mode="widthFix"
|
||||||
|
style="width: 100%;border-radius:24rpx" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 功能列表 -->
|
<!-- 功能列表 -->
|
||||||
<view class="fenxiao-menu-list">
|
<view class="fenxiao-menu-list">
|
||||||
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/team')">
|
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/team')">
|
||||||
<view class="icon-wrap">
|
<view class="icon-wrap">
|
||||||
<image :src="$util.img('public/uniapp/fenxiao/index/down-line.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/fenxiao/index/down-line.png')" mode="widthFix">
|
||||||
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<view class="title">我的粉丝</view>
|
<view class="title">我的粉丝</view>
|
||||||
@@ -83,16 +96,19 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/withdraw_list')">
|
||||||
<view class="icon-wrap">
|
<view class="icon-wrap">
|
||||||
<image :src="$util.img('public/uniapp/fenxiao/index/jifenjiangli.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/fenxiao/index/jifenjiangli.png')" mode="widthFix">
|
||||||
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<view class="title">{{ fenxiaoWords.withdraw }}明细</view>
|
<view class="title">{{ fenxiaoWords.withdraw }}明细</view>
|
||||||
<view class="desc">累计{{ fenxiaoWords.account }}¥{{ info.total_commission | moneyFormat }}</view>
|
<view class="desc">累计{{ fenxiaoWords.account }}¥{{ info.total_commission | moneyFormat }}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/order')">
|
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/fenxiao/order')">
|
||||||
<view class="icon-wrap">
|
<view class="icon-wrap">
|
||||||
<image :src="$util.img('public/uniapp/fenxiao/index/fenxiaodingdan.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/fenxiao/index/fenxiaodingdan.png')" mode="widthFix">
|
||||||
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<view class="title">{{ fenxiaoWords.concept + '订单' }}</view>
|
<view class="title">{{ fenxiaoWords.concept + '订单' }}</view>
|
||||||
@@ -240,6 +256,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="level-top">
|
<view class="level-top">
|
||||||
<image :src="$util.img('public/uniapp/level/level-top-bg.png')"></image>
|
<image :src="$util.img('public/uniapp/level/level-top-bg.png')"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="withdraw-cate">
|
<view class="withdraw-cate">
|
||||||
<block v-for="(item, index) in category" :key="index">
|
<block v-for="(item, index) in category" :key="index">
|
||||||
<view @click="selectCate(item.id)" class="cate-li" :class="{ 'active color-base-text color-base-bg-before': selectId == item.id }">{{ item.name }}</view>
|
<view @click="selectCate(item.id)" class="cate-li" :class="{ 'active color-base-text color-base-bg-before': selectId == item.id }">{{ item.name }}</view>
|
||||||
@@ -80,8 +79,24 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
category: [
|
category: [
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="order-detail">
|
<view class="order-detail">
|
||||||
<view class="order-detail-box">
|
<view class="order-detail-box">
|
||||||
<view class="header">
|
<view class="header">
|
||||||
|
|||||||
@@ -1,11 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view class="fenxiao-promote" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/fenxiao/promote/promote_bg.png') + ')' }">
|
<view class="fenxiao-promote"
|
||||||
|
:style="{ backgroundImage: 'url(' + $util.img('public/uniapp/fenxiao/promote/promote_bg.png') + ')' }">
|
||||||
<view class="my-earnings">
|
<view class="my-earnings">
|
||||||
<view class="earnings-head-wrap">
|
<view class="earnings-head-wrap">
|
||||||
<view class="earnings-head">
|
<view class="earnings-head">
|
||||||
<image class="name" :src="$util.img('public/uniapp/fenxiao/promote/my_earnings.png')" mode="aspectFit"></image>
|
<image class="name" :src="$util.img('public/uniapp/fenxiao/promote/my_earnings.png')"
|
||||||
<image class="money-bg" :src="$util.img('public/uniapp/fenxiao/promote/money.png')" mode="aspectFill"></image>
|
mode="aspectFit"></image>
|
||||||
|
<image class="money-bg" :src="$util.img('public/uniapp/fenxiao/promote/money.png')"
|
||||||
|
mode="aspectFill"></image>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
累计收益
|
累计收益
|
||||||
<text class="money-text">{{ detailData.total_commission }}</text>
|
<text class="money-text">{{ detailData.total_commission }}</text>
|
||||||
@@ -21,12 +24,9 @@
|
|||||||
<scroll-view scroll-y="true" class="earnings-content-wrap" @scrolltolower="getTeam()">
|
<scroll-view scroll-y="true" class="earnings-content-wrap" @scrolltolower="getTeam()">
|
||||||
<view class="earnings-list" v-if="promote.list.length">
|
<view class="earnings-list" v-if="promote.list.length">
|
||||||
<view class="earnings-item" v-for="(item, index) in promote.list" :key="index">
|
<view class="earnings-item" v-for="(item, index) in promote.list" :key="index">
|
||||||
<image
|
<image class="item-img"
|
||||||
class="item-img"
|
|
||||||
:src="item.headimg ? $util.img(item.headimg) : $util.getDefaultImage().head"
|
:src="item.headimg ? $util.img(item.headimg) : $util.getDefaultImage().head"
|
||||||
@error="item.headimg = $util.getDefaultImage().head"
|
@error="item.headimg = $util.getDefaultImage().head" mode="aspectFill"></image>
|
||||||
mode="aspectFill"
|
|
||||||
></image>
|
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<view class="item-name multi-hidden">{{ item.nickname }}</view>
|
<view class="item-name multi-hidden">{{ item.nickname }}</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -37,8 +37,10 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="activity-rules">
|
<view class="activity-rules">
|
||||||
<image class="rules-name" :src="$util.img('public/uniapp/fenxiao/promote/activity_rules.png')" mode="aspectFit"></image>
|
<image class="rules-name" :src="$util.img('public/uniapp/fenxiao/promote/activity_rules.png')"
|
||||||
<view class="content" v-if="promoteContent.content"><rich-text :nodes="promoteContent.content"></rich-text></view>
|
mode="aspectFit"></image>
|
||||||
|
<view class="content" v-if="promoteContent.content"><rich-text
|
||||||
|
:nodes="promoteContent.content"></rich-text></view>
|
||||||
<view class="rules-empty" v-else>暂无活动规则</view>
|
<view class="rules-empty" v-else>暂无活动规则</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="active-btn"><button type="primary" @click="toPoster()">邀请好友</button></view>
|
<view class="active-btn"><button type="primary" @click="toPoster()">邀请好友</button></view>
|
||||||
@@ -51,6 +53,7 @@
|
|||||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -214,14 +217,17 @@ export default {
|
|||||||
background-color: #ff2d46;
|
background-color: #ff2d46;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
.my-earnings,
|
.my-earnings,
|
||||||
.activity-rules {
|
.activity-rules {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-earnings {
|
.my-earnings {
|
||||||
margin-top: 230rpx;
|
margin-top: 230rpx;
|
||||||
padding-bottom: 40rpx;
|
padding-bottom: 40rpx;
|
||||||
|
|
||||||
.earnings-head-wrap {
|
.earnings-head-wrap {
|
||||||
background-color: #fff7f5;
|
background-color: #fff7f5;
|
||||||
height: 160rpx;
|
height: 160rpx;
|
||||||
@@ -229,33 +235,40 @@ export default {
|
|||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.earnings-head {
|
.earnings-head {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 60rpx;
|
padding-top: 60rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 384rpx;
|
width: 384rpx;
|
||||||
height: 74rpx;
|
height: 74rpx;
|
||||||
top: -22rpx;
|
top: -22rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
font-size: $font-size-tag;
|
font-size: $font-size-tag;
|
||||||
}
|
}
|
||||||
|
|
||||||
.money-bg {
|
.money-bg {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.money-text {
|
.money-text {
|
||||||
margin: 0 6rpx;
|
margin: 0 6rpx;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.earnings-body {
|
.earnings-body {
|
||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
|
|
||||||
.earnings-tab {
|
.earnings-tab {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
@@ -264,9 +277,11 @@ export default {
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #e93224;
|
color: #e93224;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
|
|
||||||
text.active {
|
text.active {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
@@ -279,35 +294,43 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.earnings-content-wrap {
|
.earnings-content-wrap {
|
||||||
max-height: 440rpx;
|
max-height: 440rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.earnings-item {
|
.earnings-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-img {
|
.item-img {
|
||||||
width: 90rpx;
|
width: 90rpx;
|
||||||
height: 90rpx;
|
height: 90rpx;
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-time {
|
.item-time {
|
||||||
font-size: $font-size-tag;
|
font-size: $font-size-tag;
|
||||||
color: $color-tip;
|
color: $color-tip;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-name {
|
.item-name {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.money {
|
.money {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
color: #f9b124;
|
color: #f9b124;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.earnings-empty {
|
.earnings-empty {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -316,10 +339,12 @@ export default {
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.activity-rules {
|
.activity-rules {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 60rpx;
|
margin-top: 60rpx;
|
||||||
min-height: 300rpx;
|
min-height: 300rpx;
|
||||||
|
|
||||||
.rules-name {
|
.rules-name {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 384rpx;
|
width: 384rpx;
|
||||||
@@ -328,9 +353,11 @@ export default {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 70rpx 20rpx 0;
|
padding: 70rpx 20rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rules-empty {
|
.rules-empty {
|
||||||
padding-top: 140rpx;
|
padding-top: 140rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<swiper class="swiper" @change="getIndex">
|
<swiper class="swiper" @change="getIndex">
|
||||||
<swiper-item v-for="(item, index) in poster" :key="index">
|
<swiper-item v-for="(item, index) in poster" :key="index">
|
||||||
<view class="swiper-item">
|
<view class="swiper-item">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" top="0" :size="10">
|
<mescroll-uni ref="mescroll" @getData="getData" top="0" :size="10">
|
||||||
<view slot="list">
|
<view slot="list">
|
||||||
<block v-if="list.length != 0">
|
<block v-if="list.length != 0">
|
||||||
@@ -98,7 +97,25 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
list: [],
|
list: [],
|
||||||
|
|||||||
@@ -1,29 +1,33 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" top="20" class="member-point" :size="8" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getData" top="20" class="member-point" :size="8" v-if="storeToken">
|
||||||
<view class="goods_list" slot="list">
|
<view class="goods_list" slot="list">
|
||||||
<view class="order-list">
|
<view class="order-list">
|
||||||
<view class="order-item" v-for="(orderItem, orderIndex) in orderList" :key="orderIndex" @click="toDetail(orderItem.fenxiao_order_id)">
|
<view class="order-item" v-for="(orderItem, orderIndex) in orderList" :key="orderIndex"
|
||||||
|
@click="toDetail(orderItem.fenxiao_order_id)">
|
||||||
<view class="order-header">
|
<view class="order-header">
|
||||||
<text class="site-name font-size-base">{{ orderItem.order_no }}</text>
|
<text class="site-name font-size-base">{{ orderItem.order_no }}</text>
|
||||||
<text class="status-name color-base-text" v-if="orderItem.is_refund == 1">已退款</text>
|
<text class="status-name color-base-text" v-if="orderItem.is_refund == 1">已退款</text>
|
||||||
<text class="status-name color-text-green" v-else-if="orderItem.is_settlement == 1">已结算</text>
|
<text class="status-name color-text-green"
|
||||||
|
v-else-if="orderItem.is_settlement == 1">已结算</text>
|
||||||
<text class="status-name color-text-orange" v-else>待结算</text>
|
<text class="status-name color-text-orange" v-else>待结算</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="order-body">
|
<view class="order-body">
|
||||||
<view class="goods-wrap">
|
<view class="goods-wrap">
|
||||||
<view class="goods-img">
|
<view class="goods-img">
|
||||||
<image :src="$util.img(orderItem.sku_image, { size: 'mid' })" @error="imageError(orderIndex)" mode="aspectFill" :lazy-load="true"></image>
|
<image :src="$util.img(orderItem.sku_image, { size: 'mid' })"
|
||||||
|
@error="imageError(orderIndex)" mode="aspectFill" :lazy-load="true"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="goods-info">
|
<view class="goods-info">
|
||||||
<view class="top-wrap">
|
<view class="top-wrap">
|
||||||
<view class="goods-name font-size-base">{{ orderItem.sku_name }}</view>
|
<view class="goods-name font-size-base">{{ orderItem.sku_name }}</view>
|
||||||
<view>
|
<view>
|
||||||
<text class="color-tip">返{{ fenxiaoWords.account }}</text>
|
<text class="color-tip">返{{ fenxiaoWords.account }}</text>
|
||||||
<text class="price-color font-size-goods-tag">{{ $lang('common.currencySymbol') }}</text>
|
<text class="price-color font-size-goods-tag">{{
|
||||||
<text class="price-color font-size-toolbar">{{ orderItem.commission }}</text>
|
$lang('common.currencySymbol') }}</text>
|
||||||
|
<text class="price-color font-size-toolbar">{{ orderItem.commission
|
||||||
|
}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="goods-sub-section">
|
<view class="goods-sub-section">
|
||||||
@@ -57,7 +61,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cart-empty"><ns-empty text="暂无订单" :isIndex="false" v-if="orderList.length == 0 && emptyShow"></ns-empty></view>
|
<view class="cart-empty"><ns-empty text="暂无订单" :isIndex="false"
|
||||||
|
v-if="orderList.length == 0 && emptyShow"></ns-empty></view>
|
||||||
</view>
|
</view>
|
||||||
</mescroll-uni>
|
</mescroll-uni>
|
||||||
|
|
||||||
@@ -67,9 +72,25 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
orderList: [],
|
orderList: [],
|
||||||
@@ -141,9 +162,11 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import './public/css/order.scss';
|
@import './public/css/order.scss';
|
||||||
|
|
||||||
.goods-wraps {
|
.goods-wraps {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goods_list .order-item .order-body .goods-wraps .goods-img,
|
.goods_list .order-item .order-body .goods-wraps .goods-img,
|
||||||
.goods_list .order-item .order-body .goods-wraps .goods-info,
|
.goods_list .order-item .order-body .goods-wraps .goods-info,
|
||||||
.goods_list .order-item .order-footers {
|
.goods_list .order-item .order-footers {
|
||||||
|
|||||||
@@ -1,16 +1,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="team-cate" v-if="storeToken && levelNum > 1">
|
<view class="team-cate" v-if="storeToken && levelNum > 1">
|
||||||
<block v-for="(item, index) in levelList" :key="index">
|
<block v-for="(item, index) in levelList" :key="index">
|
||||||
<view class="cate-li" :class="{ 'active color-base-text color-base-border': currentLevel == item.level }" @click="selectLevel(item.level)">{{ item.name }}</view>
|
<view class="cate-li"
|
||||||
|
:class="{ 'active color-base-text color-base-border': currentLevel == item.level }"
|
||||||
|
@click="selectLevel(item.level)">{{ item.name }}</view>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" :top="levelNum > 1 ? 90 : 0" class="member-point" :size="8" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getData" :top="levelNum > 1 ? 90 : 0" class="member-point" :size="8"
|
||||||
|
v-if="storeToken">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="team-li" v-for="(item, index) in teamList" :key="index" v-if="teamList.length != 0" @click="toFenxiaoOrder(item)">
|
<view class="team-li" v-for="(item, index) in teamList" :key="index" v-if="teamList.length != 0"
|
||||||
|
@click="toFenxiaoOrder(item)">
|
||||||
<view class="li-box" :class="{ active: index + 1 == teamList.length }">
|
<view class="li-box" :class="{ active: index + 1 == teamList.length }">
|
||||||
<image v-if="item.headimg" :src="$util.img(item.headimg)" @error="imageError(index)" mode="aspectFill"></image>
|
<image v-if="item.headimg" :src="$util.img(item.headimg)" @error="imageError(index)"
|
||||||
|
mode="aspectFill"></image>
|
||||||
<image v-else :src="$util.getDefaultImage().head"></image>
|
<image v-else :src="$util.getDefaultImage().head"></image>
|
||||||
<view class="member-info">
|
<view class="member-info">
|
||||||
<view class="member-name">
|
<view class="member-name">
|
||||||
@@ -18,9 +22,11 @@
|
|||||||
<view class="left">
|
<view class="left">
|
||||||
<view class="flex-box">
|
<view class="flex-box">
|
||||||
<view class="name">{{ item.nickname }}</view>
|
<view class="name">{{ item.nickname }}</view>
|
||||||
<view class="title color-base-border color-base-text">{{ fenxiaoWords.fenxiao_name }}</view>
|
<view class="title color-base-border color-base-text">{{
|
||||||
|
fenxiaoWords.fenxiao_name }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="color-tip font-size-goods-tag">加入时间:{{ $util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
<view class="color-tip font-size-goods-tag">加入时间:{{
|
||||||
|
$util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="consume-info">
|
<view class="consume-info">
|
||||||
<view>
|
<view>
|
||||||
@@ -44,7 +50,8 @@
|
|||||||
<text>{{ item.nickname }}</text>
|
<text>{{ item.nickname }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="color-tip font-size-goods-tag">加入时间:{{ $util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
<view class="color-tip font-size-goods-tag">加入时间:{{
|
||||||
|
$util.timeStampTurnTime(item.bind_fenxiao_time).substring(0, 10) }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="consume-info">
|
<view class="consume-info">
|
||||||
<view>
|
<view>
|
||||||
@@ -65,7 +72,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<block v-if="teamList.length == 0 && emptyShow"><ns-empty text="暂无数据" :isIndex="false"></ns-empty></block>
|
<block v-if="teamList.length == 0 && emptyShow"><ns-empty text="暂无数据" :isIndex="false"></ns-empty>
|
||||||
|
</block>
|
||||||
</block>
|
</block>
|
||||||
</mescroll-uni>
|
</mescroll-uni>
|
||||||
|
|
||||||
@@ -75,8 +83,24 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
levelList: [
|
levelList: [
|
||||||
@@ -335,6 +359,7 @@ export default {
|
|||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-box-btn {
|
.order-box-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 56rpx;
|
line-height: 56rpx;
|
||||||
@@ -348,6 +373,7 @@ export default {
|
|||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.li-box.active {
|
.li-box.active {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="bank-account-wrap" @click="goAccount()">
|
<view class="bank-account-wrap" @click="goAccount()">
|
||||||
<view class="tx-wrap" v-if="bankAccountInfo.withdraw_type && !isBalance">
|
<view class="tx-wrap" v-if="bankAccountInfo.withdraw_type && !isBalance">
|
||||||
<text class="tx-to">提现到</text>
|
<text class="tx-to">提现到</text>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni @getData="getData" class="member-point">
|
<mescroll-uni @getData="getData" class="member-point">
|
||||||
<view slot="list">
|
<view slot="list">
|
||||||
<block v-if="withdrawList.length">
|
<block v-if="withdrawList.length">
|
||||||
@@ -31,9 +30,25 @@
|
|||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
import fenxiaoWords from 'common/js/fenxiao-words.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
withdrawState: {
|
withdrawState: {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="money-wrap">
|
<view class="money-wrap">
|
||||||
<text>-{{ detail.money }}</text>
|
<text>-{{ detail.money }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="content" :style="themeColor">
|
||||||
<view class="content">
|
|
||||||
<view class="head-wrap">
|
<view class="head-wrap">
|
||||||
<!-- 搜索区域 -->
|
<!-- 搜索区域 -->
|
||||||
<view class="search-wrap uni-flex uni-row" style="margin-bottom: 20rpx;">
|
<view class="search-wrap uni-flex uni-row" style="margin-bottom: 20rpx;">
|
||||||
@@ -79,7 +78,7 @@
|
|||||||
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="discount-price" v-else>
|
<view class="discount-price" v-else>
|
||||||
<text class="price price-style large">{{ $lang('Make') ? $lang('Make') : '咨询' }}</text>
|
<text class="price price-style large">{{ $lang('Make') ? $lang('Make') : '询底价' }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
@@ -164,7 +163,7 @@
|
|||||||
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="discount-price" v-else>
|
<view class="discount-price" v-else>
|
||||||
<text class="price price-style large">{{ $lang('Make') ? $lang('Make') : '咨询' }}</text>
|
<text class="price price-style large">{{ $lang('Make') ? $lang('Make') : '询底价' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
|
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
|
||||||
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix"></image>
|
||||||
@@ -294,13 +293,27 @@
|
|||||||
import uniDrawer from '@/components/uni-drawer/uni-drawer.vue';
|
import uniDrawer from '@/components/uni-drawer/uni-drawer.vue';
|
||||||
import uniTag from '@/components/uni-tag/uni-tag.vue';
|
import uniTag from '@/components/uni-tag/uni-tag.vue';
|
||||||
import nsGoodsSkuIndex from '@/components/ns-goods-sku/ns-goods-sku-index.vue';
|
import nsGoodsSkuIndex from '@/components/ns-goods-sku/ns-goods-sku-index.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import list from './public/js/list.js';
|
import list from './public/js/list.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
uniDrawer,
|
uniDrawer,
|
||||||
uniTag,
|
uniTag,
|
||||||
nsGoodsSkuIndex
|
nsGoodsSkuIndex,
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="category-page-wrap category-template-1" style="height: calc(-56px + 100vh);">
|
<view class="category-page-wrap category-template-1" style="height: calc(-56px + 100vh);">
|
||||||
|
|
||||||
<!-- <view class="search-box" @click="$util.redirectTo('/pages_tool/goods/search')">
|
<!-- <view class="search-box" @click="$util.redirectTo('/pages_tool/goods/search')">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view scroll-y="true" class="goods-detail" :class="isIphoneX ? 'active' : ''">
|
<view scroll-y="true" class="goods-detail" :class="isIphoneX ? 'active' : ''">
|
||||||
<view class="goods-container">
|
<view class="goods-container">
|
||||||
<view class="goods-media">
|
<view class="goods-media">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="content" :style="themeColor">
|
||||||
<view class="content">
|
|
||||||
<view class="head-wrap">
|
<view class="head-wrap">
|
||||||
<!-- 搜索区域 -->
|
<!-- 搜索区域 -->
|
||||||
<view class="search-wrap uni-flex uni-row">
|
<view class="search-wrap uni-flex uni-row">
|
||||||
@@ -116,11 +115,25 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import uniDrawer from '@/components/uni-drawer/uni-drawer.vue';
|
import uniDrawer from '@/components/uni-drawer/uni-drawer.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
uniDrawer,
|
uniDrawer,
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="conteiner" :style="themeColor">
|
||||||
<view class="conteiner">
|
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<view class="point-navbar"
|
<view class="point-navbar"
|
||||||
:style="{'padding-top': menuButtonBounding.top + 'px', height: menuButtonBounding.height + 'px' }">
|
:style="{'padding-top': menuButtonBounding.top + 'px', height: menuButtonBounding.height + 'px' }">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="order-container" :style="themeColor">
|
||||||
<view class="order-container">
|
|
||||||
<view class="order-nav" v-if="storeToken">
|
<view class="order-nav" v-if="storeToken">
|
||||||
<view v-for="(statusItem, statusIndex) in statusList" :key="statusIndex" class="uni-tab-item" :id="statusItem.id" :data-current="statusIndex" @click="ontabtap">
|
<view v-for="(statusItem, statusIndex) in statusList" :key="statusIndex" class="uni-tab-item" :id="statusItem.id" :data-current="statusIndex" @click="ontabtap">
|
||||||
<text class="uni-tab-item-title" :class="statusItem.status == orderStatus ? 'uni-tab-item-title-active color-base-text' : ''">
|
<text class="uni-tab-item-title" :class="statusItem.status == orderStatus ? 'uni-tab-item-title-active color-base-text' : ''">
|
||||||
@@ -84,7 +83,24 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
orderList: [],
|
orderList: [],
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="order-container" :style="themeColor" :class="{ 'safe-area': isIphoneX }">
|
||||||
<view class="order-container" :class="{ 'safe-area': isIphoneX }">
|
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<view class="payment-navbar" :style="{
|
<view class="payment-navbar" :style="{
|
||||||
'padding-top': menuButtonBounding.top + 'px',
|
'padding-top': menuButtonBounding.top + 'px',
|
||||||
@@ -280,10 +279,26 @@
|
|||||||
<script>
|
<script>
|
||||||
import payment from './public/js/payment.js';
|
import payment from './public/js/payment.js';
|
||||||
import uniPopup from '@/components/uni-popup/uni-popup.vue';
|
import uniPopup from '@/components/uni-popup/uni-popup.vue';
|
||||||
|
import nsSelectTime from '@/components/ns-select-time/ns-select-time.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
uniPopup,
|
uniPopup,
|
||||||
|
nsSelectTime,
|
||||||
|
nsLogin,
|
||||||
|
MescrollUni,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
mixins: [payment]
|
mixins: [payment]
|
||||||
};
|
};
|
||||||
@@ -292,18 +307,18 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "@/common/css/order_parment.scss";
|
@import "@/common/css/order_parment.scss";
|
||||||
</style>
|
</style>
|
||||||
<style scoped>
|
<style lang="scss" scoped>
|
||||||
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
||||||
background: none;
|
background: none;
|
||||||
max-height: unset !important;
|
max-height: unset !important;
|
||||||
overflow-y: hidden !important;
|
overflow-y: hidden !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
>>>.uni-popup__wrapper {
|
/deep/ .uni-popup__wrapper {
|
||||||
border-radius: 20rpx 20rpx 0 0;
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
>>>.uni-popup {
|
/deep/ .uni-popup {
|
||||||
z-index: 8;
|
z-index: 8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="image-wrap">
|
<view class="image-wrap">
|
||||||
<image :src="$util.img('public/uniapp/pay/pay_success.png')" class="result-image" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/pay/pay_success.png')" class="result-image" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view style="padding: 20rpx;" :style="themeColor">
|
||||||
<view style="padding: 20rpx;">
|
|
||||||
<rich-text :nodes="content"></rich-text>
|
<rich-text :nodes="content"></rich-text>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="page" :style="themeColor">
|
||||||
<view class="page">
|
|
||||||
<view class="help-title">{{ detail.article_title }}</view>
|
<view class="help-title">{{ detail.article_title }}</view>
|
||||||
<view class="help-meta" v-if="detail.is_show_release_time == 1">
|
<view class="help-meta" v-if="detail.is_show_release_time == 1">
|
||||||
<text class="help-time">发表时间: {{ $util.timeStampTurnTime(detail.create_time) }}</text>
|
<text class="help-time">发表时间: {{ $util.timeStampTurnTime(detail.create_time) }}</text>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni @getData="getData" ref="mescroll">
|
<mescroll-uni @getData="getData" ref="mescroll">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="article-wrap" v-if="list.length">
|
<view class="article-wrap" v-if="list.length">
|
||||||
@@ -35,6 +34,14 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import nsAdv from '@/pages_tool/components/ns-adv/ns-adv.vue';
|
import nsAdv from '@/pages_tool/components/ns-adv/ns-adv.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -42,7 +49,14 @@
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
nsAdv
|
nsAdv,
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.setPublicShare();
|
this.setPublicShare();
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="about w100">
|
<view class="about w100">
|
||||||
<view class="bg border-top"></view>
|
<view class="bg border-top"></view>
|
||||||
<view class="list_cotact padding-top">
|
<view class="list_cotact padding-top">
|
||||||
@@ -11,7 +10,7 @@
|
|||||||
style="background: #1daa39;width: 100%;border-radius: 10rpx;">
|
style="background: #1daa39;width: 100%;border-radius: 10rpx;">
|
||||||
<view class="bl bor" style="box-sizing: border-box;">
|
<view class="bl bor" style="box-sizing: border-box;">
|
||||||
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
|
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
|
||||||
<view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
|
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -23,19 +22,20 @@
|
|||||||
<button class="bl bor" hoverClass="none" openType="contact" sessionFrom="weapp"
|
<button class="bl bor" hoverClass="none" openType="contact" sessionFrom="weapp"
|
||||||
showMessageCard="true" style="margin: 0;">
|
showMessageCard="true" style="margin: 0;">
|
||||||
<image mode="heightFix" :src="$util.img('public/static/img/kefu.png')"></image>
|
<image mode="heightFix" :src="$util.img('public/static/img/kefu.png')"></image>
|
||||||
<view class="name bl line1">专属客服</view>
|
<view class="name bl line1">{{ $lang('exclusiveCustomerService') }}</view>
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
<view @click="tapMessage" class="view_li w50_li text-center">
|
<view @click="tapMessage" class="view_li w50_li text-center">
|
||||||
<view class="bl bor" style="box-sizing: border-box;">
|
<view class="bl bor" style="box-sizing: border-box;">
|
||||||
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
|
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
|
||||||
<view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
|
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
|
|
||||||
<view class="view_ul_100" v-for="(item, index) in dataList" :key="index" style="margin-bottom: 20rpx;">
|
<view class="view_ul_100" v-for="(item, index) in dataList" :key="index"
|
||||||
|
style="margin-bottom: 20rpx;">
|
||||||
|
|
||||||
<view class="bl clearfix bor bg-white"
|
<view class="bl clearfix bor bg-white"
|
||||||
:style="{ backgroundImage: ' url(' + $util.img(personnel_bg) + ')', backgroundSize: '100% 100%' }">
|
:style="{ backgroundImage: ' url(' + $util.img(personnel_bg) + ')', backgroundSize: '100% 100%' }">
|
||||||
@@ -51,10 +51,7 @@
|
|||||||
<image mode="widthFix" :src="$util.img('public/static/img/boda.png')"
|
<image mode="widthFix" :src="$util.img('public/static/img/boda.png')"
|
||||||
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
|
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
|
||||||
<view style="flex: 1;">{{ item.mobile }}</view>
|
<view style="flex: 1;">{{ item.mobile }}</view>
|
||||||
<view
|
<view class="btn-container" @click="Tel(item.mobile)"><span class="contact-btn" style="background: #0054a5;">{{ $lang('call') }}</span>
|
||||||
style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)"
|
|
||||||
@click="Tel(item.mobile)"><span
|
|
||||||
style="background: #0054a5;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">一键拨打</span>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="contact_name"
|
<view class="contact_name"
|
||||||
@@ -62,10 +59,7 @@
|
|||||||
<image mode="widthFix" :src="$util.img('public/static/img/emall.png')"
|
<image mode="widthFix" :src="$util.img('public/static/img/emall.png')"
|
||||||
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
|
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
|
||||||
<view style="flex: 1;">{{ item.email }}</view>
|
<view style="flex: 1;">{{ item.email }}</view>
|
||||||
<view
|
<view class="btn-container" @click="copy(item.email)"><span class="contact-btn" style="background: #888;">{{ $lang('copy') }}</span>
|
||||||
style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)"
|
|
||||||
@click="tomap()"><span
|
|
||||||
style="background: #888;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">立即导航</span>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -90,7 +84,7 @@
|
|||||||
:longitude="shop.longitude" :latitude="shop.latitude" show-location>
|
:longitude="shop.longitude" :latitude="shop.latitude" show-location>
|
||||||
<cover-view
|
<cover-view
|
||||||
style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;"
|
style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;"
|
||||||
@click="tomap"><cover-view style="font-size:24rpx">一键导航</cover-view>
|
@click="tomap"><cover-view style="font-size:24rpx">{{ $lang('oneClickNavigation') }}</cover-view>
|
||||||
</cover-view>
|
</cover-view>
|
||||||
</map>
|
</map>
|
||||||
</view>
|
</view>
|
||||||
@@ -110,45 +104,42 @@
|
|||||||
<uni-popup ref="informationPopup" type="bottom" @change="change">
|
<uni-popup ref="informationPopup" type="bottom" @change="change">
|
||||||
<view class="liuyan-popup-layer popup-layer">
|
<view class="liuyan-popup-layer popup-layer">
|
||||||
<view class="head-wrap" @click="closeinformationPopup()">
|
<view class="head-wrap" @click="closeinformationPopup()">
|
||||||
<text>在线留言</text>
|
<text>{{ $lang('onlineMessage') }}</text>
|
||||||
<text class="iconfont icon-close"></text>
|
<text class="iconfont icon-close"></text>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y class="liuyan-body">
|
<scroll-view scroll-y class="liuyan-body">
|
||||||
<view style="padding: 0 30rpx;">
|
<view style="padding: 0 30rpx;">
|
||||||
<view class="fui-cell-group">
|
<view class="fui-cell-group">
|
||||||
<view class="fui-cell ">
|
<view class="fui-cell ">
|
||||||
<view class="fui-cell-label ">姓名</view>
|
<view class="fui-cell-label ">{{ $lang('name') }}</view>
|
||||||
<view class="fui-cell-info">
|
<view class="fui-cell-info">
|
||||||
<input v-model="Form.realname" class="fui-input" placeholder="请输入您的姓名"
|
<input v-model="Form.realname" class="fui-input" :placeholder="$lang('pleaseEnterName')" value=""></input>
|
||||||
value=""></input>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="fui-cell ">
|
<view class="fui-cell ">
|
||||||
<view class="fui-cell-label">联系方式</view>
|
<view class="fui-cell-label">{{ $lang('contactInfo') }}</view>
|
||||||
<view class="fui-cell-info">
|
<view class="fui-cell-info">
|
||||||
<input v-model="Form.mobile" class="fui-input" maxlength="11"
|
<input v-model="Form.mobile" class="fui-input" maxlength="11" :placeholder="$lang('pleaseEnterMobile')" type="number"></input>
|
||||||
placeholder="请输入您的手机号" type="number"></input>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="fui-cell ">
|
<view class="fui-cell ">
|
||||||
<view class="fui-cell-label" style="position: absolute;top:10px">留言内容</view>
|
<view class="fui-cell-label" style="position: absolute;top:10px">{{ $lang('messageContent') }}</view>
|
||||||
<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
|
<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
|
||||||
<!-- <input v-model="Form.mailbox" class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
|
<!-- <input v-model="Form.mailbox" class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
|
||||||
<textarea class="textarea" v-model="Form.remark" placeholder="请输入留言内容"
|
<textarea class="textarea" v-model="Form.remark" :placeholder="$lang('pleaseEnterMessage')" style="font-size: 28rpx;padding: 10rpx;"></textarea>
|
||||||
style="font-size: 28rpx;padding: 10rpx;"></textarea>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view class="button-box"><button type="primary" @click="save()">提交</button></view>
|
<view class="button-box"><button type="primary" @click="save()">{{ $lang('submit') }}</button></view>
|
||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
|
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
|
||||||
</view>
|
|
||||||
<hover-nav></hover-nav>
|
<hover-nav></hover-nav>
|
||||||
<diy-bottom-nav></diy-bottom-nav>
|
<diy-bottom-nav></diy-bottom-nav>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -273,18 +264,23 @@ export default {
|
|||||||
copy(text) {
|
copy(text) {
|
||||||
uni.setClipboardData({
|
uni.setClipboardData({
|
||||||
data: text,
|
data: text,
|
||||||
success: function () {
|
success: () => {
|
||||||
console.log('复制成功');
|
console.log('复制成功');
|
||||||
// 可以添加用户友好的提示,例如使用uni.showToast提示复制成功
|
// 可以添加用户友好的提示,例如使用uni.showToast提示复制成功
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '复制成功',
|
title: this.$lang('copySuccess'),
|
||||||
icon: 'success',
|
icon: 'success',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
fail: function () {
|
fail: (err) => {
|
||||||
console.log('复制失败');
|
console.log('复制失败');
|
||||||
// 可以添加错误处理或用户友好的提示
|
// 可以添加错误处理或用户友好的提示
|
||||||
|
uni.showToast({
|
||||||
|
title: err.message || err.errMsg || this.$lang('copyFailed'),
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -292,7 +288,7 @@ export default {
|
|||||||
uni.openLocation({
|
uni.openLocation({
|
||||||
latitude: parseFloat(this.shop.latitude),
|
latitude: parseFloat(this.shop.latitude),
|
||||||
longitude: parseFloat(this.shop.longitude),
|
longitude: parseFloat(this.shop.longitude),
|
||||||
name: "一键导航",
|
name: this.$lang('oneClickNavigation'),
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -547,6 +543,27 @@ image {
|
|||||||
padding-left: 0rpx;
|
padding-left: 0rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-container {
|
||||||
|
white-space: nowrap;
|
||||||
|
min-width: 140rpx;
|
||||||
|
width: max-content;
|
||||||
|
margin-top: 0rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: rgba(71, 71, 71, .79);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-btn {
|
||||||
|
color: #fff;
|
||||||
|
padding: 6rpx 30rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
min-width: 100rpx;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.contact_name image {
|
.contact_name image {
|
||||||
opacity: .79;
|
opacity: .79;
|
||||||
width: 30rpx;
|
width: 30rpx;
|
||||||
@@ -564,7 +581,6 @@ image {
|
|||||||
width: 90rpx;
|
width: 90rpx;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="page" v-if="detail">
|
<view class="page" v-if="detail">
|
||||||
<view class="form-banner">
|
<view class="form-banner">
|
||||||
<image :src="$util.img('public/uniapp/form/banner.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/form/banner.png')" mode="widthFix"></image>
|
||||||
|
|||||||
165
pages_tool/form/formdata.vue
Normal file
165
pages_tool/form/formdata.vue
Normal file
@@ -0,0 +1,165 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<block v-if="detail">
|
||||||
|
<view class="page">
|
||||||
|
<view class="system-form-wrap">
|
||||||
|
<view class="form-title" style="text-align:center;padding-top:40rpx;font-weight:600;font-size:30rpx;">
|
||||||
|
请填写表单所需信息
|
||||||
|
</view>
|
||||||
|
<ns-newform ref="form" :data="detail.json_data" @submit="create"></ns-newform>
|
||||||
|
<button class="button mini" style="font-size:32rpx;" type="primary" size="mini" @click="create">提交</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<ns-empty :text="complete ? '提交成功' : '未获取到表单信息'" :isIndex="false"></ns-empty>
|
||||||
|
</block>
|
||||||
|
<loading-cover ref="loadingCover"></loading-cover>
|
||||||
|
<ns-login ref="login"></ns-login>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: 0,
|
||||||
|
detail: null,
|
||||||
|
isRepeat: false,
|
||||||
|
complete: false,
|
||||||
|
scroll: true,
|
||||||
|
uniacid: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
if (!options.uniacid) {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '参数错误',
|
||||||
|
showCancel: false,
|
||||||
|
success: () => {}
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
this.uniacid = options.uniacid
|
||||||
|
this.id = options.id || 0
|
||||||
|
|
||||||
|
if (options.scene) {
|
||||||
|
const scene = decodeURIComponent(options.scene)
|
||||||
|
const params = scene.split('&')
|
||||||
|
params.length && params.forEach(item => {
|
||||||
|
if (item.indexOf('id') != -1) {
|
||||||
|
this.id = item.split('-')[1]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
storeToken(newVal, oldVal) {
|
||||||
|
newVal && this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
this.$api.sendRequest({
|
||||||
|
url: '/form/api/form/info',
|
||||||
|
data: {
|
||||||
|
form_id: this.id,
|
||||||
|
uniacid: this.uniacid
|
||||||
|
},
|
||||||
|
success: res => {
|
||||||
|
if (res.code == 0 && res.data) {
|
||||||
|
this.detail = res.data
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: res.data.form_name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.$refs.loadingCover && this.$refs.loadingCover.hide()
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
this.$refs.loadingCover && this.$refs.loadingCover.hide()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
create() {
|
||||||
|
if (!this.$refs.form.verify()) return
|
||||||
|
|
||||||
|
if (this.isRepeat) return
|
||||||
|
|
||||||
|
this.isRepeat = true
|
||||||
|
this.$api.sendRequest({
|
||||||
|
url: '/form/api/form/create',
|
||||||
|
data: {
|
||||||
|
form_id: this.id,
|
||||||
|
form_data: JSON.stringify(this.$refs.form.formData),
|
||||||
|
uniacid: this.uniacid
|
||||||
|
},
|
||||||
|
success: res => {
|
||||||
|
if (res.code == 0) {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '提交成功',
|
||||||
|
showCancel: false,
|
||||||
|
success: () => {}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.isRepeat = false
|
||||||
|
this.$util.showToast({
|
||||||
|
title: res.message
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
page {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-banner {
|
||||||
|
width: 100vw;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-banner image {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.system-form-wrap {
|
||||||
|
border-radius: 32rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 0 60rpx 0;
|
||||||
|
padding: 0 12rpx;
|
||||||
|
transform: translateY(-40rpx);
|
||||||
|
}
|
||||||
|
|
||||||
|
.system-form-wrap .form-title {
|
||||||
|
line-height: 100rpx;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.system-form-wrap .button {
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx !important;
|
||||||
|
margin-top: 30rpx !important;
|
||||||
|
width: 84%;
|
||||||
|
margin-left: 28rpx !important;
|
||||||
|
border-radius: 80rpx;
|
||||||
|
background: #f4391c;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.system-form-wrap .form-wrap {
|
||||||
|
background: #fff;
|
||||||
|
padding: 30rpx;
|
||||||
|
border-radius: 32rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -27,11 +27,25 @@
|
|||||||
import uniGrid from '@/components/uni-grid/uni-grid.vue';
|
import uniGrid from '@/components/uni-grid/uni-grid.vue';
|
||||||
import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue';
|
import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue';
|
||||||
import nsAdv from '@/pages_tool/components/ns-adv/ns-adv.vue';
|
import nsAdv from '@/pages_tool/components/ns-adv/ns-adv.vue';
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
uniGrid,
|
uniGrid,
|
||||||
uniGridItem,
|
uniGridItem,
|
||||||
nsAdv
|
nsAdv,
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="cf-container color-line-border">
|
<view class="cf-container color-line-border">
|
||||||
<view class="tab">
|
<view class="tab">
|
||||||
<view @click="changeSort(1)"><text :class="sort == 1 ? 'color-base-text active color-base-border-bottom' : ''">全部</text></view>
|
<view @click="changeSort(1)"><text :class="sort == 1 ? 'color-base-text active color-base-border-bottom' : ''">全部</text></view>
|
||||||
@@ -71,7 +70,23 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
list: [],
|
list: [],
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="wx-code">
|
<view class="wx-code">
|
||||||
<image :src="$util.img(path)" />
|
<image :src="$util.img(path)" />
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="goods-evaluate" :style="themeColor">
|
||||||
<view class="goods-evaluate">
|
|
||||||
<view class="evaluate-tab">
|
<view class="evaluate-tab">
|
||||||
<view v-for="(item, index) in evaluateList" :key="index" :class="evaluateTab == item.value ? 'active-tab' : ''" @click="onEvaluateTab(item.value)">
|
<view v-for="(item, index) in evaluateList" :key="index"
|
||||||
|
:class="evaluateTab == item.value ? 'active-tab' : ''" @click="onEvaluateTab(item.value)">
|
||||||
{{ item.name }}({{ item.count }})
|
{{ item.name }}({{ item.count }})
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -12,26 +12,32 @@
|
|||||||
<view class="evaluator">
|
<view class="evaluator">
|
||||||
<view>
|
<view>
|
||||||
<view class="evaluator-face">
|
<view class="evaluator-face">
|
||||||
<image v-if="item.member_headimg" :src="$util.img(item.member_headimg)" @error="imageError(index)" mode="aspectFill" />
|
<image v-if="item.member_headimg" :src="$util.img(item.member_headimg)"
|
||||||
|
@error="imageError(index)" mode="aspectFill" />
|
||||||
<image v-else :src="$util.getDefaultImage().head" mode="aspectFill" />
|
<image v-else :src="$util.getDefaultImage().head" mode="aspectFill" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="evaluator-info">
|
<view class="evaluator-info">
|
||||||
<view class="evaluator-info-left">
|
<view class="evaluator-info-left">
|
||||||
<view class="evaluator-name using-hidden" v-if="item.member_name.length > 2 && item.is_anonymous == 1">
|
<view class="evaluator-name using-hidden"
|
||||||
|
v-if="item.member_name.length > 2 && item.is_anonymous == 1">
|
||||||
{{ item.member_name[0] }}***{{ item.member_name[item.member_name.length - 1] }}
|
{{ item.member_name[0] }}***{{ item.member_name[item.member_name.length - 1] }}
|
||||||
</view>
|
</view>
|
||||||
<text class="evaluator-name using-hidden" v-else>{{ item.member_name }}</text>
|
<text class="evaluator-name using-hidden" v-else>{{ item.member_name }}</text>
|
||||||
<view class="evaluator-time color-tip">{{ $util.timeStampTurnTime(item.create_time) }}</view>
|
<view class="evaluator-time color-tip">{{ $util.timeStampTurnTime(item.create_time)
|
||||||
|
}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="evaluator-xing">
|
||||||
|
<xiaoStarComponent :starCount="item.scores * 2"></xiaoStarComponent>
|
||||||
</view>
|
</view>
|
||||||
<view class="evaluator-xing"><xiaoStarComponent :starCount="item.scores * 2"></xiaoStarComponent></view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cont">{{ item.content }}</view>
|
<view class="cont">{{ item.content }}</view>
|
||||||
<scroll-view scroll-x="true">
|
<scroll-view scroll-x="true">
|
||||||
<view class="evaluate-img" v-if="item.images">
|
<view class="evaluate-img" v-if="item.images">
|
||||||
<view class="img-box" v-for="(img, img_index) in item.images" :key="img_index" @click="previewEvaluate(index, img_index, 'images')">
|
<view class="img-box" v-for="(img, img_index) in item.images" :key="img_index"
|
||||||
|
@click="previewEvaluate(index, img_index, 'images')">
|
||||||
<image :src="$util.img(img)" mode="aspectFill" />
|
<image :src="$util.img(img)" mode="aspectFill" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -47,12 +53,8 @@
|
|||||||
<view class="cont">{{ item.again_content }}</view>
|
<view class="cont">{{ item.again_content }}</view>
|
||||||
<scroll-view scroll-x="true">
|
<scroll-view scroll-x="true">
|
||||||
<view class="evaluate-img" v-if="item.again_images.length > 0">
|
<view class="evaluate-img" v-if="item.again_images.length > 0">
|
||||||
<view
|
<view class="img-box" v-for="(again_img, again_index) in item.again_images"
|
||||||
class="img-box"
|
:key="again_index" @click="previewEvaluate(index, again_index, 'again_images')">
|
||||||
v-for="(again_img, again_index) in item.again_images"
|
|
||||||
:key="again_index"
|
|
||||||
@click="previewEvaluate(index, again_index, 'again_images')"
|
|
||||||
>
|
|
||||||
<image :src="$util.img(again_img)" mode="aspectFill"></image>
|
<image :src="$util.img(again_img)" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -72,9 +74,26 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
import xiaoStarComponent from '@/components/xiao-star-component/xiao-star-component.vue';
|
import xiaoStarComponent from '@/components/xiao-star-component/xiao-star-component.vue';
|
||||||
export default {
|
export default {
|
||||||
components: { xiaoStarComponent },
|
components: {
|
||||||
|
xiaoStarComponent,
|
||||||
|
MescrollUni,
|
||||||
|
nsLogin,
|
||||||
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
goodsId: 0,
|
goodsId: 0,
|
||||||
@@ -199,11 +218,13 @@ export default {
|
|||||||
padding: 8rpx 30rpx;
|
padding: 8rpx 30rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active-tab {
|
.active-tab {
|
||||||
background-color: $base-color;
|
background-color: $base-color;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.evaluate-item {
|
.evaluate-item {
|
||||||
margin: $margin-updown $margin-both;
|
margin: $margin-updown $margin-both;
|
||||||
padding: $margin-both;
|
padding: $margin-both;
|
||||||
@@ -244,6 +265,7 @@ export default {
|
|||||||
// margin-top: 14rpx;
|
// margin-top: 14rpx;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.evaluator-info-left {
|
.evaluator-info-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="page" :style="themeColor">
|
||||||
<view class="page">
|
|
||||||
<view class="closeBox">
|
<view class="closeBox">
|
||||||
<image :src="$util.img('public/uniapp/goods/not_exist.png')" mode="widthFix"></image>
|
<image :src="$util.img('public/uniapp/goods/not_exist.png')" mode="widthFix"></image>
|
||||||
<text class="close-title">您查看的商品不存在,可能已下架或被删除</text>
|
<text class="close-title">您查看的商品不存在,可能已下架或被删除</text>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="cate-search">
|
<view class="cate-search">
|
||||||
<view class="search-box" @click="search()" @tap.stop="search()">
|
<view class="search-box" @click="search()" @tap.stop="search()">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="page" :style="themeColor">
|
||||||
<view class="page">
|
|
||||||
<view class="help-title">{{ detail.title }}</view>
|
<view class="help-title">{{ detail.title }}</view>
|
||||||
<view class="help-content"><rich-text :nodes="content"></rich-text></view>
|
<view class="help-content"><rich-text :nodes="content"></rich-text></view>
|
||||||
<view class="help-meta">
|
<view class="help-meta">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="help" :style="themeColor">
|
||||||
<view class="help">
|
|
||||||
<block v-if="dataList.length">
|
<block v-if="dataList.length">
|
||||||
<view class="help-item" v-for="(item, index) in dataList" :key="index">
|
<view class="help-item" v-for="(item, index) in dataList" :key="index">
|
||||||
<view :class="['item-title', item.child_list.length == 0 ? 'empty' : '']">{{ item.class_name }}</view>
|
<view :class="['item-title', item.child_list.length == 0 ? 'empty' : '']">{{ item.class_name }}</view>
|
||||||
|
|||||||
@@ -1,25 +1,32 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
|
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }"
|
||||||
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
|
class="page-img">
|
||||||
|
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch"
|
||||||
|
:style="{ backgroundImage: bgImg }">
|
||||||
<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="true" />
|
<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="true" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
|
<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl"
|
||||||
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true"/>
|
:scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
|
||||||
|
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"
|
||||||
|
:haveTopCategory="true" />
|
||||||
<ns-copyright v-show="isShowCopyRight" />
|
<ns-copyright v-show="isShowCopyRight" />
|
||||||
</diy-index-page>
|
</diy-index-page>
|
||||||
|
|
||||||
<view v-else class="bg-index" :style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
|
<view v-else class="bg-index"
|
||||||
|
:style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
|
||||||
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" />
|
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" />
|
||||||
<ns-copyright v-show="isShowCopyRight" />
|
<ns-copyright v-show="isShowCopyRight" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<template v-if="diyData.global && diyData.global.popWindow && diyData.global.popWindow.count != -1 && diyData.global.popWindow.imageUrl">
|
<template
|
||||||
|
v-if="diyData.global && diyData.global.popWindow && diyData.global.popWindow.count != -1 && diyData.global.popWindow.imageUrl">
|
||||||
<view @touchmove.prevent.stop>
|
<view @touchmove.prevent.stop>
|
||||||
<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
|
<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
|
||||||
<view class="image-wrap">
|
<view class="image-wrap">
|
||||||
<image :src="$util.img(diyData.global.popWindow.imageUrl)" :style="popWindowStyle" @click="uniPopupWindowFn()" mode="aspectFit"/>
|
<image :src="$util.img(diyData.global.popWindow.imageUrl)" :style="popWindowStyle"
|
||||||
|
@click="uniPopupWindowFn()" mode="aspectFit" />
|
||||||
</view>
|
</view>
|
||||||
<text class="iconfont icon-round-close" @click="closePopupWindow"></text>
|
<text class="iconfont icon-round-close" @click="closePopupWindow"></text>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
@@ -33,7 +40,8 @@
|
|||||||
|
|
||||||
<!-- 收藏 -->
|
<!-- 收藏 -->
|
||||||
<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
|
<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
|
||||||
<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
|
<view v-if="showTip" class="collectPopupWindow"
|
||||||
|
:style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
|
||||||
<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit" />
|
<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit" />
|
||||||
<text @click="closeCollectPopupWindow">我知道了</text>
|
<text @click="closeCollectPopupWindow">我知道了</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -44,6 +52,7 @@
|
|||||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="find" :style="themeColor">
|
||||||
<view class="find">
|
|
||||||
<view class="iconfont icon-close" @click="navigateBack()"></view>
|
<view class="iconfont icon-close" @click="navigateBack()"></view>
|
||||||
<view class="header-wrap">
|
<view class="header-wrap">
|
||||||
<block v-if="stepShow == 0">
|
<block v-if="stepShow == 0">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<scroll-view scroll-y="false" class="container">
|
<scroll-view scroll-y="false" class="container">
|
||||||
<view class="header-wrap" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/member/head.png') + ')' }">
|
<view class="header-wrap" :style="{ backgroundImage: 'url(' + $util.img('public/uniapp/member/head.png') + ')' }">
|
||||||
<view class="t-b">
|
<view class="t-b">
|
||||||
@@ -11,17 +11,21 @@
|
|||||||
<view class="input-wrap" v-show="loginMode == 'mobile'">
|
<view class="input-wrap" v-show="loginMode == 'mobile'">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<!-- <view class="area-code">+86</view> -->
|
<!-- <view class="area-code">+86</view> -->
|
||||||
<input type="number" :placeholder="$lang('mobileInputPlaceholder')" placeholder-class="input-placeholder" class="input" maxlength="11" v-model="formData.mobile" />
|
<input type="number" :placeholder="$lang('mobileInputPlaceholder')"
|
||||||
|
placeholder-class="input-placeholder" class="input" maxlength="11"
|
||||||
|
v-model="formData.mobile" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="input-wrap" v-show="loginMode == 'account'">
|
<view class="input-wrap" v-show="loginMode == 'account'">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<input type="text" :placeholder="$lang('accountInputPlaceholder')" placeholder-class="input-placeholder" class="input" v-model="formData.account" />
|
<input type="text" :placeholder="$lang('accountInputPlaceholder')"
|
||||||
|
placeholder-class="input-placeholder" class="input" v-model="formData.account" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="input-wrap" v-show="loginMode == 'account'">
|
<view class="input-wrap" v-show="loginMode == 'account'">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<input type="password" :placeholder="$lang('passwordInputPlaceholder')" placeholder-class="input-placeholder" class="input" v-model="formData.password" />
|
<input type="password" :placeholder="$lang('passwordInputPlaceholder')"
|
||||||
|
placeholder-class="input-placeholder" class="input" v-model="formData.password" />
|
||||||
<view class="align-right" v-show="loginMode == 'account'">
|
<view class="align-right" v-show="loginMode == 'account'">
|
||||||
<text @click="forgetPassword">{{ $lang('forgetPasswordText') }}</text>
|
<text @click="forgetPassword">{{ $lang('forgetPasswordText') }}</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -29,24 +33,35 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="input-wrap" v-show="loginMode == 'mobile'">
|
<view class="input-wrap" v-show="loginMode == 'mobile'">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<input type="text" :placeholder="$lang('dynacodeInputPlaceholder')" placeholder-class="input-placeholder" class="input" v-model="formData.dynacode" />
|
<input type="text" :placeholder="$lang('dynacodeInputPlaceholder')"
|
||||||
<view class="dynacode" :class="dynacodeData.seconds == 120 ? 'color-base-text' : 'color-tip'"
|
placeholder-class="input-placeholder" class="input" v-model="formData.dynacode" />
|
||||||
|
<view class="dynacode"
|
||||||
|
:class="dynacodeData.seconds == 120 ? 'color-base-text' : 'color-tip'"
|
||||||
@click="sendMobileCode">{{ dynacodeData.codeText }}</view>
|
@click="sendMobileCode">{{ dynacodeData.codeText }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="btn_view">
|
<view class="btn_view">
|
||||||
<button type="primary" @click="login" class="login-btn color-base-border color-base-bg" style="background: #2796f2 !important;border: none;">{{ $lang('loginButtonText') }}</button>
|
<button type="primary" @click="login" class="login-btn color-base-border color-base-bg"
|
||||||
|
style="background: #2796f2 !important;border: none;">{{ $lang('loginButtonText') }}</button>
|
||||||
</view>
|
</view>
|
||||||
<view class="regisiter-agreement" style="margin: 0 50rpx;padding-top: 40rpx;line-height: 1.5;display: flex;">
|
<view class="regisiter-agreement"
|
||||||
<view style="" class="iconfont" :class=" isAgree ? 'icon-fuxuankuang1 color-base-text' : 'icon-fuxuankuang2' " @click="isAgree = !isAgree"></view>
|
style="margin: 0 50rpx;padding-top: 40rpx;line-height: 1.5;display: flex;">
|
||||||
<view style="text-align: left;margin-left: 10rpx;padding-top: 2rpx;">{{ $lang('registerAgreementText') }} <text @click="tourl('/pages_tool/agreement/contenr?type=0')" style="color:#4395ff">{{ $lang('privacyPolicyText') }}</text> <text @click="tourl('/pages_tool/agreement/contenr?type=1')" style="color:#4395ff">{{ $lang('userServiceAgreementText') }}</text></view>
|
<view style="" class="iconfont"
|
||||||
|
:class="isAgree ? 'icon-fuxuankuang1 color-base-text' : 'icon-fuxuankuang2'"
|
||||||
|
@click="isAgree = !isAgree"></view>
|
||||||
|
<view style="text-align: left;margin-left: 10rpx;padding-top: 2rpx;">{{
|
||||||
|
$lang('registerAgreementText') }} <text @click="tourl('/pages_tool/agreement/contenr?type=0')"
|
||||||
|
style="color:#4395ff">{{ $lang('privacyPolicyText') }}</text> <text
|
||||||
|
@click="tourl('/pages_tool/agreement/contenr?type=1')" style="color:#4395ff">{{
|
||||||
|
$lang('userServiceAgreementText') }}</text></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<loading-cover ref="loadingCover"></loading-cover>
|
<loading-cover ref="loadingCover"></loading-cover>
|
||||||
<register-reward ref="registerReward"></register-reward>
|
<register-reward ref="registerReward"></register-reward>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -463,6 +478,7 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import './public/css/common.scss';
|
@import './public/css/common.scss';
|
||||||
|
|
||||||
.color-base-text {
|
.color-base-text {
|
||||||
color: #2796f2 !important
|
color: #2796f2 !important
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getData" v-if="storeToken">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="nc-info-list-content">
|
<view class="nc-info-list-content">
|
||||||
@@ -66,12 +65,20 @@
|
|||||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
MescrollUni,
|
MescrollUni,
|
||||||
nsLogin,
|
nsLogin,
|
||||||
loadingCover
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="account-list-content" :style="themeColor">
|
||||||
<view class="account-list-content">
|
|
||||||
<view class="edit-item">
|
<view class="edit-item">
|
||||||
<text class="tit">{{ $lang('name') }}</text>
|
<text class="tit">{{ $lang('name') }}</text>
|
||||||
<input class="desc uni-input" type="text" maxlength="30" placeholder="请输入真实姓名" name="name" v-model="formData.realname" />
|
<input class="desc uni-input" type="text" maxlength="30" placeholder="请输入真实姓名" name="name" v-model="formData.realname" />
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getListData" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getListData" v-if="storeToken">
|
||||||
<block slot="list">
|
<block slot="list">
|
||||||
<view class="address-list">
|
<view class="address-list">
|
||||||
@@ -11,7 +10,8 @@
|
|||||||
<view class="address-top-info">
|
<view class="address-top-info">
|
||||||
<view class="address-name">{{ item.name }}</view>
|
<view class="address-name">{{ item.name }}</view>
|
||||||
<view class="address-tel">{{ item.mobile }}</view>
|
<view class="address-tel">{{ item.mobile }}</view>
|
||||||
<view class="address-status" v-if="localType == 2 && item.local_data">{{ item.local_data }}</view>
|
<view class="address-status" v-if="localType == 2 && item.local_data">{{
|
||||||
|
item.local_data }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="address-info">{{ item.full_address }}{{ item.address }}</view>
|
<view class="address-info">{{ item.full_address }}{{ item.address }}</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -37,11 +37,13 @@
|
|||||||
<view class="address-default" @click="setDefault(item.id, item.is_default)">
|
<view class="address-default" @click="setDefault(item.id, item.is_default)">
|
||||||
<text class="default" v-if="localType == 2 && item.local_data">设为默认地址</text>
|
<text class="default" v-if="localType == 2 && item.local_data">设为默认地址</text>
|
||||||
<text class="default" v-else>设为默认地址</text>
|
<text class="default" v-else>设为默认地址</text>
|
||||||
<switch v-if="item.is_default == 1" checked disabled style="transform:scale(0.7)" :color="themeStyle.main_color" />
|
<switch v-if="item.is_default == 1" checked disabled style="transform:scale(0.7)"
|
||||||
|
:color="themeStyle.main_color" />
|
||||||
<switch v-else style="transform:scale(0.7)" :color="themeStyle.main_color" />
|
<switch v-else style="transform:scale(0.7)" :color="themeStyle.main_color" />
|
||||||
</view>
|
</view>
|
||||||
<view class="address-btn">
|
<view class="address-btn">
|
||||||
<text class="delete" v-if="item.is_default != 1" @click="deleteAddress(item.id, item.is_default)">
|
<text class="delete" v-if="item.is_default != 1"
|
||||||
|
@click="deleteAddress(item.id, item.is_default)">
|
||||||
<text class="iconfont icon-icon7"></text>
|
<text class="iconfont icon-icon7"></text>
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -54,13 +56,18 @@
|
|||||||
<image :src="$util.img('public/uniapp/member/address/empty.png')" mode="widthFix" />
|
<image :src="$util.img('public/uniapp/member/address/empty.png')" mode="widthFix" />
|
||||||
<view class="tips">暂无收货地址,请添加</view>
|
<view class="tips">暂无收货地址,请添加</view>
|
||||||
|
|
||||||
<button type="primary" class="add-address" @click="addAddress('add')">{{ $lang('newAddAddress') }}</button>
|
<button type="primary" class="add-address" @click="addAddress('add')">{{ $lang('newAddAddress')
|
||||||
|
}}</button>
|
||||||
|
|
||||||
<!-- #ifdef H5 -->
|
<!-- #ifdef H5 -->
|
||||||
<button type="primary" class="get-address" @click="getChooseAddress()" v-if="$util.isWeiXin() && local != 1">{{ $lang('getAddress') }}</button>
|
<button type="primary" class="get-address" @click="getChooseAddress()"
|
||||||
|
v-if="$util.isWeiXin() && local != 1">{{
|
||||||
|
$lang('getAddress') }}</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO -->
|
<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO -->
|
||||||
<button type="primary" class="get-address" @click="getChooseAddress()" v-if="local != 1">{{ $lang('getAddress') }}</button>
|
<button type="primary" class="get-address" @click="getChooseAddress()" v-if="local != 1">{{
|
||||||
|
$lang('getAddress')
|
||||||
|
}}</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -74,7 +81,9 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<!-- #ifdef H5 -->
|
<!-- #ifdef H5 -->
|
||||||
<button type="primary" class="add-address" @click="getChooseAddress()" v-if="$util.isWeiXin() && local != 1">{{ $lang('getAddress') }}</button>
|
<button type="primary" class="add-address" @click="getChooseAddress()"
|
||||||
|
v-if="$util.isWeiXin() && local != 1">{{
|
||||||
|
$lang('getAddress') }}</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<button type="primary" class="add-address" @click="addAddress('add')">
|
<button type="primary" class="add-address" @click="addAddress('add')">
|
||||||
<text class="iconfont icon-add1"></text>
|
<text class="iconfont icon-add1"></text>
|
||||||
@@ -94,12 +103,21 @@
|
|||||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
|
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||||
|
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
MescrollUni,
|
MescrollUni,
|
||||||
nsLogin,
|
nsLogin,
|
||||||
loadingCover
|
loadingCover,
|
||||||
|
nsEmpty,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="address-edit-content" :style="themeColor">
|
||||||
<view class="address-edit-content">
|
|
||||||
<view class="edit-wrap">
|
<view class="edit-wrap">
|
||||||
<view class="tip">地址信息</view>
|
<view class="tip">地址信息</view>
|
||||||
<view class="edit-item">
|
<view class="edit-item">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="bank-account-wrap" @click="goAccount()">
|
<view class="bank-account-wrap" @click="goAccount()">
|
||||||
<view class="tx-wrap" v-if="bankAccountInfo.withdraw_type">
|
<view class="tx-wrap" v-if="bankAccountInfo.withdraw_type">
|
||||||
<text class="tx-to">提现到</text>
|
<text class="tx-to">提现到</text>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="assets-wrap">
|
<view class="assets-wrap">
|
||||||
<view class="assets-block">
|
<view class="assets-block">
|
||||||
<view class="assets-tips"><text>风险提示:确认申请后您的资产将被清空且不可找回!</text></view>
|
<view class="assets-tips"><text>风险提示:确认申请后您的资产将被清空且不可找回!</text></view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="balance" :style="themeColor">
|
||||||
<view class="balance">
|
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<view class="custom-navbar" :style="{
|
<view class="custom-navbar" :style="{
|
||||||
'padding-top': menuButtonBounding.top + 'px',
|
'padding-top': menuButtonBounding.top + 'px',
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<!-- <scroll-view id="tab-bar" class="order-nav" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
|
<!-- <scroll-view id="tab-bar" class="order-nav" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
|
||||||
<view v-for="(statusItem, statusIndex) in statusList" :key="statusIndex" class="uni-tab-item" :id="statusItem.id" :data-current="statusIndex" @click="ontabtap">
|
<view v-for="(statusItem, statusIndex) in statusList" :key="statusIndex" class="uni-tab-item" :id="statusItem.id" :data-current="statusIndex" @click="ontabtap">
|
||||||
<text class="uni-tab-item-title" :class="statusIndex == orderStatus ? 'uni-tab-item-title-active' : ''">{{ statusItem.name }}</text>
|
<text class="uni-tab-item-title" :class="statusIndex == orderStatus ? 'uni-tab-item-title-active' : ''">{{ statusItem.name }}</text>
|
||||||
@@ -55,12 +54,18 @@
|
|||||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
nsEmpty,
|
nsEmpty,
|
||||||
nsLogin,
|
nsLogin,
|
||||||
loadingCover,
|
loadingCover,
|
||||||
MescrollUni
|
MescrollUni,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
const currentDate = this.getDate({
|
const currentDate = this.getDate({
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="agreement-box">
|
<view class="agreement-box">
|
||||||
<view class="agreement-intro">
|
<view class="agreement-intro">
|
||||||
<view class="align-center agreement-title">{{ agreement.title }}</view>
|
<view class="align-center agreement-title">{{ agreement.title }}</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="cancel-wrap">
|
<view class="cancel-wrap">
|
||||||
<view class="cancel-img"><image :src="$util.img('public/uniapp/member/refuse.png')"></image></view>
|
<view class="cancel-img"><image :src="$util.img('public/uniapp/member/refuse.png')"></image></view>
|
||||||
<view class="cancel-title">您的申请已拒绝</view>
|
<view class="cancel-title">您的申请已拒绝</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="cancelstatus-wrap">
|
<view class="cancelstatus-wrap">
|
||||||
<view class="cancelstatus-block">
|
<view class="cancelstatus-block">
|
||||||
<view class="cancelstatus-box">
|
<view class="cancelstatus-box">
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="container" :style="themeColor">
|
||||||
<view class="container">
|
|
||||||
<view class="cancel-wrap">
|
<view class="cancel-wrap">
|
||||||
<view class="cancel-img">
|
<view class="cancel-img">
|
||||||
<image :src="$util.img('public/uniapp/member/success.png')"></image>
|
<image :src="$util.img('public/uniapp/member/success.png')"></image>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="member-level" :style="themeColor">
|
||||||
<view class="member-level">
|
|
||||||
<view class="level-top">
|
<view class="level-top">
|
||||||
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
|
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="page" :style="themeColor">
|
||||||
<view class="page">
|
|
||||||
<view class="agreement-title">{{ title }}</view>
|
<view class="agreement-title">{{ title }}</view>
|
||||||
<view class="agreement-content"><rich-text :nodes="content"></rich-text></view>
|
<view class="agreement-content"><rich-text :nodes="content"></rich-text></view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view class="member-level" :style="themeColor">
|
||||||
<view class="member-level">
|
|
||||||
<block v-if="levelList.length">
|
<block v-if="levelList.length">
|
||||||
<view class="level-top">
|
<view class="level-top">
|
||||||
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
|
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-meta :page-style="themeColor"></page-meta>
|
<view :style="themeColor">
|
||||||
<view>
|
|
||||||
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8" @listenRefresh="listenRefresh" v-if="storeToken">
|
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8" @listenRefresh="listenRefresh" v-if="storeToken">
|
||||||
<view class="goods_list" slot="list">
|
<view class="goods_list" slot="list">
|
||||||
<block v-if="collectionList.length > 0">
|
<block v-if="collectionList.length > 0">
|
||||||
@@ -41,6 +40,9 @@ import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
|||||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||||
|
// #endif
|
||||||
import collection from './public/js/collection.js';
|
import collection from './public/js/collection.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -49,7 +51,10 @@ export default {
|
|||||||
nsEmpty,
|
nsEmpty,
|
||||||
nsLogin,
|
nsLogin,
|
||||||
loadingCover,
|
loadingCover,
|
||||||
MescrollUni
|
MescrollUni,
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
privacyPopup
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
mixins: [collection],
|
mixins: [collection],
|
||||||
data() {
|
data() {
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user