bingyi/shopxo-uniapp
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo-uniapp.git synced 2026-06-06 02:38:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

送礼插件

Browse Source
This commit is contained in:
gongfuxiang
2024-08-28 19:20:29 +08:00
parent 63729e9f2b
commit ec978b12ce
19 changed files with 1295 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
common/css/lib.css
View File

@ -536,6 +536,41 @@
.text-size-40 {
font-size: 80rpx !important;
}
/**
* 高度
*/
.ht-auto {
height: auto;
}
.ht-0 {
height: 0 !important;
}
.ht-xs {
height: 24rpx;
}
.ht-sm {
height: 26rpx;
}
.ht-md {
height: 28rpx;
}
.ht,
.ht-default {
height: 32rpx;
}
.ht-lg {
height: 36rpx;
}
.ht-xl {
height: 48rpx;
}
.ht-xxl {
height: 64rpx;
}
.ht-xxxl {
height: 84rpx;
}
/**

2
common/css/page.css
View File

@ -291,7 +291,7 @@ button:before {
width: 100%;
box-sizing: border-box;
z-index: 2;
padding: 40rpx 90rpx;
padding: 40rpx;
background-color: #fff;
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

92
components/panel-content/panel-content.vue Normal file
View File

@ -0,0 +1,92 @@
<template>
<view :class="theme_view">
<!-- 简洁的数据，一般列表展示使用 -->
<view v-if="propIsTerse" class="content margin-top cp">
<block v-if="propData != null && propDataField.length > 0">
<view v-for="(item, index) in propDataField" :key="index">
<view class="single-text margin-top-xs">
<text class="cr-grey margin-right-xl">{{ item.name }}</text>
<text class="cr-base">{{ propData[item.field] }}</text>
<view v-if="(item.is_copy || 0) == 1" class="dis-inline-block margin-left" data-event="copy" :data-value="propData[item.field]" @tap.stop="text_event_handle">
<iconfont name="icon-copy" size="28rpx" class="cr-grey"></iconfont>
</view>
</view>
</view>
</block>
<slot></slot>
</view>
<!-- 详情面板数据 -->
<view v-else class="padding-horizontal-main padding-top-main">
<view class="panel-item padding-main border-radius-main bg-white spacing-mb">
<view v-if="(propTitle || null) != null" class="br-b padding-bottom-main fw-b text-size">{{propTitle}}</view>
<view class="panel-content oh">
<block v-if="propData != null && propDataField.length > 0">
<view v-for="(item, index) in propDataField" :key="index" class="item br-b-dashed oh padding-vertical-main">
<view class="title fl padding-right-main cr-grey">{{ item.name }}</view>
<view class="content fl br-l padding-left-main">
<text>{{ propData[item.field] }}</text>
<view v-if="(item.is_copy || 0) == 1" class="dis-inline-block margin-left" data-event="copy" :data-value="propData[item.field]" @tap.stop="text_event_handle">
<iconfont name="icon-copy" size="28rpx" class="cr-grey lh-il"></iconfont>
</view>
</view>
</view>
</block>
<slot></slot>
</view>
</view>
</view>
</view>
</template>
<script>
const app = getApp();
import componentNoData from "@/components/no-data/no-data";
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
};
},
components: {
componentNoData
},
props: {
// 标题
propTitle: {
type: String,
default: '',
},
// 数据
propData: {
type: [Object, String],
default: '',
},
// 数据字段
propDataField: {
type: Array,
default: [],
},
// 无数据提示状态
propNoDataStatus: {
type: [Number, String],
default: 3,
},
// 无数据提示内容
propNoDataMsg: {
type: [String],
default: '',
},
// 是否简洁的模式展示
propIsTerse: {
type: Boolean,
default: false,
}
},
methods: {
// 文本事件
text_event_handle(e) {
app.globalData.text_event_handle(e);
}
}
};
</script>
<style></style>

19
components/payment/payment.vue
View File

@ -39,8 +39,10 @@
</view>
</scroll-view>
</view>
<view class="payment-sub">
<button class="bg-main br-main cr-white round text-size" type="default" hover-class="none" @tap="popup_payment_event" :disabled="submit_disabled_status">{{$t('payment.payment.25r53g')}}</button>
<view class="payment-submit">
<view class="bottom-line-exclude">
<button class="bg-main br-main cr-white round text-size" type="default" hover-class="none" @tap="popup_payment_event" :disabled="submit_disabled_status">{{$t('payment.payment.25r53g')}}</button>
</view>
</view>
</view>
<view v-else class="padding-top-xxxl padding-bottom-xxxl oh bg-white tc cr-grey">{{$t('payment.payment.058a46')}}</view>
@ -759,13 +761,8 @@
code: '9000',
};
url_data = Object.assign({}, url_data, this.propToPageBack);
if (this.propIsRedirectTo) {
// 跳转支付页面
app.globalData.url_open('/pages/paytips/paytips?params=' + encodeURIComponent(base64.encode(JSON.stringify(url_data))), true);
} else {
// 跳转支付页面
app.globalData.url_open('/pages/paytips/paytips?params=' + encodeURIComponent(base64.encode(JSON.stringify(url_data))));
}
// 跳转支付页面
app.globalData.url_open('/pages/paytips/paytips?params=' + encodeURIComponent(base64.encode(JSON.stringify(url_data))), this.propIsRedirectTo);
}
},
// 失败跳转
@ -833,7 +830,7 @@
width: 50rpx;
height: 50rpx !important;
}
.payment-sub {
padding: 86rpx 90rpx 24rpx 90rpx;
.payment-submit {
padding: 40rpx;
}
</style>

1
locale/en.json
View File

@ -29,6 +29,7 @@
"share": "Share",
"return": "Return",
"view_text": "Check",
"detail_text": "Detail",
"place_order_text": "Place Order",
"processing_in_text": "Processing",
"loading_in_text": "Loading",

1
locale/zh.json
View File

@ -29,6 +29,7 @@
"share": "分享",
"return": "返回",
"view_text": "查看",
"detail_text": "详情",
"place_order_text": "下单",
"processing_in_text": "处理中...",
"loading_in_text": "加载中...",

33
pages.json
View File

@ -1591,6 +1591,39 @@
}
]
},
{
"root": "pages/plugins/givegift",
"pages": [
{
"path": "goods/goods",
"style": {
"enablePullDownRefresh": true,
"navigationBarTitleText": ""
}
},
{
"path": "receive/receive",
"style": {
"enablePullDownRefresh": true,
"navigationBarTitleText": ""
}
},
{
"path": "gift/gift",
"style": {
"enablePullDownRefresh": true,
"navigationBarTitleText": ""
}
},
{
"path": "gift-detail/gift-detail",
"style": {
"enablePullDownRefresh": true,
"navigationBarTitleText": ""
}
}
]
},
{
"root": "pages/plugins/giftcard",
"pages": [

152
pages/buy/buy.vue
View File

@ -198,45 +198,45 @@
</scroll-view>
</view>
</view>
</view>
<!-- 支付选择 -->
<view v-if="(total_price > 0 && common_order_is_booking != 1 && payment_list.length > 0) || plugins_coin_is_valid" class="payment-list border-radius-main bg-white oh padding-main spacing-mb">
<!-- 虚拟币支付 -->
<block v-if="plugins_coin_is_valid">
<block v-for="(item, index) in plugins_coin_data.accounts_list" :key="index">
<view class="item flex-row jc-sb align-c" :data-value="item.id" @tap="plugins_coin_payment_event">
<view class="item-content pr flex-row align-c">
<image v-if="(item.platform_icon || null) != null" class="icon margin-right-sm va-m" :src="item.platform_icon" mode="widthFix"></image>
<view class="flex-col">
<view class="cr-base">{{ item.platform_name }}</view>
<view class="flex-row align-c margin-top-xs">
<view class="fw-b">{{ item.default_symbol }} {{ item.default_coin }}</view>
<view class="margin-left-lg text-size-xs cr-999">{{ item.platform_symbol }} {{ item.normal_coin }}</view>
</view>
</view>
</view>
<view>
<iconfont :name="plugins_coin_payment_id == item.id ? 'icon-zhifu-yixuan cr-red' : 'icon-zhifu-weixuan'" size="36rpx"></iconfont>
</view>
</view>
</block>
</block>
<!-- 支付方式 -->
<view v-if="total_price > 0 && common_order_is_booking != 1 && payment_list.length > 0" :class="(plugins_coin_is_valid ? 'br-t-f9' : '')">
<view v-for="(item, index) in payment_list" :key="index">
<view class="item flex-row jc-sb align-c" :data-value="item.id" :data-index="index" @tap="payment_event">
<view class="item-content pr flex-1 flex-width">
<image v-if="(item.logo || null) != null" class="icon margin-right-sm va-m" :src="item.logo" mode="widthFix"></image>
<text class="va-m">{{ item.name }}</text>
<text v-if="(item.tips || null) !== null" class="pay-tips">{{ item.tips }}</text>
</view>
<view>
<iconfont :name="payment_id == item.id ? 'icon-zhifu-yixuan cr-red' : 'icon-zhifu-weixuan'" size="36rpx"></iconfont>
</view>
</view>
</view>
</view>
</view>
<!-- 支付选择 -->
<view v-if="(total_price > 0 && common_order_is_booking != 1 && payment_list.length > 0) || plugins_coin_is_valid" class="payment-list border-radius-main bg-white oh padding-main spacing-mb">
<!-- 虚拟币支付 -->
<block v-if="plugins_coin_is_valid">
<block v-for="(item, index) in plugins_coin_data.accounts_list" :key="index">
<view class="item flex-row jc-sb align-c" :data-value="item.id" @tap="plugins_coin_payment_event">
<view class="item-content pr flex-row align-c">
<image v-if="(item.platform_icon || null) != null" class="icon margin-right-sm va-m" :src="item.platform_icon" mode="widthFix"></image>
<view class="flex-col">
<view class="cr-base">{{ item.platform_name }}</view>
<view class="flex-row align-c margin-top-xs">
<view class="fw-b">{{ item.default_symbol }} {{ item.default_coin }}</view>
<view class="margin-left-lg text-size-xs cr-999">{{ item.platform_symbol }} {{ item.normal_coin }}</view>
</view>
</view>
</view>
<view>
<iconfont :name="plugins_coin_payment_id == item.id ? 'icon-zhifu-yixuan cr-red' : 'icon-zhifu-weixuan'" size="36rpx"></iconfont>
</view>
</view>
</block>
</block>
<!-- 支付方式 -->
<view v-if="total_price > 0 && common_order_is_booking != 1 && payment_list.length > 0" :class="(plugins_coin_is_valid ? 'br-t-f9' : '')">
<view v-for="(item, index) in payment_list" :key="index">
<view class="item flex-row jc-sb align-c" :data-value="item.id" :data-index="index" @tap="payment_event">
<view class="item-content pr flex-1 flex-width">
<image v-if="(item.logo || null) != null" class="icon margin-right-sm va-m" :src="item.logo" mode="widthFix"></image>
<text class="va-m">{{ item.name }}</text>
<text v-if="(item.tips || null) !== null" class="pay-tips">{{ item.tips }}</text>
</view>
<view>
<iconfont :name="payment_id == item.id ? 'icon-zhifu-yixuan cr-red' : 'icon-zhifu-weixuan'" size="36rpx"></iconfont>
</view>
</view>
</view>
</view>
</view>
<!-- 底部说明 - 智能工具箱插件 -->
@ -332,7 +332,7 @@
</view>
</view>
</component-popup>
<component-payment ref="payment" :propIsRedirectTo="true" :propPayUrl="pay_url" :propQrcodeUrl="qrcode_url" :propToAppointPage="to_appoint_page" propPayDataKey="ids" :propPaymentList="payment_list" :propTo-pageBack="to_page_back" :propToFailPage="to_fail_page"></component-payment>
<component-payment ref="payment" :propIsRedirectTo="true" :propPayUrl="pay_url" :propQrcodeUrl="qrcode_url" :propToAppointPage="to_appoint_page" propPayDataKey="ids" :propPaymentList="payment_list" :propToPageBack="to_page_back" :propToFailPage="to_fail_page"></component-payment>
</block>
</view>
</template>
@ -357,7 +357,7 @@
data_list_loding_msg: '',
params: null,
payment_list: [],
payment_index: -1,
payment_index: -1,
payment_id: 0,
goods_list: [],
address: null,
@ -400,14 +400,14 @@
// 运费
plugins_freightfee_choice_data: {},
// 虚拟币
plugins_coin_data: null,
plugins_coin_data: null,
plugins_coin_is_valid: false,
plugins_coin_payment_id: 0,
// 支付弹窗参数
pay_url: '',
qrcode_url: '',
// 前往页面携带的参数
// 前往支付页面携带的参数
to_page_back: {
title: this.$t('buy.buy.718tux'),
page: '/pages/user-order/user-order',
@ -520,13 +520,13 @@
// 现金--跳转指定页面
to_appoint_page: realstore_order_page,
});
}
}
// 加载loding
// 加载loding
if(this.is_first == 0) {
uni.showLoading({
title: this.$t('common.loading_in_text'),
});
});
}
this.setData({
data_list_loding_status: 1,
@ -541,9 +541,9 @@
data: this.request_data_ext_params_merge(data),
dataType: 'json',
success: (res) => {
uni.stopPullDownRefresh();
uni.stopPullDownRefresh();
if(this.is_first == 0) {
uni.hideLoading();
uni.hideLoading();
}
if (res.data.code == 0) {
var data = res.data.data;
@ -552,13 +552,13 @@
this.setData({
currency_symbol: data.currency_symbol || app.globalData.currency_symbol(),
payment_list: data.payment_list || [],
});
// 首次赋值默认支付方式
if(this.is_first == 1) {
this.setData({
payment_id: data.default_payment_id || 0
});
});
// 首次赋值默认支付方式
if(this.is_first == 1) {
this.setData({
payment_id: data.default_payment_id || 0
});
}
// 订单是否已提交、直接进入支付页面
@ -617,7 +617,7 @@
goods_list[i]['order_base']['extension_data'] = temp_extension_data;
}
// 设置数据
// 设置数据
var plugins_coin_data = data.plugins_coin_data || null;
this.setData({
goods_list: goods_list,
@ -630,7 +630,7 @@
plugins_points_data: data.plugins_points_data || null,
plugins_realstore_data: data.plugins_realstore_data || null,
plugins_intellectstools_data: data.plugins_intellectstools_data || null,
plugins_coin_data: plugins_coin_data,
plugins_coin_data: plugins_coin_data,
plugins_coin_is_valid: plugins_coin_data != null && (plugins_coin_data.accounts_list || null) != null && plugins_coin_data.accounts_list.length > 0,
});
@ -687,8 +687,8 @@
},
fail: () => {
uni.stopPullDownRefresh();
if(this.is_first == 0) {
uni.hideLoading();
if(this.is_first == 0) {
uni.hideLoading();
}
this.setData({
data_list_loding_status: 2,
@ -732,10 +732,10 @@
data['is_points'] = this.plugins_points_status === true ? 1 : 0;
if (data['is_points'] == 1) {
data['actual_use_integral'] = this.actual_use_integral;
}
// 虚拟币
data['plugins_coin_payment_id'] = this.plugins_coin_payment_id;
}
// 虚拟币
data['plugins_coin_payment_id'] = this.plugins_coin_payment_id;
return data;
},
@ -788,7 +788,7 @@
// 表单数据
var data = this.params;
data['address_id'] = this.address_id;
data['payment_id'] = this.payment_id;
data['payment_id'] = this.payment_id;
data['payment_type'] = this.payment_type;
data['user_note'] = this.user_note_value;
data['site_model'] = this.site_model;
@ -894,23 +894,23 @@
},
// 支付方式选择
payment_event(e) {
payment_event(e) {
var value = e.currentTarget.dataset.value;
this.setData({
payment_id: (this.payment_id == value) ? 0 : value,
payment_id: (this.payment_id == value) ? 0 : value,
plugins_coin_payment_id: 0,
});
this.init();
},
// 虚拟币支付方式选择
plugins_coin_payment_event(e) {
var value = e.currentTarget.dataset.value;
this.setData({
plugins_coin_payment_id: (this.plugins_coin_payment_id == value) ? 0 : value,
payment_id: 0,
});
this.init();
},
// 虚拟币支付方式选择
plugins_coin_payment_event(e) {
var value = e.currentTarget.dataset.value;
this.setData({
plugins_coin_payment_id: (this.plugins_coin_payment_id == value) ? 0 : value,
payment_id: 0,
});
this.init();
},
// 优惠劵弹层开启

10
pages/plugins/givegift/gift-detail/gift-detail.css Normal file
View File

@ -0,0 +1,10 @@
/**
* 商品
*/
.goods-images {
width: 76rpx;
height: 76rpx;
}
.goods-title {
width: calc(100% - 90rpx);
}

126
pages/plugins/givegift/gift-detail/gift-detail.vue Normal file
View File

@ -0,0 +1,126 @@
<template>
<view :class="theme_view">
<block v-if="detail != null">
<!-- 商品数据 -->
<component-panel-content :propTitle="$t('recommend-list.recommend-list.x74z3o')">
<view class="oh padding-top-main padding-bottom-sm" :data-value="detail.goods.goods_url" @tap="url_event">
<image :src="detail.goods.images" mode="aspectFill" class="radius goods-images fl"></image>
<view class="goods-title multi-text fr">{{detail.goods.title}}</view>
</view>
</component-panel-content>
<!-- 详情数据 -->
<component-panel-content :propData="detail" :propDataField="form_field_data" :propTitle="$t('common.detail_text')"></component-panel-content>
<!-- 结尾 -->
<component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
</block>
<block v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
</block>
</view>
</template>
<script>
const app = getApp();
import componentPanelContent from "@/components/panel-content/panel-content";
import componentNoData from "@/components/no-data/no-data";
import componentBottomLine from "@/components/bottom-line/bottom-line";
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
params: null,
data_list_loding_status: 1,
data_list_loding_msg: "",
data_bottom_line_status: false,
detail: null,
form_field_data: []
};
},
components: {
componentPanelContent,
componentNoData,
componentBottomLine,
},
props: {},
onLoad(params) {
// 调用公共事件方法
app.globalData.page_event_onload_handle(params);
// 设置参数
this.setData({
params: params,
});
this.init();
},
onShow() {
// 调用公共事件方法
app.globalData.page_event_onshow_handle();
// 分享菜单处理
app.globalData.page_share_handle();
},
// 下拉刷新
onPullDownRefresh() {
this.init();
},
methods: {
init() {
this.setData({
data_list_loding_status: 1,
});
uni.request({
url: app.globalData.get_request_url("detail", "gift", "givegift"),
method: "POST",
data: this.params,
dataType: "json",
success: (res) => {
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
this.setData({
detail: data.data || null,
form_field_data: data.form_field_data || [],
data_list_loding_status: 3,
data_bottom_line_status: true,
data_list_loding_msg: "",
});
} else {
this.setData({
data_list_loding_status: 2,
data_bottom_line_status: false,
data_list_loding_msg: res.data.msg,
});
if (app.globalData.is_login_check(res.data, this, "init")) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.stopPullDownRefresh();
this.setData({
data_list_loding_status: 2,
data_bottom_line_status: false,
data_list_loding_msg: this.$t('common.internet_error_tips'),
});
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// url事件
url_event(e) {
app.globalData.url_event(e);
}
}
};
</script>
<style>
@import './gift-detail.css';
</style>

17
pages/plugins/givegift/gift/gift.css Normal file
View File

@ -0,0 +1,17 @@
/*
* 导航
*/
.nav-base .item {
width: 20%;
}
/**
* 商品
*/
.goods-images {
width: 76rpx;
height: 76rpx;
}
.goods-title {
width: calc(100% - 90rpx);
}

519
pages/plugins/givegift/gift/gift.vue Normal file
View File

@ -0,0 +1,519 @@
<template>
<view :class="theme_view">
<!-- 导航 -->
<view class="nav-base bg-white">
<block v-for="(item, index) in nav_status_list" :key="index">
<view :class="'item fl tc cr-grey ' + (nav_status_index == index ? 'cr-main nav-active-line' : '')" :data-index="index" @tap="nav_event">{{ item.name }}</view>
</block>
</view>
<!-- 列表 -->
<scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav" @scrolltolower="scroll_lower" lower-threshold="60">
<view v-if="data_list.length > 0" class="data-list padding-horizontal-main padding-top-main">
<view v-for="(item, index) in data_list" :key="index" class="item padding-main border-radius-main oh bg-white spacing-mb">
<view class="base oh br-b padding-bottom-main">
<text class="cr-base">{{ item.add_time }}</text>
<text class="fr cr-main">{{ item.status_name }}</text>
</view>
<view :data-value="'/pages/plugins/givegift/gift-detail/gift-detail?id=' + item.id" @tap="url_event" class="margin-top">
<view class="oh">
<image :src="item.goods.images" mode="aspectFill" class="radius goods-images fl"></image>
<view class="goods-title multi-text fr">{{item.goods.title}}</view>
</view>
<component-panel-content :propData="item" :propDataField="content_field_list" :propIsTerse="true"></component-panel-content>
</view>
<view class="item-operation tr br-t padding-top-main margin-top-main">
<button class="round bg-white cr-base br-grey" type="default" size="mini" @tap="popup_edit_open_event" :data-index="index" hover-class="none">{{$t('common.edit')}}</button>
<block v-if="item.status == 0">
<button class="round bg-white cr-green br-green" type="default" size="mini" @tap="pay_event" :data-value="item.id" :data-price="item.total_price" :data-index="index" :data-payment="item.payment_id" hover-class="none">{{$t('order.order.1i873j')}}</button>
<button class="round bg-white cr-yellow br-yellow" type="default" size="mini" @tap="cancel_event" :data-value="item.id" :data-index="index" hover-class="none">{{$t('common.cancel')}}</button>
</block>
<button v-if="item.status == 2" class="round bg-white cr-red br-red" type="default" size="mini" @tap="delete_event" :data-value="item.id" :data-index="index" hover-class="none">{{$t('common.del')}}</button>
</view>
</view>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status"></component-no-data>
</view>
<!-- 结尾 -->
<component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
</scroll-view>
<!-- 编辑弹层 -->
<component-popup :propShow="popup_edit_status" propPosition="bottom" @onclose="popup_edit_close_event">
<view class="padding-horizontal-main padding-top-main bg-white">
<view class="close oh">
<view class="fr" @tap.stop="popup_edit_close_event">
<iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
</view>
</view>
<view class="padding-bottom-main">
<view v-if="(edit_data || null) != null">
{{edit_data.order_no}}
</view>
<block v-else>
<component-no-data propStatus="0"></component-no-data>
</block>
</view>
</view>
</component-popup>
<!-- 支付组件 -->
<component-payment
ref="payment"
:propPayUrl="pay_url"
:propQrcodeUrl="qrcode_url"
propPayDataKey="order_id"
:propPaymentList="payment_list"
:propTempPayValue="temp_pay_value"
:propTempPayIndex="temp_pay_index"
:propPaymentId="payment_id"
:propDefaultPaymentId="default_payment_id"
:propPayPrice="pay_price"
:propIsShowPayment="is_show_payment_popup"
@close-payment-popup="payment_popup_event_close"
@pay-success="order_item_pay_success_handle"
:propNavDtatusIndex="nav_status_index"
@reset-event="reset_event"
></component-payment>
</view>
</template>
<script>
const app = getApp();
import componentPanelContent from "@/components/panel-content/panel-content";
import componentNoData from '@/components/no-data/no-data';
import componentBottomLine from '@/components/bottom-line/bottom-line';
import componentPayment from '@/components/payment/payment';
import componentPopup from '@/components/popup/popup';
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
data_list: [],
data_total: 0,
data_page_total: 0,
data_page: 1,
data_list_loding_status: 1,
data_bottom_line_status: false,
data_is_loading: 0,
params: null,
edit_data: null,
popup_edit_status: false,
// 支付弹窗参数
pay_url: '',
qrcode_url: '',
payment_list: [],
temp_pay_value: '',
temp_pay_index: 0,
payment_id: 0,
default_payment_id: 0,
is_show_payment_popup: false,
pay_price: 0,
nav_status_list: [],
nav_status_index: 0,
content_field_list: [],
};
},
components: {
componentPanelContent,
componentPayment,
componentNoData,
componentBottomLine,
componentPopup
},
props: {},
onLoad(params) {
// 调用公共事件方法
app.globalData.page_event_onload_handle(params);
// 是否指定状态
var nav_status_index = 0;
if ((params.status || null) != null) {
for (var i in this.nav_status_list) {
if (this.nav_status_list[i]['value'] == params.status) {
nav_status_index = i;
break;
}
}
}
this.setData({
params: params,
nav_status_index: nav_status_index,
});
this.init();
},
onShow() {
// 调用公共事件方法
app.globalData.page_event_onshow_handle();
// 分享菜单处理
app.globalData.page_share_handle();
},
// 下拉刷新
onPullDownRefresh() {
this.setData({
data_page: 1,
});
this.get_data_list(1);
},
methods: {
init() {
var user = app.globalData.get_user_info(this, 'init');
if (user != false) {
this.setData({
pay_url: app.globalData.get_request_url('pay', 'gift', 'givegift'),
qrcode_url: app.globalData.get_request_url('paycheck', 'gift', 'givegift'),
});
// 获取数据
this.get_data();
} else {
this.setData({
data_list_loding_status: 0,
data_bottom_line_status: false,
});
}
},
// 获取公共数据
get_data() {
uni.request({
url: app.globalData.get_request_url('init', 'gift', 'givegift'),
method: 'POST',
data: {},
dataType: 'json',
success: (res) => {
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
this.setData({
payment_list: data.payment_list || [],
default_payment_id: data.default_payment_id || 0,
nav_status_list: data.nav_status_list || [],
content_field_list: data.content_field_list || [],
data_list_loding_status: 0,
data_bottom_line_status: false,
data_page: 1,
});
this.get_data_list();
} else {
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: res.data.msg,
});
if (app.globalData.is_login_check(res.data, this, 'get_data_base')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.stopPullDownRefresh();
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: this.$t('common.internet_error_tips'),
});
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 列表数据
get_data_list(is_mandatory) {
// 分页是否还有数据
if ((is_mandatory || 0) == 0) {
if (this.data_bottom_line_status == true) {
uni.stopPullDownRefresh();
return false;
}
}
// 是否加载中
if (this.data_is_loading == 1) {
return false;
}
this.setData({
data_is_loading: 1,
data_list_loding_status: 1,
});
// 加载loding
if(this.data_page > 1) {
uni.showLoading({
title: this.$t('common.loading_in_text'),
});
}
// 请求数据
var data = {
page: this.data_page,
};
// 状态
var status = (this.nav_status_list[this.nav_status_index] || null) == null ? -1 : this.nav_status_list[this.nav_status_index]['value'];
if (status != -1) {
data['status'] = status;
}
// 获取数据
uni.request({
url: app.globalData.get_request_url('index', 'gift', 'givegift'),
method: 'POST',
data: data,
dataType: 'json',
success: (res) => {
if(this.data_page > 1) {
uni.hideLoading();
}
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
if (data.data_list.length > 0) {
if (this.data_page <= 1) {
var temp_data_list = data.data_list;
} else {
var temp_data_list = this.data_list || [];
var temp_data = data.data_list;
for (var i in temp_data) {
temp_data_list.push(temp_data[i]);
}
}
this.setData({
data_list: temp_data_list,
data_total: data.data_total,
data_page_total: data.page_total,
data_list_loding_status: 3,
data_page: this.data_page + 1,
data_is_loading: 0,
});
// 是否还有数据
this.setData({
data_bottom_line_status: this.data_page > 1 && this.data_page > this.data_page_total,
});
// 下订单支付处理
var key = app.globalData.data.cache_page_pay_key;
var pay_data = uni.getStorageSync(key) || null;
if (pay_data != null && (pay_data.order_ids || null) != null && (pay_data.payment_id || null) != null) {
uni.removeStorageSync(key);
this.setData({
temp_pay_value: pay_data.order_ids,
payment_id: pay_data.payment_id,
});
if ((this.$refs.payment || null) != null) {
this.$refs.payment.pay_handle(pay_data.order_ids, pay_data.payment_id, this.payment_list);
}
}
} else {
this.setData({
data_list_loding_status: 0,
data_list: [],
data_bottom_line_status: false,
data_is_loading: 0,
});
}
} else {
this.setData({
data_list_loding_status: 0,
data_is_loading: 0,
});
if (app.globalData.is_login_check(res.data, this, 'get_data_list')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
if(this.data_page > 1) {
uni.hideLoading();
}
uni.stopPullDownRefresh();
this.setData({
data_list_loding_status: 2,
data_is_loading: 0,
});
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 滚动加载
scroll_lower(e) {
this.get_data_list();
},
// 支付
pay_event(e) {
this.setData({
is_show_payment_popup: true,
temp_pay_value: e.currentTarget.dataset.value,
temp_pay_index: e.currentTarget.dataset.index,
pay_price: e.currentTarget.dataset.price,
payment_id: e.currentTarget.dataset.payment || '',
});
},
// 支付弹窗关闭
payment_popup_event_close(e) {
this.setData({
is_show_payment_popup: false,
});
},
// 重置列表数据
reset_event() {
this.get_data_list();
},
// 支付成功数据设置
order_item_pay_success_handle(data) {
var order_ids_arr = data.order_id.toString().split(',');
var temp_data_list = this.data_list;
for (var i in temp_data_list) {
if (order_ids_arr.indexOf(temp_data_list[i]['id'].toString()) != -1) {
temp_data_list[i]['pay_price'] = temp_data_list[i]['total_price'];
temp_data_list[i]['status'] = 1;
temp_data_list[i]['status_name'] = this.$t('order.order.s8g966');
}
}
this.setData({
data_list: temp_data_list,
});
},
// 取消
cancel_event(e) {
uni.showModal({
title: this.$t('common.warm_tips'),
content: this.$t('order.order.pn78ns'),
confirmText: this.$t('common.confirm'),
cancelText: this.$t('recommend-list.recommend-list.w9460o'),
success: (result) => {
if (result.confirm) {
// 参数
var id = e.currentTarget.dataset.value;
var index = e.currentTarget.dataset.index;
// 加载loding
uni.showLoading({
title: this.$t('common.processing_in_text'),
});
uni.request({
url: app.globalData.get_request_url('cancel', 'gift', 'givegift'),
method: 'POST',
data: {
ids: id,
},
dataType: 'json',
success: (res) => {
uni.hideLoading();
if (res.data.code == 0) {
var temp_data_list = this.data_list;
temp_data_list[index]['status'] = 2;
temp_data_list[index]['status_name'] = this.$t('order.order.1k98tk');
this.setData({
data_list: temp_data_list,
});
app.globalData.showToast(res.data.msg, 'success');
} else {
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
}
},
});
},
// 删除
delete_event(e) {
uni.showModal({
title: this.$t('common.warm_tips'),
content: this.$t('recommend-list.recommend-list.54d418'),
confirmText: this.$t('common.confirm'),
cancelText: this.$t('recommend-list.recommend-list.w9460o'),
success: (result) => {
if (result.confirm) {
// 参数
var id = e.currentTarget.dataset.value;
var index = e.currentTarget.dataset.index;
// 加载loding
uni.showLoading({
title: this.$t('common.processing_in_text'),
});
uni.request({
url: app.globalData.get_request_url('delete', 'gift', 'givegift'),
method: 'POST',
data: {
ids: id,
},
dataType: 'json',
success: (res) => {
uni.hideLoading();
if (res.data.code == 0) {
var temp_data_list = this.data_list;
temp_data_list.splice(index, 1);
this.setData({
data_list: temp_data_list,
});
if (temp_data_list.length == 0) {
this.setData({
data_list_loding_status: 0,
data_bottom_line_status: false,
});
}
app.globalData.showToast(res.data.msg, 'success');
} else {
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
uni.hideLoading();
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
}
},
});
},
// 导航事件
nav_event(e) {
this.setData({
nav_status_index: e.currentTarget.dataset.index || 0,
data_page: 1,
data_list: [],
data_list_loding_status: 1,
data_bottom_line_status: false
});
this.get_data_list(1);
},
// 编辑开启弹层
popup_edit_open_event(e) {
var index = e.currentTarget.dataset.index || 0;
this.setData({
popup_edit_status: true,
edit_data: this.data_list[index]
});
},
// 编辑弹层关闭
popup_edit_close_event(e) {
this.setData({
popup_edit_status: false,
});
},
// url事件
url_event(e) {
app.globalData.url_event(e);
}
}
};
</script>
<style>
@import './gift.css';
</style>

23
pages/plugins/givegift/goods/goods.css Normal file
View File

@ -0,0 +1,23 @@
.goods-buy-number {
height: 70rpx;
}
.number-content {
background: #eee;
border: 1px solid #eee;
}
.number-content .number-submit {
width: 80rpx;
font-weight: bold;
}
.number-content input {
width: 50px;
}
.number-content .number-submit,
.number-content input {
padding: 0;
height: 60rpx;
line-height: 60rpx;
}
.right-width .fr {
width: calc(100% - 190rpx);
}

310
pages/plugins/givegift/goods/goods.vue Normal file
View File

@ -0,0 +1,310 @@
<template>
<view :class="theme_view">
<view v-if="(goods || null) != null" class="page-bottom-fixed">
<form @submit="form_submit">
<image :src="goods.images" mode="widthFix" class="wh-auto dis-block"></image>
<view class="padding-main">
<view class="bg-white padding-main border-radius-main">
<view class="fw-b text-size multi-text lh-xl margin-bottom">{{goods.title}}</view>
<view v-if="(goods.show_field_price_status || 0) == 1" class="margin-bottom-xs">
<text class="price cr-price">{{goods.show_price_symbol}}</text>
<text class="sales-price text-size-lg">{{goods.price}}</text>
<text v-if="(goods.show_price_unit || null) != null" class="cr-grey text-size-xs">{{goods.show_price_unit}}</text>
</view>
<view v-if="(goods.show_field_original_price_status || 0) == 1" class="original-price">
<text class="text-size-xs">{{goods.show_original_price_symbol}}</text>
<text class="text-size">{{goods.original_price}}</text>
<text v-if="(goods.show_original_price_unit || null) != null" class="text-size-xs">{{goods.show_original_price_unit}}</text>
</view>
<view v-if="(goods.show_inventory_status || 0) == 1" class="inventory text-size-xs margin-top">
<text class="cr-grey">{{ $t('goods-detail.goods-detail.1s79t4') }}</text>
<text class="cr-base">{{ goods.inventory }}</text>
<text class="cr-grey">{{ goods.inventory_unit }}</text>
</view>
<view class="goods-buy-number oh pr margin-top-xxxl">
<view class="fl margin-top-sm">{{ $t('common.num') }}</view>
<view class="number-content tc oh round pa right-0 top-0">
<view @tap="goods_buy_number_event" class="number-submit tc cr-grey fl va-m" data-type="0">-</view>
<input @blur="goods_buy_number_blur" class="tc cr-grey bg-white fl va-m radius-0" type="number" name="buy_number" :value="buy_number" />
<view @tap="goods_buy_number_event" class="number-submit tc cr-grey fl va-m" data-type="1">+</view>
</view>
</view>
<view class="oh margin-top-xl">
<view class="fl margin-top-sm">不限领取</view>
<view class="fr">
<switch name="is_no_limit_receive" :checked="true" />
</view>
</view>
<view class="oh margin-top-xl right-width">
<view class="fl margin-top-sm">留言提示</view>
<view class="fr">
<input type="text" class="br round padding-horizontal lh-xxl ht-xxl" placeholder-class="cr-grey-c" placeholder="留言提示,格式最多200个字符" name="message_tips" />
</view>
</view>
</view>
</view>
<view class="bottom-fixed">
<view class="bottom-line-exclude">
<button type="default" form-type="submit" class="bg-main br-main cr-white text-size round wh-auto" :disabled="form_submit_disabled_status">提交支付</button>
</view>
</view>
</form>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
</view>
<!-- 支付组件 -->
<component-payment
:propPayUrl="pay_url"
:propQrcodeUrl="qrcode_url"
propPayDataKey="order_id"
:propPaymentList="payment_list"
:propTempPayValue="temp_pay_value"
:propTempPayIndex="temp_pay_index"
:propPaymentId="payment_id"
:propDefaultPaymentId="default_payment_id"
:propPayPrice="pay_price"
:propIsRedirectTo="true"
:propToPageBack="to_page_back"
:propToFailPage="to_fail_page"
:propToAppointPage="to_appoint_page"
:propIsShowPayment="is_show_payment_popup"
@close-payment-popup="payment_popup_event_close"
></component-payment>
</view>
</template>
<script>
const app = getApp();
import componentNoData from '@/components/no-data/no-data';
import componentPayment from '@/components/payment/payment';
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
data_bottom_line_status: false,
data_list_loding_status: 1,
data_list_loding_msg: '',
params: {},
goods: null,
buy_number: 1,
form_submit_disabled_status: false,
// 支付弹窗参数
pay_url: '',
qrcode_url: '',
payment_list: [],
temp_pay_value: '',
temp_pay_index: 0,
payment_id: 0,
default_payment_id: 0,
is_show_payment_popup: false,
pay_price: 0,
// 前往支付页面携带的参数
to_page_back: {
page: '/pages/plugins/givegift/gift/gift',
title: '我的送礼'
},
// 支付失败跳转的页面
to_fail_page: '/pages/plugins/givegift/gift/gift',
// 现金--跳转指定页面
to_appoint_page: '/pages/plugins/givegift/gift/gift',
};
},
components: {
componentNoData,
componentPayment
},
onLoad(params) {
// 调用公共事件方法
app.globalData.page_event_onload_handle(params);
// 参数
this.setData({params: params});
},
onShow() {
// 调用公共事件方法
app.globalData.page_event_onshow_handle();
// 加载数据
this.init();
// 分享菜单处理
app.globalData.page_share_handle();
},
// 下拉刷新
onPullDownRefresh() {
this.get_data();
},
methods: {
init(e) {
var user = app.globalData.get_user_info(this, 'init');
if (user != false) {
this.setData({
pay_url: app.globalData.get_request_url('pay', 'gift', 'givegift'),
qrcode_url: app.globalData.get_request_url('paycheck', 'gift', 'givegift'),
});
this.get_data();
}
},
// 获取数据
get_data() {
uni.request({
url: app.globalData.get_request_url('goods', 'gift', 'givegift'),
method: 'POST',
data: this.params,
dataType: 'json',
success: (res) => {
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
var payment_list = data.payment_list || [];
var default_payment_id = data.default_payment_id || 0;
this.setData({
goods: data.goods || null,
default_payment_id: default_payment_id,
payment_list: payment_list,
data_list_loding_msg: '',
data_list_loding_status: 0,
data_bottom_line_status: false,
});
} else {
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: res.data.msg,
});
if (app.globalData.is_login_check(res.data, this, 'get_data')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
uni.stopPullDownRefresh();
this.setData({
data_bottom_line_status: false,
data_list_loding_status: 2,
data_list_loding_msg: this.$t('common.internet_error_tips'),
});
},
});
},
// 数量输入事件
goods_buy_number_blur(e) {
var number = parseInt(e.detail.value) || 1;
if (isNaN(number)) {
number = this.goods.buy_min_number || 1;
}
this.goods_buy_number_func(number);
},
// 数量操作事件
goods_buy_number_event(e) {
var type = parseInt(e.currentTarget.dataset.type || 0);
var temp_number = parseInt(this.buy_number);
var number = type == 0 ? temp_number - 1 : temp_number + 1;
this.goods_buy_number_func(number);
},
// 数量处理方法
goods_buy_number_func(number) {
var buy_min_number = parseInt(this.goods.buy_min_number || 1);
var buy_max_number = parseInt(this.goods.buy_max_number || 0);
var spec_buy_min_number = parseInt(this.goods_spec_base_buy_min_number || 0);
var spec_buy_max_number = parseInt(this.goods_spec_base_buy_max_number || 0);
var inventory = parseInt(this.goods.inventory || 0);
var inventory_unit = this.goods.inventory_unit;
// 最小起购数量
var min = spec_buy_min_number > 0 ? spec_buy_min_number : buy_min_number;
if (min > 0 && number < min) {
number = min;
app.globalData.showToast(this.$t('recommend-detail.recommend-detail.265vyu') + min + inventory_unit);
}
// 最大购买数量
var max = spec_buy_max_number > 0 ? spec_buy_max_number : buy_max_number;
if (max > 0 && number > max) {
number = max;
app.globalData.showToast(this.$t('goods-category.goods-category.z1eh3v') + max + inventory_unit);
}
// 是否超过库存数量
if (number > inventory) {
number = inventory;
app.globalData.showToast(this.$t('recommend-detail.recommend-detail.2sis3v') + inventory + inventory_unit);
}
this.setData({ buy_number: number });
},
// 数据提交
form_submit(e) {
var form_data = e.detail.value;
form_data['goods_id'] = this.goods.id;
this.setData({
form_submit_disabled_status: true,
});
uni.showLoading({
title: this.$t('common.processing_in_text'),
});
uni.request({
url: app.globalData.get_request_url('create', 'gift', 'givegift'),
method: 'POST',
data: form_data,
dataType: 'json',
success: (res) => {
uni.hideLoading();
if (res.data.code == 0) {
var data = res.data.data;
this.setData({
is_show_payment_popup: this.is_show_payment_popup ? false : true,
temp_pay_value: data.order_id,
pay_price: data.total_price,
payment_id: data.payment_user_id || this.default_payment_id,
});
uni.setStorageSync(app.globalData.data.cache_page_pay_key, {
order_ids: data.order_id,
});
} else {
this.setData({
form_submit_disabled_status: false,
});
if (app.globalData.is_login_check(res.data)) {
app.globalData.showToast(res.data.msg);
} else {
app.globalData.showToast(this.$t('common.sub_error_retry_tips'));
}
}
},
fail: () => {
this.setData({
form_submit_disabled_status: false,
});
uni.hideLoading();
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 支付窗口关闭
payment_popup_event_close() {
this.setData({
is_show_payment_popup: false,
form_submit_disabled_status: false,
});
}
}
};
</script>
<style scoped>
@import './goods.css';
</style>

8
pages/plugins/givegift/receive/receive.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>

2
pages/plugins/invoice/invoice/invoice.vue
View File

@ -136,7 +136,7 @@
this.get_data_base();
}
},
// 获取公告数据
// 获取公共数据
get_data_base() {
uni.request({
url: app.globalData.get_request_url('center', 'user', 'invoice'),

16
pages/plugins/membershiplevelvip/buy/buy.vue
View File

@ -62,7 +62,8 @@
<view v-else>
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
</view>
</view>
<!-- 支付组件 -->
<component-payment
:propPayUrl="pay_url"
:propQrcodeUrl="qrcode_url"
@ -117,7 +118,7 @@
},
components: {
componentNoData,
componentPayment,
componentPayment
},
props: {},
onLoad(params) {
@ -280,17 +281,20 @@
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
},
// 打开url
url_event(e) {
app.globalData.url_event(e);
},
},
// 支付窗口关闭
payment_popup_event_close() {
this.setData({
is_show_payment_popup: false,
});
},
},
}
}
};
</script>
<style scoped>

31
pages/plugins/wallet/transfer/transfer.vue
View File

@ -7,16 +7,19 @@
<view class="title fw-b text-size margin-right-main">{{$t('cash-create.cash-create.36756z')}}</view>
<view class="flex-1 flex-width padding-right-main">
<view class="flex-row jc-sb align-c">
<input name="keywords" :value="inputClearValue" class="text-size-md pr top-sm flex-1 flex-width" :placeholder="$t('transfer.transfer.t53ary')" placeholder-class="cr-grey-c" @input="input_account_event" />
<view class="margin-right-sm pr top-xs" @tap="scan_event">
<iconfont name="icon-scan" size="28rpx" color="#999" propClass="lh-il"></iconfont>
</view>
<input name="keywords" :value="input_clear_value" class="text-size-md pr top-sm flex-1 flex-width" :placeholder="$t('transfer.transfer.t53ary')" placeholder-class="cr-grey-c" @input="input_account_event" />
<text class="cr-main pr top-xs margin-left-sm" @tap="search_account_event">{{$t('common.confirm')}}</text>
</view>
<view v-if="(receive_user || null) != null && inputClearValue" class="br-t-e padding-top-main margin-top-main flex-row align-c">
<view v-if="(receive_user || null) != null && input_clear_value" class="br-t-e padding-top-main margin-top-main flex-row align-c">
<image :src="receive_user.avatar" mode="widthFix" class="img margin-right-xs circle" />
<text class="text-size-xs">{{ receive_user.username }}</text>
<text class="text-size-xs">{{ receive_user.user_name_view }}</text>
</view>
</view>
</view>
<view v-if="is_error_msg" class="error-msg text-size-xs padding-vertical-xs">{{ error_msg }}</view>
<view v-if="is_error_msg" class="error-msg text-size-xs padding-vertical">{{ error_msg }}</view>
<view class="border-radius-main bg-white padding-main spacing-mb">
<view class="title fw-b text-size margin-bottom-xxxl padding-bottom-xl">{{$t('transfer.transfer.2q274j')}}</view>
<input name="money" type="number" class="text-size-xl tc cr-red" :placeholder="$t('transfer.transfer.g22y5v')" placeholder-class="cr-grey-c" />
@ -51,7 +54,7 @@
error_msg: '',
data_list_loding_status: 1,
data_list_loding_msg: '',
inputClearValue: '',
input_clear_value: '',
};
},
components: {
@ -118,7 +121,7 @@
// 账户输入事件
input_account_event(e) {
this.setData({
inputClearValue: e.detail.value,
input_clear_value: e.detail.value,
});
},
// 用户查询
@ -128,7 +131,7 @@
url: app.globalData.get_request_url('userquery', 'transfer', 'wallet'),
method: 'POST',
data: {
keywords: this.inputClearValue,
keywords: this.input_clear_value,
},
dataType: 'json',
success: (res) => {
@ -156,6 +159,20 @@
});
}
},
// 扫码
scan_event(e) {
var self = this;
uni.scanCode({
success: function (res) {
self.setData({
input_clear_value: res.result
});
self.search_account_event();
}
});
},
// 转账表单提交
form_submit(e) {
if (this.is_user_login) {

4
pages/user-address/user-address.css
View File

@ -17,10 +17,6 @@
/**
* 底部按钮
*/
.btn-bottom {
padding: 42rpx 46rpx;
}
.btn-bottom button {
height: 88rpx;
line-height: 88rpx;