From ddff047e68e58e21e31c682e2fae6dddb428fd75 Mon Sep 17 00:00:00 2001
From: mengyxu <kekeningxiaobai@sina.com>
Date: Wed, 14 May 2025 00:03:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=89=A9=E5=85=85=E8=83=8C?=
 =?UTF-8?q?=E5=8C=85=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=BB=A7?=
 =?UTF-8?q?=E6=89=BF=E4=B8=8D=E6=B6=88=E8=80=97=E9=87=91=E5=B8=81BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/i18n/zh/index.ts      |  1 +
 src/views/backpack/grid.vue      | 49 +++++++++++++++++++++++++++++---
 src/views/backpack/inherited.vue |  7 +++--
 3 files changed, 50 insertions(+), 7 deletions(-)

diff --git a/src/config/i18n/zh/index.ts b/src/config/i18n/zh/index.ts
index 4f89185..c483b46 100644
--- a/src/config/i18n/zh/index.ts
+++ b/src/config/i18n/zh/index.ts
@@ -53,6 +53,7 @@ export default class Zh {
 
   equip = '装备';
   backpack = '背包(B)';
+  addGrid = ['扩充背包', '是否花费${0}金币扩充${1}格背包？', '废话，不差钱', '算了，太贵了', '背包最多扩充到${0}格'];
   neaten = '一键整理';
   use = '装备';
   strengthen = '强化';
diff --git a/src/views/backpack/grid.vue b/src/views/backpack/grid.vue
index c124de7..ddbc0c1 100644
--- a/src/views/backpack/grid.vue
+++ b/src/views/backpack/grid.vue
@@ -17,28 +17,39 @@
         <span class="capacity" :class="{ 'height': itemNum / grid.length > 0.8 }">
             {{ itemNum }}/{{ grid.length }}
         </span>
+        <button class="button addGrid" @click="addGrid">+</button>
         <button class="button" @click="neaten">{{ t('neaten') }}</button>
         <button class="button" @click="sellAll">{{ t('sellAll') }}</button>
         <AutoSell />
     </div>
 
+    <Confirm ref="confirm" width="8rem" :tip="replace(t('addGrid.1'), [needCoins, addNum])" :confirm="t('addGrid.2')"
+        :cancel="t('addGrid.3')" @confirm="confirmAddGrid" />
+
 </template>
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
 import { computed, onMounted, ref } from "vue";
 import { useI18n } from "vue3-i18n";
-import EquipIcon from "@/components/equip-icon.vue";
+import { EquipIcon, Confirm } from "@/components";
 import { lock_icon, backpack_num } from "@/config";
 import AutoSell from "./auto-sell.vue";
-import { userMobile } from "@/tool";
+import { userMobile, replace } from "@/tool";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
 const grid = computed(() => {
     return state.grid;
 });
-const emit = defineEmits(['openEquipMenu'])
+const emit = defineEmits(['openEquipMenu']);
+const confirm = ref();
+const userCoins = computed(() => {
+    return state.playerAttribute.coins;
+})
+const needCoins = 2000000;
+const addNum = 8;
+const maxNum = 160;
 
 const itemNum = computed(() => {
     let i = 0;
@@ -78,6 +89,24 @@ mobile.onClick = (e, data) => {
     commit('show_equip_tip', { equip: data[0], compare: true, e: e.touches[0] })
 }
 
+const addGrid = (e) => {
+    if (grid.value.length >= maxNum) {
+        commit("set_sys_info", { msg: replace(t('addGrid.4'), [maxNum]), type: "warning", });
+        return;
+    }
+    confirm.value.open(0, e)
+}
+const confirmAddGrid = () => {
+    if (userCoins.value < needCoins) {
+        commit("set_sys_info", { msg: t('stNoCoins'), type: "warning", });
+        return
+    }
+    commit("add_player_coins", -1 * needCoins);
+    for (let i = 0; i < addNum; i++) {
+        grid.value.push(null);
+    }
+}
+
 onMounted(() => { });
 </script>
 <style lang="scss" scoped>
@@ -89,7 +118,8 @@ onMounted(() => { });
     align-items: flex-start;
     flex-wrap: wrap;
     display: flex;
-    padding-left: 1.3rem;
+    padding-left: 0.8rem;
+    overflow: auto;
 }
 
 .grid {
@@ -154,10 +184,16 @@ onMounted(() => { });
         color: red;
     }
 
+
     .button {
         float: right;
         margin-top: 0.9rem;
     }
+
+    .addGrid {
+        padding: 0 0.8rem;
+        float: left;
+    }
 }
 
 @media only screen and (max-width: 768px) {
@@ -196,6 +232,11 @@ onMounted(() => { });
         .button {
             margin-top: 0.5rem;
         }
+
+        .addGrid {
+            padding: 0 0.4rem;
+            float: left;
+        }
     }
 
 }
diff --git a/src/views/backpack/inherited.vue b/src/views/backpack/inherited.vue
index 1581e33..80d7107 100644
--- a/src/views/backpack/inherited.vue
+++ b/src/views/backpack/inherited.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="inherited" v-if="target && source">
         <div class="coins">
-            {{ t('coins.0') }}:{{ useCoins }}
+            {{ t('coins.0') }}:{{ userCoins }}
         </div>
         <div class="message">
             <p>{{ t('inherited.1') + needCoins }}</p>
@@ -81,7 +81,7 @@ import { EquipIcon, Confirm } from "@/components";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
-const useCoins = computed(() => {
+const userCoins = computed(() => {
     return state.playerAttribute.coins;
 })
 const needCoins = computed(() => {
@@ -108,10 +108,11 @@ const inherited = (e) => {
 }
 
 const confirmInherited = () => {
-    if (useCoins.value < needCoins.value) {
+    if (userCoins.value < needCoins.value) {
         commit("set_sys_info", { msg: t('stNoCoins'), type: "warning", });
         return
     }
+    commit("add_player_coins", -1 * needCoins.value);
     prop.target.strengthenLv = prop.source.strengthenLv;
     prop.source.strengthenLv = 0;
     commit("set_sys_info", { msg: t('inheritedConfirm.4'), type: "win", });