台部落bobokaka

真機聯調方式一種方式是手機和電腦連同一個局域網，也就是同一個WiFi 運行項目會在終端顯示ip連接的地址：因爲目前我的是手機熱點，需下面的方式：如果是手機開熱點給電腦用，可以win+R鍵輸入ipconfig查詢本機ip，然後在手機

2021-12-04 23:31:14

目前src\views\orderConfirmation\OrderConfirmation.vue已有超過250行代碼。這裏將此組件進行拆分。 src\views\orderConfirmation\TopArea.vue <templ

2021-12-01 04:35:30

項目說明本項目非原創項目，是在學習視頻的同時，自己跟着寫一遍，記錄學習內容的系列文章。所以，第一，代碼是仿寫；第二，代碼是自己寫的。項目gitee地址 https://gitee.com/bobokaka/moudong_gohome

2021-12-01 04:35:30

繼續完善訂單頁面。這裏需要將一些方法進行抽離。 src\effects\cartEffects.js import { computed } from 'vue' import { useStore } from 'vuex' // 添加

2021-12-01 04:35:30

繼續完善src\views\orderConfirmation\OrderConfirmation.vue 此時需要從src\views\shop\Content.vue抄一段代碼，抄過來後效果如下： src\views\cartList\

2021-12-01 04:35:30

目的：打造購物車的頁面 "去結算"調整調整src\views\shop\Cart.vue <template> ...... <div class="check__btn"> <router-link :to=

2021-12-01 04:35:30

修改 src\views\home\Docker.vue <template>  <div class="docker"> <span :class="{ docker__item

2021-12-01 04:35:30

這裏主要進行一些細節的優化全選按鈕圖標的居中首先是全選按鈕圖標的居中 .product { ...... &__header { ...... &__all { ...... &__icon {

2021-11-27 15:20:44

接下來·進一步完善底部購物模塊,完善之前需要準備2個圖標，同樣將圖標按鈕放到項目中。修改src\views\shop\Cart.vue <template> <div class="cart"> <div class="

2021-11-27 15:20:44

數據流轉修改路由src\router\index.js: ······ { path: '/shop/:id', name: 'Shop', component: () => import(/* webpackChunkNa

2021-11-14 08:40:53

修改src\views\shop\Cart.vue,將src\views\shop\Content.vue下的class等於product複製一份過去： <template> <div class="cart"> <div cl

2021-10-25 04:27:18

商家詳情頁開發在開發之前準備好mock接口，返回mock如下: { code: 200, data: [ { id: '1', name: '某什麼瑪1', imgUrl: '/i18n

2021-10-25 04:27:18

後端接口可以寫到自己搭建的fast mock網站上。 fast mock官方網站在向後臺請求數據之前需要在終端安裝axios插件： > npm install axios --save 修改src\views\login\Login.

2021-10-23 22:00:58

全局的功能組件——自定義彈窗組件新建src\components\Toast\Toast.vue: <template ><div class="toast">{{message}}</div> > </template> <s

2021-10-23 22:00:58

限制只有登錄才能訪問首頁，而不登錄只能打開登錄界面。這就用到路由守衛功能。修改路由配置文件``： import { createRouter, createWebHistory } from 'vue-router' cons

2021-10-21 09:03:46