2025.03.12 工作代码提交

jiuyi2/api/shop.js

@@ -110,6 +110,18 @@ const shop = {
 		})
 	},
 
+	/**
+	 * 商品详情下面的商品推荐
+	 * @param {Object} param
+	 */
+	getInfoProductRecommendations(param) {
+		return util.request({
+			url: `/shopify/appProductionApi/infoProductRecommendations`,
+			method: 'GET',
+			query: param.query
+		})
+	},
+
 	/**
 	 * 商品分类列表
 	 * @param {Object} param
@@ -134,6 +146,18 @@ const shop = {
 		})
 	},
 
+	/**
+	 * 个人中心下面的商品推荐
+	 * @param {Object} param
+	 */
+	getMineUserProList(param) {
+		return util.request({
+			url: `/shopify/appProductionApi/personalCenterProductRecommendations`,
+			method: 'GET',
+			query: param.query,
+		})
+	},
+
 	/**
 	 * 添加商品浏览记录
 	 * @param {Object} param

jiuyi2/common/js/config.js

@@ -9,7 +9,7 @@ const config = {
 	host: 'http://91f.xyz:8080',
 	// #endif
 	// 是否vivo显示
-	showVivo: false,
+	showVivo: true,
 	// 支付方式配置
 	payType: {
 		score: {

jiuyi2/components/index/proDetailAlt.vue

@@ -126,6 +126,9 @@
 				<view class="main">
 					<!-- 获取详情 -->
 					<proDetail :id="proId" :detail="detail" />
+
+					<!-- 填充 -->
+					<view class="fill" style="height: 180rpx;"></view>
 				</view>
 			</scroll-view>
 

jiuyi2/components/shop/detail/detail.vue

@@ -49,23 +49,6 @@
 	})
 	// 最近购买订单列表
 	const recentOrderList = ref([])
-	// 
-	const menuFn = {
-		// 店铺
-		store() {
-			link('/pages/shop/store/index')
-		},
-		// 客服
-		customerService() {
-			link('/pages/news/question-answer/index')
-		},
-		// 收藏
-		heibianStar() {
-			// 
-		}
-	}
-	// 编辑器上下文对象
-	const editorCtx = ref(null)
 	// 已选择的规格下标
 	const spaceIndex = ref(0)
 	// 数量
@@ -94,7 +77,6 @@
 		let result = ''
 		const richText = props.detail.infoRichText || ''
 		if (richText) result = decodeURIComponent(escape(atob(richText)))
-		console.log('richText', result, decodeURIComponent(escape(atob(richText))))
 		return result
 	})
 
@@ -378,12 +360,9 @@
 		<!-- 商品详情 -->
 		<view class="content mt30">
 			<!-- <rich-text :nodes="infoRichText" v-if="infoRichText" /> -->
-			<parseRichText :imageProp="{'mode': 'widthFix',}" :content="infoRichText" />
+			<parseRichText :imageProp="{'mode': 'widthFix',}" :content="infoRichText" v-if="infoRichText" />
 		</view>
 	</view>
-
-	<!-- 填充 -->
-	<view class="fill" style="height: 180rpx;"></view>
 </template>
 
 <style lang="scss">

jiuyi2/components/shop/detail/footerMenu.vue

@@ -1,42 +1,42 @@
 <script setup>
-// 店铺 客服 收藏 支付
+	// 店铺 客服 收藏 支付
-import {
+	import {
 		ref,
 		reactive,
 		getCurrentInstance,
 		computed,
 		defineEmits,
 		onMounted
-} from 'vue'
+	} from 'vue'
-// 
+	// 
-import util from '@/common/js/util.js'
+	import util from '@/common/js/util.js'
-// 
+	// 
-import api from '@/api/index.js'
+	import api from '@/api/index.js'
-// 
+	// 
-import {
+	import {
 		useStore
-} from 'vuex'
+	} from 'vuex'
 
-const {
+	const {
 		proxy
-} = getCurrentInstance()
+	} = getCurrentInstance()
-// 
+	// 
-const store = useStore()
+	const store = useStore()
-// 
+	// 
-const props = defineProps({
+	const props = defineProps({
 		// 商品信息
 		detail: {
 			type: Object,
 			default: () => ({})
 		},
-})
+	})
-// 
+	// 
-const emit = defineEmits(['update', 'buy'])
+	const emit = defineEmits(['update', 'buy'])
-// 用户信息
+	// 用户信息
-const userinfo = computed(() => store.state.userinfo)
+	const userinfo = computed(() => store.state.userinfo)
 
-// 商品收藏
+	// 商品收藏
-function handleCollect() {
+	function handleCollect() {
 		util.isLogin().then(rs => {
 			// 
 			api.shop.addProductCollect({
@@ -45,7 +45,7 @@ function handleCollect() {
 					type: {
 						0: 1,
 						1: 0,
-				}[props.detail.isCollect]
+					} [props.detail.isCollect]
 				}
 			}).then(rs => {
 				if (rs.code == 200) {
@@ -53,7 +53,7 @@ function handleCollect() {
 					props.detail.isCollect = {
 						0: 1,
 						1: 0,
-				}[props.detail.isCollect]
+					} [props.detail.isCollect]
 					// 关注数量
 					props.detail.collectNumber = rs.data
 					return
@@ -69,26 +69,26 @@ function handleCollect() {
 				url: '/pages/login/loginPhone'
 			})
 		})
-}
+	}
 
-/**
+	/**
 	 * 跳转
 	 * @param {Object} url 跳转路径
 	 */
-function link(url) {
+	function link(url) {
 		uni.navigateTo({
 			url,
 		})
-}
+	}
 
-// 商品购买
+	// 商品购买
-function handleBuy() {
+	function handleBuy() {
 		emit('buy')
-}
+	}
 
 
-// 客服
+	// 客服
-function toCustomer() {
+	function toCustomer() {
 		// api.shop.getCustomerService({ merchantId: props.detail.merId }).then(rs => {
 		// 	if (rs.code == 200) {
 		// 		let param = {};
@@ -107,7 +107,7 @@ function toCustomer() {
 		// 	}
 		// })
 
-}
+	}
 </script>
 
 <template>
@@ -144,8 +144,8 @@ function toCustomer() {
 </template>
 
 <style scoped lang="scss">
-// 底部菜单
+	// 底部菜单
-.footerMneu {
+	.footerMneu {
 
 		// 选项
 		.option {
@@ -156,5 +156,5 @@ function toCustomer() {
 				font-size: 24rpx;
 			}
 		}
-}
+	}
 </style>

jiuyi2/components/shop/productList/productList.vue

@@ -16,24 +16,23 @@
 		choicenessTitle: {
 			type: Boolean,
 			default: false,
+		},
+		requestFn: {
+			type: Function,
+			default: (ev) => {
+				return api.shop.getProduct(ev)
 			}
+		},
 	})
 
-	// 参数
+	// 商品列表参数
 	const listPrototype = reactive({
 		pageSize: 10,
 		pageNum: 1,
 		total: 0,
-		// 搜索
-		searchValue: '',
-		// 商户主键
-		merId: '',
-		// 品牌主键
-		brandId: '',
-		// 分类code
-		categoryCode: '',
-		data: [],
 	})
+	// 商品列表
+	const list = reactive([])
 
 	/**
 	 * 点击列表项
@@ -43,7 +42,8 @@
 		// 
 		uni.navigateTo({
 			url: util.setUrl('/pages/shop/commodity/index', {
-				productId: item.id
+				productId: item.id,
+				categoryId: item.categoryId,
 			})
 		})
 	}
@@ -64,24 +64,18 @@
 
 	// 获取商品
 	function getList() {
-		api.shop.getProduct({
+		console.log('listPrototype', listPrototype)
-			// 
+		props.requestFn({
 			data: {
-				pageSize: listPrototype.pageSize,
+				...listPrototype,
-				pageNum: listPrototype.pageNum,
+			},
-				// 搜索
+			query: {
-				searchValue: listPrototype.searchValue,
+				...listPrototype,
-				// 商户主键
-				merId: listPrototype.merId,
-				// 品牌主键
-				brandId: listPrototype.brandId,
-				// 分类code
-				categoryCode: listPrototype.categoryCode,
 			},
 		}).then(rs => {
 			if (rs.code == 200) {
-				if (listPrototype.pageNum == 1) listPrototype.data.length = []
+				if (listPrototype.pageNum == 1) list.length = []
-				listPrototype.data.push(...rs.rows)
+				list.push(...rs.rows)
 				listPrototype.total = rs.total
 				return
 			}
@@ -111,8 +105,7 @@
 	</view>
 
 	<view class="list">
-		<view class="item oh bfff br20" v-for="(item, index) in listPrototype.data" :key="index"
+		<view class="item oh bfff br20" v-for="(item, index) in list" :key="index" @click="handleItem(item)">
-			@click="handleItem(item)">
 			<!-- 需要展示的图 -->
 			<image class="poster" :src="item.sliderImage.split(',')[0]" mode="aspectFill" />
 

jiuyi2/pages.json

@@ -96,7 +96,8 @@
 			"path": "pages/mine/mine",
 			"style": {
 				"navigationBarTitleText": "我的",
-				"navigationStyle": "custom"
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
 			}
 		},
 		{

jiuyi2/pages/index/durian.vue

@@ -65,9 +65,7 @@
 		return result
 	})
 	// 我的钱包
-	const purse = computed(() => {
+	const purse = computed(() => store.state.purse || {})
-		return store.state.purse || {}
-	})
 
 	// 榴莲果配置
 	const configData = reactive({

jiuyi2/pages/mine/mine.vue

@@ -1,59 +1,79 @@
 <script setup>
-/**
+	/**
 	 * 个人中心 商城
 	 */
-// 底部菜单
+	// 底部菜单
-import {
+	import {
 		ref,
 		computed,
-} from 'vue'
+		getCurrentInstance
-import {
+	} from 'vue'
+	import {
 		onReachBottom,
 		onPullDownRefresh,
 		onShow,
 		onLoad,
-	onPageScroll
+		onReady,
-} from '@dcloudio/uni-app';
+		onPageScroll,
-import {
+	} from '@dcloudio/uni-app';
+	import {
 		useStore
-} from 'vuex'
+	} from 'vuex'
-// 顶部状态栏
+	// 顶部状态栏
-import statusBar from '@/components/header/statusBar'
+	import statusBar from '@/components/header/statusBar'
-// 未登录状态
+	// 未登录状态
-import noLogin from '@/components/login/noLogin'
+	import noLogin from '@/components/login/noLogin'
 
-// 产品列表
+	// 产品列表
-import productList from '@/components/shop/productList/productList';
+	import productList from '@/components/shop/productList/productList';
-// 底部导航
+	// 底部导航
-import footerMneu from '@/components/footerMenu/footerMenu'
+	import footerMneu from '@/components/footerMenu/footerMenu'
-// 
+	// 工具库
-import util from '@/common/js/util';
+	import util from '@/common/js/util';
-// 
+	// 
-const store = useStore()
+	import api from '@/api/index.js'
-// 用户信息
-const userinfo = computed(() => {
-	let result = store.state.userinfo || {}
-	return result
-})
-// 是否显示顶部
-const showHeader = ref(false)
 
-onPageScroll((ev) => {
+	const {
+		proxy
+	} = getCurrentInstance()
+	// 
+	const store = useStore()
+	// 用户信息
+	const userinfo = computed(() => store.state.userinfo || {})
+	// 是否显示顶部
+	const showHeader = ref(false)
+
+	onReady(() => {
+		util.isLogin().then(rs => {
+			proxy.$refs.productListRef.getList()
+		})
+	})
+
+	onReachBottom(() => {
+		proxy.$refs.productListRef.getMoreList()
+	})
+
+	onPullDownRefresh(() => {
+		proxy.$refs.productListRef.refreshList()
+	})
+
+	onPageScroll((ev) => {
 		if (ev.scrollTop > 44) showHeader.value = true
 		else showHeader.value = false
-})
+	})
 
-// 跳转
+	// 跳转
-function link(url) {
+	function link(url) {
 		uni.navigateTo({
 			url,
 		})
-}
+	}
-function toCustomer() { 
+
+	function toCustomer() {
 		uni.navigateTo({
 			url: util.setUrl('/pages/mine/setting/feedback')
 		})
-}
+	}
 </script>
 
 <template>
@@ -211,7 +231,8 @@ function toCustomer() {
 
 		<!-- 精选 -->
 		<view class="recommend mtb20 mlr20">
-			<productList choicenessTitle="true"></productList>
+			<productList ref="productListRef" :choicenessTitle="true" :requestFn="api.shop.getMineUserProList">
+			</productList>
 		</view>
 	</view>
 
@@ -220,8 +241,8 @@ function toCustomer() {
 </template>
 
 <style lang="scss" scoped>
-// 
+	// 
-.apex {
+	.apex {
 		position: fixed;
 		top: 0;
 		left: 0;
@@ -234,17 +255,17 @@ function toCustomer() {
 			opacity: 1;
 			background-color: #fff;
 		}
-}
+	}
 
-// 头部个人资料卡
+	// 头部个人资料卡
-.header {
+	.header {
 		.avatar {
 			background: #D8D8D8;
 		}
-}
+	}
 
-// 我的钱包
+	// 我的钱包
-.wallet {
+	.wallet {
 		position: relative;
 
 		.right {
@@ -255,10 +276,10 @@ function toCustomer() {
 				margin-right: 20rpx;
 			}
 		}
-}
+	}
 
-// 模块
+	// 模块
-.container {
+	.container {
 		position: relative;
 		overflow: hidden;
 		margin: 20rpx 20rpx;
@@ -270,5 +291,5 @@ function toCustomer() {
 			display: grid;
 			grid-template-columns: repeat(5, 1fr);
 		}
-}
+	}
 </style>

jiuyi2/pages/mine/setting/bankCard.vue

@@ -60,7 +60,8 @@
 	function getList() {
 		api.mine.getBankCards({}).then(rs => {
 			if (rs.code == 200) {
-				Object.assign(list, rs.data)
+				list.length = 0
+				list.push(...rs.data)
 				return
 			}
 			util.alert({

jiuyi2/pages/mine/userinfo.vue

@@ -1,49 +1,49 @@
 <script setup>
-/**
+	/**
 	 * 个人信息
 	 */
-import {
+	import {
 		ref,
 		computed,
 		reactive,
-} from 'vue'
+	} from 'vue'
-import {
+	import {
 		onLoad,
-} from '@dcloudio/uni-app'
+	} from '@dcloudio/uni-app'
-import {
+	import {
 		useStore
-} from 'vuex'
+	} from 'vuex'
-// 工具库
+	// 工具库
-import util from '@/common/js/util';
+	import util from '@/common/js/util';
-// 接口
+	// 接口
-import api from '@/api';
+	import api from '@/api';
 
-// vuex
+	// vuex
-const store = useStore()
+	const store = useStore()
 
-// 用户
+	// 用户
-const user = reactive({})
+	const user = reactive({})
 
-// 性别
+	// 性别
-const gender = reactive([{
+	const gender = reactive([{
 			id: 0,
 			name: '男',
-},
+		},
-{
+		{
 			id: 1,
 			name: '女',
-}
+		}
-])
+	])
-// 性别下标
+	// 性别下标
-const genderIndex = ref(0)
+	const genderIndex = ref(0)
 
-onLoad(() => {
+	onLoad(() => {
 		// 同步用户信息
 		syncInfo()
-})
+	})
 
-// 同步用户信息
+	// 同步用户信息
-function syncInfo() {
+	function syncInfo() {
 		// 用户信息
 		const userinfo = store.state.userinfo
 		user.background = userinfo.background
@@ -58,33 +58,33 @@ function syncInfo() {
 		user.email = userinfo.email
 		// 修改性别下标
 		genderIndex.value = gender.findIndex(item => item.id == userinfo.sex)
-}
+	}
 
-/**
+	/**
 	 * 选择生日日期
 	 * @param {Object} ev 默认事件
 	 */
-function handleBirthday(ev) {
+	function handleBirthday(ev) {
 		const value = ev.detail.value
 		if (user.birthday === value) return
 		user.birthday = value
-}
+	}
 
-/**
+	/**
 	 * 选择性别
 	 * @param {Object} ev 默认事件
 	 */
-function handleGender(ev) {
+	function handleGender(ev) {
 		const value = ev.detail.value
 		if (genderIndex.value === value) return
 		genderIndex.value = value
-}
+	}
 
-/**
+	/**
 	 * 上传图片
 	 * @param {String} key 需要修改个人信息的字段
 	 */
-function uploadImg(key) {
+	function uploadImg(key) {
 		util.upload_image({
 			value: user[key],
 			type: 1,
@@ -94,14 +94,14 @@ function uploadImg(key) {
 				console.log('user', user)
 			}
 		})
-}
+	}
 
-// 保存个人信息
+	// 保存个人信息
-function handleSubmit() {
+	function handleSubmit() {
 		// 同步性别值
 		if (gender[genderIndex.value]) user.sex = gender[genderIndex.value].id
 
-	if (!IsEmail(user.email)) {
+		if (user.email && !IsEmail(user.email)) {
 			util.alert('邮箱格式不正确！')
 			return
 		}
@@ -110,10 +110,6 @@ function handleSubmit() {
 			...user,
 		}
 
-	// 去域名地址
-	// if(data.avatar) data.avatar = util.replace_url(data.avatar)
-	// if(data.background) data.background = util.replace_url(data.background)
-
 		// 
 		api.mine.updateUserInfo({
 			data,
@@ -132,13 +128,13 @@ function handleSubmit() {
 				showCancel: false,
 			})
 		})
-}
+	}
-// 校验邮箱地址
+
-function IsEmail(str) {
+	// 校验邮箱地址
+	function IsEmail(str) {
 		var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
 		return reg.test(str);
-}
+	}
-
 </script>
 
 <template>
@@ -233,8 +229,8 @@ function IsEmail(str) {
 </template>
 
 <style lang="scss" scoped>
-// 背景
+	// 背景
-.bgBox {
+	.bgBox {
 		.content {
 			height: 400rpx;
 		}
@@ -243,16 +239,16 @@ function IsEmail(str) {
 		.changeBg {
 			background-color: rgba(0, 0, 0, .3);
 		}
-}
+	}
 
-// 头像
+	// 头像
-.avatarBox {
+	.avatarBox {
 		padding: 2rpx;
 		background-color: #fff;
-}
+	}
 
-// 资料
+	// 资料
-.info {
+	.info {
 		margin-top: -20rpx;
-}
+	}
 </style>

jiuyi2/pages/shop/commodity/index.vue

@@ -39,13 +39,16 @@
 	const id = ref('')
 	// 产品详情
 	const detail = reactive({})
+	// 分类id
+	const categoryId = ref('')
 	// 当前登录的用户信息
-	const userinfo = computed(() => {
+	const userinfo = computed(() => store.state.userinfo)
-		return store.state.userinfo
-	})
 
 	onLoad(option => {
+		// 商品id
 		if (option.productId) id.value = option.productId
+		// 分类id
+		if (option.categoryId) categoryId.value = option.categoryId
 		// 获取产品详情
 		getDetail()
 		// 添加商品浏览记录
@@ -55,7 +58,13 @@
 	})
 
 	onReady(() => {
-		// 
+		// 分类id
+		if (categoryId.value) {
+			proxy.$refs.productListRef.listPrototype.categoryId = categoryId.value
+			proxy.$refs.productListRef.listPrototype.productId = id.value
+			// 获取推荐列表
+			proxy.$refs.productListRef.getList()
+		}
 	})
 
 	// 销毁监听
@@ -72,7 +81,6 @@
 	function addListener() {
 		// 监听商品详情
 		uni.$on('commodityDetail', (data) => {
-			// 
 			if (detail.id == data.id) getDetail()
 		})
 	}
@@ -186,9 +194,13 @@
 		<proDetail :id="id" :detail="detail" />
 		<!-- 精选 -->
 		<view class="recommend mlr20">
-			<productList :choicenessTitle="true" />
+			<productList ref="productListRef" :choicenessTitle="true"
+				:requestFn="api.shop.getInfoProductRecommendations" />
 		</view>
 
+		<!-- 填充 -->
+		<view class="fill" style="height: 180rpx;"></view>
+
 		<!-- 底部菜单 -->
 		<view class="footer plr20 shadow bfff">
 			<footerMenu :detail="detail" @update="handleDetail" @buy="showMakeOrder" />

jiuyi2/pages/shop/shop.vue

@@ -89,7 +89,7 @@
 		if (cateIndex.value === index) return
 		cateIndex.value = index
 		// 分类
-		proxy.$refs.product.listPrototype.categoryCode = cateList[index].categoryCode
+		proxy.$refs.product.listPrototype.categoryId = cateList[index].id
 		// 重载列表
 		proxy.$refs.product.refreshList()
 	}

jiuyi2/pages/shop/store/index.vue

@@ -1,78 +1,78 @@
 <script setup>
-// 店铺首页
+	// 店铺首页
-import {
+	import {
 		computed,
 		reactive,
 		ref,
 		defineExpose,
-} from 'vue'
+	} from 'vue'
-import {
+	import {
 		onLoad,
 		onPageScroll
-} from '@dcloudio/uni-app';
+	} from '@dcloudio/uni-app';
 
-// 工具库
+	// 工具库
-import util from '@/common/js/util.js'
+	import util from '@/common/js/util.js'
-// 顶部
+	// 顶部
-import apex from '@/components/header/apex.vue'
+	import apex from '@/components/header/apex.vue'
-// 商品列表
+	// 商品列表
-import productList from '@/components/shop/productList/productList'
+	import productList from '@/components/shop/productList/productList'
 
-import api from '@/api/index.js'
+	import api from '@/api/index.js'
 
-// 分类选项
+	// 分类选项
-const filteredList = ref([{
+	const filteredList = ref([{
 		label: '默认',
 		value: 1,
 		isUpDown: false,
 		slot: null
-}, {
+	}, {
 		label: '销量',
 		value: 2,
 		isUpDown: false,
 		slot: null
-}, {
+	}, {
 		label: '新品',
 		value: 3,
 		isUpDown: false,
 		slot: null
-}, {
+	}, {
 		label: '价格',
 		value: 4,
 		isUpDown: true,
 		slot: null
-}])
+	}])
-// 顶部导航背景颜色
+	// 顶部导航背景颜色
-const apexBgColor = ref('#ffffff00')
+	const apexBgColor = ref('#ffffff00')
-// 店铺id
+	// 店铺id
-const storeId = ref('')
+	const storeId = ref('')
-// 详情
+	// 详情
-const detail = reactive({})
+	const detail = reactive({})
-// 参数
+	// 参数
-const listPrototype = reactive({
+	const listPrototype = reactive({
 		pageSize: 10,
 		pageNum: 1,
 		total: 0,
 		// 商户主键
 		merId: '',
 		data: [],
-})
+	})
 
-// 用户信息
+	// 用户信息
-const userinfo = computed(() => uni.$store.state.userinfo || {})
+	const userinfo = computed(() => uni.$store.state.userinfo || {})
-onLoad((option) => {
+	onLoad((option) => {
 		if (option.storeId) storeId.value = option.storeId
 		getDetail()
 		listPrototype.merId = storeId.value
 		getList()
-})
+	})
 
-onPageScroll((ev) => {
+	onPageScroll((ev) => {
 		apexBgColor.value = ev.scrollTop > 44 ? '#fff' : '#ffffff00'
-})
+	})
 
-// 获取店铺详情
+	// 获取店铺详情
-function getDetail() {
+	function getDetail() {
 		api.shop.merchant({
 			query: {
 				merId: storeId.value,
@@ -88,16 +88,16 @@ function getDetail() {
 				showCancel: false
 			});
 		})
-}
+	}
-// 收藏店铺
+	// 收藏店铺
-function handleCollectStore() {
+	function handleCollectStore() {
 		api.shop.followShop({
 			data: {
 				shopId: storeId.value,
 				status: {
 					0: 1,
 					1: 0,
-			}[detail.isFollow]
+				} [detail.isFollow]
 			}
 		}).then(rs => {
 			if (rs.code == 200) {
@@ -105,7 +105,7 @@ function handleCollectStore() {
 				detail.isFollow = {
 					0: 1,
 					1: 0,
-			}[detail.isFollow]
+				} [detail.isFollow]
 				// 关注数量
 				detail.followNum = rs.data
 
@@ -117,9 +117,9 @@ function handleCollectStore() {
 				showCancel: false,
 			})
 		})
-}
+	}
-// 客服
+	// 客服
-function toCustomer() {
+	function toCustomer() {
 		uni.navigateTo({
 			url: util.setUrl('/pages/mine/setting/feedback')
 		})
@@ -141,9 +141,9 @@ function toCustomer() {
 		// 	}
 		// })
 
-}
+	}
-// 商品列表
+	// 商品列表
-function getList() {
+	function getList() {
 
 		api.shop.getProduct({
 			data: {
@@ -166,33 +166,33 @@ function getList() {
 		}).finally(rs => {
 			uni.stopPullDownRefresh()
 		})
-}
+	}
-// 点击列表项
+	// 点击列表项
-function handleItem(item) {
+	function handleItem(item) {
 		uni.navigateTo({
 			url: util.setUrl('/pages/shop/commodity/index', {
 				productId: item.id
 			})
 		})
-}
+	}
-// 重载列表
+	// 重载列表
-function refreshList() {
+	function refreshList() {
 		listPrototype.pageNum = 1
 		listPrototype.total = 0
 		getList()
-}
+	}
 
-// 加载更多列表
+	// 加载更多列表
-function getMoreList() {
+	function getMoreList() {
 		if (listPrototype.total <= listPrototype.data.length) return
 		listPrototype.pageNum++
 		getList()
-}
+	}
 
-defineExpose({
+	defineExpose({
 		refreshList,
 		getMoreList,
-})
+	})
 </script>
 
 <template>
@@ -283,8 +283,8 @@ defineExpose({
 </template>
 
 <style lang="scss" scoped>
-// 卡片
+	// 卡片
-.list {
+	.list {
 		display: grid;
 		grid-template-columns: repeat(2, 1fr);
 		grid-gap: 20rpx;
@@ -297,5 +297,5 @@ defineExpose({
 				border-radius: 20rpx 20rpx 0 0;
 			}
 		}
-}
+	}
 </style>