admin1/jiangchengfeiyi-xiaochengxu
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

轮播图、购物车bug

Browse Source
This commit is contained in:
yuanteng0011 2025-03-19 20:52:14 +08:00
parent 08bb73c838
commit f6edd09641
4 changed files with 82 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/request.ts
View File

@ -6,4 +6,4 @@ export const domain = 'https://www.carboner.cn:8888/api'
export const myIp = 'http://8.130.119.119:9092/api'
export const nwct = 'https://winning-mouse-internally.ngrok-free.app/api'
export const suiUrl = ''
export const baseUrl = domain
export const baseUrl = Url

28
pages/Shopping-cart/productmain/testproductmain.vue
View File

@ -178,7 +178,7 @@
item.checked = false //所有都先未选中
})
}
console.log('products-->', products.value);
// console.log('products-->', products.value);
}
//小程序刷新根据用户id获取购物车信息
const getProductCart = async () => {
@ -275,6 +275,7 @@
// console.log('服务类打印出来是---->', event); //选中后是数组下标
// console.log('length---->', event.detail.value.length);
// console.log('product--->',products.value);
let flagArr = new Array(products.value.length).fill(0) //标记数组
if (event.detail.value.length == products.value.length) { //单选得长度等于购物车所有数量就全选
allCheck.value = true
} else {
@ -283,7 +284,7 @@
checkedData.value = [] //每次都要重置一下
totalPrice.value = 0;
let count = 0; //用于记录checkedData不为null的个数
console.log('event--->', event.detail.value);
// console.log('event--->', event);
console.log('现在的商品---->',products.value);
if (!event.detail.value.length) {
// products.value[parseInt(event.detail.value)].checked = true; //勾选
@ -304,18 +305,23 @@
}
event.detail.value.forEach((item) => {
products.value[parseInt(item)].checked = true
products.value.forEach((item) =>{
})
})
//然后假如checkboxGroup传过来的 detail.value中有某个id则把这些元素的checked属性置为true(选中状态)
products.value.forEach((x) => {
event.detail.value.forEach((y) => {
if (x.value == y) {
x.checked = true
flagArr[parseInt(item)] = 1
products.value.forEach((proItem,index,arr) => { //将未选中的置为false
if(flagArr[index] !== 1) {
products.value[index].checked = false
}
})
})
//然后假如checkboxGroup传过来的 detail.value中有某个id则把这些元素的checked属性置为true(选中状态)
// products.value.forEach((x) => {
// event.detail.value.forEach((y) => {
// if (x.value == y) {
// x.checked = true
// } else {
// x.checked = false
// }
// })
// })
event.detail.value.forEach((item) => { //将选中的商品信息赋值给checkedData
console.log('products.value[parseInt(item)].goodId', products.value[parseInt(item)].goodId);
if (products.value[parseInt(item)] !== null) {

44
pages/store-home/main/testMain.vue
View File

@ -74,6 +74,8 @@ const sort =ref([{}]) //商品类别对象数组
const headerList = ref([{}]) //类别标题和介绍
const productList = ref([{}]) //类别下对应的商品
const cookie = wx.getStorageSync("cookie")
const imgList = ref([]) //轮播图展示数组
const carouseList = ref([]) //轮播图数组
const product_type = ref({
type: "材料包"
@ -83,14 +85,39 @@ onLoad( async (options)=>{
getFonts()
await Getsort()
await changeTypes( sort.value[0] , 0 ) //首先获取最开始的类别
await getCarouseList()
})
onPullDownRefresh( async ()=>{ //下拉刷新
await Getsort()
await changeTypes( sort.value[0] , 0 ) //首先获取最开始的类别
await getCarouseList()
setTimeout(()=>{
uni.stopPullDownRefresh() //停止下拉刷新
},1000)
})
const getCarouseList = async () => { //获取轮播图
const res = await uni.request({
url: baseUrl + '/banner/query',
method: 'POST',
header: {
cookie
},
data: {
type: '实体类'
}
})
if(res.data.code === 1) {
console.log('轮播图信息--->',res.data.data);
carouseList.value = res.data.data
carouseList.value.forEach((item)=>{
imgList.value.push({
url: publicPath + item.url
})
})
}
}
//获取商品分类
const Getsort = async ()=>{
const res = await uni.request({
@ -119,7 +146,7 @@ const Getsort = async ()=>{
duration: 2000
})
}
console.log('获取商品分类==>',res.data);
// console.log('获取商品分类==>',res.data.data);
}
//更改类别
const changeTypes = async (item , index) =>{
@ -166,21 +193,6 @@ const goToProduct = (item) => {
const imgList = ref([{
url: storeHomeUrl + '/main/banner1.png',
id: 1
},{
url: storeHomeUrl + '/main/banner2.png',
id: 2
},{
url: storeHomeUrl + '/main/banner3.png',
id: 3
},{
url: storeHomeUrl + '/main/banner4.png',
id: 4
},])

50
pages/workshop/index/index.vue
View File

@ -45,7 +45,7 @@
<script setup>
import { ref , onMounted } from 'vue'
import { baseUrl } from '../../../api/request';
import { onLoad } from "@dcloudio/uni-app";
import { onLoad,onPullDownRefresh } from "@dcloudio/uni-app";
import { getFonts } from '../../../common/globalFont';
import { workshopUrl } from '../../../common/globalImagesUrl';
import { publicPath } from '../../../common/globalImagesUrl';
@ -53,13 +53,47 @@ import carousel from '@/components/vear-carousel/vear-carousel'
const products = ref()
const cookie = wx.getStorageSync("cookie")
const bkgUrl = ref(workshopUrl + '/index/bkg.png')
const carouseList = ref([]) //轮播图
const imgList = ref([]) //轮播图展示图
onLoad(() => {
getFonts()
})
onMounted(()=>{
getProducts()
getCarouseList()
})
onPullDownRefresh( async ()=>{
getProducts()
getCarouseList()
setTimeout(()=>{
uni.stopPullDownRefresh() //停止下拉刷新
},1000)
})
const getCarouseList = async () => {
const res = await uni.request({
url: baseUrl + '/banner/query',
method: 'POST',
header: {
cookie
},
data: {
type: '服务类'
}
})
console.log('轮播图---->',res.data);
if(res.data.code === 1) {
carouseList.value = res.data.data
carouseList.value.forEach((item)=>{
imgList.value.push({
url: publicPath + item.url
})
})
}
}
const getProducts = async ()=> {
const res = await uni.request({
url: baseUrl + '/goods/service/list/card',
@ -78,20 +112,6 @@ const jump_detail =(item,index)=>{
}
const imgList = ref([{
url: workshopUrl + '/index/banner1.png',
id: 1
},{
url: workshopUrl + '/index/banner2.png',
id: 2
},{
url: workshopUrl + '/index/banner3.png',
id: 3
},{
url: workshopUrl + '/index/banner4.png',
id: 4
},])