更新记录

1.0.0（2024-12-15）

2024年12月15日1.0.0版

平台兼容性

一，使用示例和所需后端数据格式如下所示：
插件tt-productlist导入uni_modules文件后，在自己的项目pages里的页面文件中引入使用方式如下
<template>
<view>
<tt-productlist :products="productsarr" :imgurl="imgurl" :pageurl="pageurl" :poptext="poptext" :poptexts="poptexts"></tt-productlist>
</view>
</template>

<script setup>
import {computed,ref } from 'vue';
const imgurl = ref('http://dy.xhhu.com');//图片链接域名
const pageurl = ref('');//产品详情页路径：如const pageurl = ref('/pages/index/index');，组件向此页传产品ID参数
const poptext = ref('所选比较产品:');//比较产品前弹出窗提示语
const poptexts = ref('对比只能同时选2件，如换对比商品，请先取消已选');//选择产品超出2件后，弹出窗提示语
const productsarr = ref([
{
id: 1,
name: '测试产品测试试A',
image: '/image/logor.jpg',
price: '100元',
details: {
   颜色:[
         {
          name:'红色',
          color:'#FF0000',
          image:'/image/logor.jpg'//数据库相对路径与imgurl域名拼接，如果数据库存入的是完整带域名绝对路径imgurl设为空
         },
         {
          name:'绿色',
          color:'#00FF00',
          image:'/image/logo.jpg'
         }
   ],
   内存: '8G',
   存储: '256G',
   品牌: '品牌A',
   详情: '详情内容'
}
},
{
id: 2,
name: '测试产品测试试B',
image: '/image/logoy.jpg',
price: '200元',
details: {
   颜色:[
         {
          name:'黄色',
          color:'#f1de0a',
          image:'/image/logoy.jpg'
         },
         {
          name:'蓝色',
          color:'#0e44be',
          image:'/image/logob.jpg'
         }
   ],
   内存: '12G',
   存储: '512G',
   品牌: '品牌B',
   详情: '详情内容'
}
},

]);

</script>

<style scoped>

</style>

二，第一项示例各参数说明
productsarr： 是通过后端API接口获取的产品数据，其数组格式如项目文件pages/product/product.vue里所示。
imgurl： 图片链接域名（通常后端数据库返回的是服务器相对路径，使用这个设置的域名与后台接口返回图片地址拼接，如不显示再检查一下域名的SSL证书是否正确配置）。
pageurl： 点击产品列表缩略图进入产品详情页路径设置：如const pageurl = ref('/pages/details/details');，'/pages/details/details'是需要您自己要新写的详情页，配置好此页面路径后，插件会传递productsarr产品列表数据中的产品ID传到配置页面路径，例如/pages/details/details详情页面。
poptext： 比较产品前弹出窗提示语。
poptexts： 选择产品超出2件后，弹出窗提示语。