购物车 添加为你精选

components/BsChosen.vue

@@ -1,81 +1,81 @@
-<template>
-  <div class="chosen">
-    <div class="chosen-title flex flex-between flex-middle">
-      <h3 class="chosen-title--txt">为你精选</h3>
-      <div class="chosen-title--btn flex" @click="getRecommendedGoodsList()">
-        <img src="@/assets/img/goods/each.png" alt="切换推荐" />
-        <span>换一组</span>
-      </div>
-    </div>
-    <div class="chosen-list">
-      <UiGoodsItem
-        :item="item"
-        v-for="item in recommendedData"
-        :key="item.id"
-      ></UiGoodsItem>
-    </div>
-  </div>
-</template>
-<script>
-import { ApiGetRecommendedGoodsList } from "@/plugins/api/goods";
-import UiGoodsItem from "@/components/UiGoodsItem.vue";
-export default {
-  components: { UiGoodsItem },
-  data() {
-    return {
-      recommendedData: [],
-    };
-  },
-  created() {
-    this.getRecommendedGoodsList();
-  },
-  methods: {
-    async getRecommendedGoodsList() {
-      let vm = this;
-      let res = await ApiGetRecommendedGoodsList();
-      vm.recommendedData = res.result;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.chosen {
-  width: 100%;
-  padding: 30px 0 40px;
-  background: #f8f8f8;
-
-  &-title {
-    @include layout-box;
-    &--txt {
-      font-size: 24px;
-      font-family: Microsoft YaHei-Bold, Microsoft YaHei;
-      font-weight: bold;
-      color: #333333;
-    }
-    &--btn {
-      width: 140px;
-      cursor: pointer;
-      img {
-        width: 27px;
-        height: 27px;
-        margin-right: 5px;
-      }
-      span {
-        font-size: 18px;
-        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
-        font-weight: 400;
-        color: #999999;
-      }
-    }
-  }
-  &-list {
-    @include layout-box;
-    padding-top: 40px;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, 232px);
-    justify-content: space-between;
-    grid-row-gap: 10px;
-  }
-}
-</style>
+<template>
+  <div class="chosen">
+    <div class="chosen-title flex flex-between flex-middle">
+      <h3 class="chosen-title--txt">为你精选</h3>
+      <div class="chosen-title--btn flex" @click="getRecommendedGoodsList()">
+        <img src="@/assets/img/goods/each.png" alt="切换推荐" />
+        <span>换一组</span>
+      </div>
+    </div>
+    <div class="chosen-list">
+      <UiGoodsItem
+        :item="item"
+        v-for="item in recommendedData"
+        :key="item.id"
+      ></UiGoodsItem>
+    </div>
+  </div>
+</template>
+<script>
+import { ApiGetRecommendedGoodsList } from "@/plugins/api/goods";
+import UiGoodsItem from "@/components/UiGoodsItem.vue";
+export default {
+  components: { UiGoodsItem },
+  data() {
+    return {
+      recommendedData: [],
+    };
+  },
+  created() {
+    this.getRecommendedGoodsList();
+  },
+  methods: {
+    async getRecommendedGoodsList() {
+      let vm = this;
+      let res = await ApiGetRecommendedGoodsList();
+      vm.recommendedData = res.result;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.chosen {
+  width: 100%;
+  padding: 30px 0 40px;
+  background: #f8f8f8;
+
+  &-title {
+    @include layout-box;
+    &--txt {
+      font-size: 24px;
+      font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+      font-weight: bold;
+      color: #333333;
+    }
+    &--btn {
+      width: 140px;
+      cursor: pointer;
+      img {
+        width: 27px;
+        height: 27px;
+        margin-right: 5px;
+      }
+      span {
+        font-size: 18px;
+        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+        font-weight: 400;
+        color: #999999;
+      }
+    }
+  }
+  &-list {
+    @include layout-box;
+    padding-top: 40px;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 232px);
+    justify-content: space-between;
+    grid-row-gap: 10px;
+  }
+}
+</style>

components/UiRadio.vue

@@ -1,10 +0,0 @@
-<!--
- * @Author: ch
- * @Date: 2022-05-07 22:57:24
- * @LastEditors: ch
- * @LastEditTime: 2022-05-07 22:57:39
- * @Description: file content
--->
-<template>
-	<el-radio/>
-</template>

pages/cart/index.vue

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-05-03 22:41:15
  * @LastEditors: ch
- * @LastEditTime: 2022-05-12 18:03:12
+ * @LastEditTime: 2022-05-12 18:11:55
  * @Description: file content
 -->
 <template>
@@ -72,19 +72,21 @@
 				</div>
 			</div>
 		</div>
+		<BsChosen></BsChosen>
 	</div>
 	
 </template>
 <script>
 import {ApiGetCartList, ApiDeleteCartGoods, ApiPutCartNum} from '@/plugins/api/cart';
 import {Debounce} from '@/plugins/utils';
-import UIGoodsInfo from '../../components/UIGoodsInfo.vue';
-import UiButton from '../../components/UiButton.vue';
-import UiMoney from '../../components/UiMoney.vue';
-import UiEmpty from '../../components/UiEmpty.vue';
-import UiLoading from '../../components/UiLoading.vue';
+import UIGoodsInfo from '@/components/UIGoodsInfo.vue';
+import UiButton from '@/components/UiButton.vue';
+import UiMoney from '@/components/UiMoney.vue';
+import UiEmpty from '@/components/UiEmpty.vue';
+import UiLoading from '@/components/UiLoading.vue';
+import BsChosen from '@/components/BsChosen.vue';
 export default {
-	components: { UIGoodsInfo, UiButton, UiMoney, UiEmpty, UiLoading },
+	components: { UIGoodsInfo, UiButton, UiMoney, UiEmpty, UiLoading, BsChosen },
 	data(){
 		return {
 			isLoading : false,
@@ -104,7 +106,6 @@ export default {
                 tempPrice += unitPrice * (item.number || 0)
 			});
 			return (tempPrice / 100).toFixed(2);
-
 		},
 		// 正常可结算的商品
 		normalList(){

pages/goods/detail/_id.vue

@@ -153,21 +153,21 @@
         </div>
       </div>
     </section>
-    <UiChosen v-else></UiChosen>
+    <BsChosen v-else></BsChosen>
   </div>
 </template>
 <script>
 import UiMoney from "@/components/UiMoney.vue";
 import UiButton from "@/components/UiButton.vue";
 import UiGoodsItem from "@/components/UiGoodsItem.vue";
-import UiChosen from "@/components/UiChosen.vue";
+import BsChosen from "@/components/BsChosen.vue";
 import {
   ApiGetGoodsDetail,
   ApiGetGoodsSkus,
   ApiGetRecommendedGoodsList,
 } from "@/plugins/api/goods";
 export default {
-  componetns: { UiMoney, UiButton, UiGoodsItem, UiChosen },
+  componetns: { UiMoney, UiButton, UiGoodsItem, BsChosen },
   data() {
     return {
       curBuyNum: 1,

pages/goods/list/index.vue

@@ -70,7 +70,7 @@
       <img class="main-none-img" src="@/assets/img/goods/none.png" alt="" />
       <p class="main-none-txt">没有搜到你想要的商品哦，换个关键词试试</p>
     </main>
-    <UiChosen></UiChosen>
+    <BsChosen></BsChosen>
   </div>
 </template>
 <script>
@@ -81,9 +81,9 @@ import {
 } from "@/plugins/api/goods";
 import Sort from "./module/SortItem.vue";
 import UiGoodsItem from "@/components/UiGoodsItem.vue";
-import UiChosen from '@/components/UiChosen.vue';
+import BsChosen from '@/components/BsChosen.vue';
 export default {
-  components: { Sort, UiGoodsItem,UiChosen },
+  components: { Sort, UiGoodsItem,BsChosen },
   data() {
     return {
       navActive: 0,