uniapp 瀑布流布局

uniapp 瀑布流布局瀑布流组件 template viewclass waterfall layout style margin columnGap px viewclass water flow column style margin right columnGap px v for col c incolunmList key c viewclass water flow column style margin right columnGap px v for col c incolunmList key c viewclass waterfall layout style margin columnGap px template

瀑布流组件

<template> <view class="waterfall-layout" :style="{ margin: columnGap + 'px' }"> <view class="water-flow-column" :style="{ 'margin-right': columnGap + 'px' }" v-for="(col, c) in colunmList" :key="c"> <view class="item" :id="col.id" style="width: 100%;"> <view v-for="(item, index) in col.list" :key="index" class="item_content" :style="{ 'margin-bottom': columnGap + 'px', background: item.background }" @click="choose(item)" > <view class="water-flow-image"><image mode="widthFix" :lazy-load="true" :src="item.image" style="width: 100%;"> 
     image> 
      view> <view class="water-flow-tietle">{ 
    { item.nftName }} { 
    { item.creationTime ? '| ' + item.creationTime.substring(0, 4) + '年' : '' }} 
       view> <view class="water-flow-jf"> <text v-for="(text, i) in item.attributes" :key="i">{ 
     { text.nftName }}:{ 
     { text.value }}{ 
     { i <= 1 ? ' / ' : '' }} 
        text>  
         view> <view class="water-flow-jf water-flow-height">积分:{ 
       { item.value }} 
          view> <view class="exchange-time" v-if="item.exchangeTime">兑换时间:{ 
        { item.exchangeTime }} 
           view>  
            view>  
             view>  
              view>  
               view>  
                template> <script> export default { 
                  name: 'grass-water-flow', props: { 
                  fieldKey: { 
                  //关键比对key type: String, default: 'id' }, idPrefix: { 
                  //前缀 type: String, default: 'water-flow-' }, colunmNumber: { 
                  //瀑布流列数 type: Number, default: 2 }, columnGap: { 
                  //列间隔 type: Number, default: 10 }, flowList: { 
                  // 瀑布流数据 type: Array, required: true, default: function() { 
                  return []; } }, value: { 
                  type: Number, default: 0 }, }, data() { 
                  return { 
                  colunmList: [], //列 internalDataList: [], //内部操作数据 refrenshColunmDataList: [] //记录加载的数据 }; }, watch: { 
                  colunmNumber: function(v) { 
                  this.internalDataList = Object.assign([], this.refrenshColunmDataList); // this.calculateColumn(v, false); }, flowList: function(v) { 
                  // console.log(v,"++++++++++") this.internalDataList = Object.assign(this.internalDataList, v); if (this.internalDataList.length > 0) { 
                  this.getPushContainer(); } }, colunmList: { 
                  handler() { 
                  this.$nextTick(function() { 
                  this.getPushContainer(); }); }, deep: true } }, created() { 
                  this.internalDataList = Object.assign([], this.flowList); this.calculateColumn(this.colunmNumber, true); }, mounted() { 
                  if (this.internalDataList.length > 0) { 
                  this.colunmList[0].list.push(this.internalDataList[0]); let shiftObj = this.internalDataList.shift(); this.pushLoadData(shiftObj); } }, methods: { 
                  // 选中点击 choose(item) { 
                  uni.$u.route('pages/secondary/product_details',{ 
                 tokenId:item.tokenId,chainId:item.credential.chainId,contract:item.credential.contractAddress,owner:item.credential.owner}); }, / * 计算列 * @param {Object} size 列数 * @param {Object} isCreate 是否初始化创建(created生命周期) */ calculateColumn: function(size, isCreate) { 
                  this.colunmList = []; for (let i = 1; i <= size; i++) { 
                  let obj = { 
                 }; // console.log(this.idPrefix + i) obj.id = this.idPrefix + i; obj.list = []; this.colunmList.push(obj); } if (!isCreate) { 
                  if (this.internalDataList.length > 0) { 
                  this.colunmList[0].list.push(this.internalDataList[0]); let shiftObj = this.internalDataList.shift(); this.pushLoadData(shiftObj); } } }, / * 获取节点信息 */ getPushContainer() { 
                  let sortList = []; const query = uni.createSelectorQuery().in(this); query .selectAll('.item') .boundingClientRect() .exec(res => { 
                  if (res) { 
                  sortList = res[0]; sortList.sort(function(a, b) { 
                  return a.height - b.height; }); this.pushShiftData(sortList[0]); } }); }, / * 处理数据 * @param {Object} pushObj */ pushShiftData(pushObj) { 
                  if (this.internalDataList.length > 0) { 
                  for (let i = 0; i < this.colunmList.length; i++) { 
                  if (this.colunmList[i].id == pushObj.id) { 
                  this.colunmList[i].list.push(this.internalDataList[0]); let shiftObj = this.internalDataList.shift(); this.pushLoadData(shiftObj); } } } }, / * 记录加载的数据 * @param {Object} obj */ pushLoadData(obj) { 
                  if (this.refrenshColunmDataList.length > 0) { 
                  let result = this.refrenshColunmDataList.some(item => { 
                  if (item[this.fieldKey] == obj[this.fieldKey]) { 
                  return true; } }); if (!result) { 
                  this.refrenshColunmDataList.push(obj); } } else { 
                  this.refrenshColunmDataList.push(obj); } }, / * 外部刷新数据时,调用此方法,清理掉原有加载数据 */ externalRefrensh() { 
                  this.refrenshColunmDataList = []; for (let i = 0; i < this.colunmList.length; i++) { 
                  this.colunmList[i].list = []; } } } };  
                 script> <style lang="scss" scoped> .waterfall-layout { 
                   display: flex; flex-direction: row; height: auto; .water-flow-column { 
                   display: flex; flex-flow: column wrap; width: 100%; .water-flow-tietle { 
                   width: 100%; margin: 12rpx auto 0; // white-space: nowrap; // overflow: hidden; // text-overflow: ellipsis; font-size: 28rpx; line-height: 40rpx; // font-weight: 700; } .water-flow-bot { 
                   width: 90%; margin: 0 auto; height: 80rpx; display: flex; justify-content: space-between; align-items: center; padding-bottom: 8rpx; } .water-flow-jf { 
                   color: #666; font-size: 24rpx; margin: 8rpx auto 0; height: 80rpx; line-height: 40rpx; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .water-flow-height{ 
                   height: 34rpx; } .exchange-time { 
                   font-size: 24rpx; color: #; width: 90%; margin: 0 auto; } } .water-flow-column:last-child { 
                   margin-right: 0px !important; } }  
                  style> 

测试页面

<template> <view class="app"> <water-flow-box ref="wfp" @click="choose" :colunmNumber="colunmNumber" :flowList="list" :columnGap="10"> 
     water-flow-box>  
      view>  
       template> <script> // 模拟 JSON 数据 const data = require('./data.json'); export default { 
         components: { 
         WaterfallFlow }, data() { 
         return { 
         colunmNumber: 2, //列 page: 1, start: 0, end: 0, list: [], // 列表 } }, onLoad() { 
         this.getList(); }, onReachBottom() { 
         this.page++; this.getList(); }, methods: { 
         // 选中 choose(item) { 
         // item 返回选中 JSON 对象 console.log(item) }, // 模拟加载数据 getList() { 
         if (this.list.length < data.list.length) { 
         uni.showLoading({ 
         title: '加载中...' }) setTimeout(() => { 
         //this.$refs.wfp.externalRefrensh(); //清理掉原有加载数据 避免追加 this.end = this.page * 10; //假数据比较少 , 可以调小一点 this.list = this.list.concat(data.list.slice(this.start, this.end)); console.log(this.list,'--------------------') this.start = this.end; uni.hideLoading(); }, 1000) } } } }  
        script> 

假数据

新建data.json文件

{ 
    "list": [{ 
    "nftId": "", "nftName": "红星丈八宣纸", "amount": 1, "status": "OnSale", "tokenId": "0xq9lzzg850wuh3qyqan0e27lag3zkvjth9gkwirne", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 3, "parentId": 0, "categoryName": "限时抢购", "icon": null, "pic": "", "seq": 3, "status": 1, "recTime": "2022-03-29 14:01:25", "grade": 0, "updateTime": "2022-04-06 15:28:08", "chainId": null, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称547", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2021/0414/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "童年", "amount": 1, "status": "OnSale", "tokenId": "0x0w3lk1pmrukw4zelxzbn6pjvlxx8pfd8i0ie8d2z", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 7, "parentId": 1, "categoryName": "舞蹈", "icon": null, "pic": "", "seq": 4, "status": 1, "recTime": "2022-03-29 14:02:43", "grade": 1, "updateTime": null, "chainId": 65534, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称147", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/1017/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "黑色独角兽", "amount": 1, "status": "OnSale", "tokenId": "0x7b02ohd9nulxlihbnq4zzlsgzyo1p0q7abgqyowk", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 3, "parentId": 0, "categoryName": "限时抢购", "icon": null, "pic": "", "seq": 3, "status": 1, "recTime": "2022-03-29 14:01:25", "grade": 0, "updateTime": "2022-04-06 15:28:08", "chainId": null, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称846", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/1230/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "肖谷油画作品", "amount": 1, "status": "OnSale", "tokenId": "0xlqsf5613feub105svni5ih5mbhvu0hqhbsxss405", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 10, "parentId": 2, "categoryName": "门票", "icon": null, "pic": "", "seq": 1, "status": 1, "recTime": "2022-03-29 14:03:26", "grade": 1, "updateTime": null, "chainId": 4, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称342", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/0703/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "柔软的鹅卵石", "amount": 1, "status": "OnSale", "tokenId": "0xtjibn2835s9l3r6p275r6edcl95xvu1dmtba5kod", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 10, "parentId": 2, "categoryName": "门票", "icon": null, "pic": "", "seq": 1, "status": 1, "recTime": "2022-03-29 14:03:26", "grade": 1, "updateTime": null, "chainId": 4, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称550", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/0401/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "单肩手提包", "amount": 1, "status": "OnSale", "tokenId": "0xa0rgd9vi4tu54wivwrxjdj8g1p6l26j1q0742dcy", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 9, "parentId": 1, "categoryName": "影像", "icon": null, "pic": "", "seq": 6, "status": 1, "recTime": "2022-03-29 14:03:11", "grade": 1, "updateTime": "2022-04-06 15:36:39", "chainId": 65534, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称798", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/0607/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "老寿星", "amount": 1, "status": "OnSale", "tokenId": "0xt1vnbfep7de5chxssjmvjyx8l3njyqjy23g7nit6", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 3, "parentId": 0, "categoryName": "限时抢购", "icon": null, "pic": "", "seq": 3, "status": 1, "recTime": "2022-03-29 14:01:25", "grade": 0, "updateTime": "2022-04-06 15:28:08", "chainId": null, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称814", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2017/1031/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "溥仪访日明信片", "amount": 1, "status": "OnSale", "tokenId": "0xbx7xxpxe7g6kqli2us7emlddjwbt9w4q8n1ikahu", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 3, "parentId": 0, "categoryName": "限时抢购", "icon": null, "pic": "", "seq": 3, "status": 1, "recTime": "2022-03-29 14:01:25", "grade": 0, "updateTime": "2022-04-06 15:28:08", "chainId": null, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称681", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2017/1204/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "水中藍寶", "amount": 1, "status": "OnSale", "tokenId": "0xi04boc20mt07qsx8fqemijxib78htg835ojxikjt", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 10, "parentId": 2, "categoryName": "门票", "icon": null, "pic": "", "seq": 1, "status": 1, "recTime": "2022-03-29 14:03:26", "grade": 1, "updateTime": null, "chainId": 4, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称917", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2018/0926/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }, { 
    "nftId": "", "nftName": "吉祥鹿", "amount": 1, "status": "OnSale", "tokenId": "0x86kctp776cj1ya3jutevvetzir4pdxkxgyqrnyg5", "releaseTotal": "100", "artist": { 
    "artistId": 1, "avatar": "1e000d1c195e0fa05", "name": "解勇", "signature": "为无声者发声、为弱者代言、让不可见的可见,让不可闻的可闻", "introduction": null, "status": 1, "sort": null }, "creationTime": "2008-03-01 00:00:00", "category": { 
    "categoryId": 10, "parentId": 2, "categoryName": "门票", "icon": null, "pic": "", "seq": 1, "status": 1, "recTime": "2022-03-29 14:03:26", "grade": 1, "updateTime": null, "chainId": 4, "categories": null }, "credential": { 
    "chainId": 1, "contractAddress": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0", "contractName": "合约名称883", "contractSymbol": "&", "contractType": "ERC721", "createdAt": "2022-03-07 17:18:53", "creator": "0xc2429cd4ea9b7d2", "networkName": "SolarChain", "owner": "0xa88c7fee6ad5b4e6cb953e4ad988dd8b71a4e6e0" }, "description": "这是这个商品的描述信息,暂时先以这个代替", "image": "https://img14.artimg.net/gallery/2019/0210/.jpg", "attributes": [{ 
    "nftKey": "size", "nftName": "尺寸", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "0.8m*0.8m" }, { 
    "nftKey": "weight", "nftName": "重量", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "2.0kg" }, { 
    "nftKey": "type", "nftName": "类型", "required": 0, "status": 1, "rule": null, "defaultValue": null, "remark": null, "value": "油画" }], "value": null, "order": null }], "total": 25, "size": 10, "current": 1, "searchCount": true, "pages": 3 } 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/222629.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午3:20
下一篇 2026年3月17日 下午3:21


相关推荐

  • char和varchar2、varchar的区别

    char和varchar2、varchar的区别char 和 varchar2 varchar 的区别 1 char 是长度固定的类型 varchar2 是动态变化的 譬如 存在字符串 abcde 对于一个大小为 char 20 而言 它将存储 20 个字符 但是有 15 个是空字符 而 varchar 20 则是占用 3 个字节的长度 20 只是能存储的最大值 2 char 的效率比 varchar2 稍微高点 3 varchar 是 varchar2 的同义词 var

    2025年12月8日
    8
  • burp suite抓包教程

    burp suite抓包教程一、打开burpsuite,点击上方Proxy,再点击openbrowser并在地址栏内输入www.baidu.com二、抓包完成后,在action菜单栏中点击SendtoRepeater三、点击Repeater,再点击Send四、点击Render,右侧出现百度页面,完成抓包流程…

    2022年4月28日
    101
  • worldpress小工具自定义html,教程 | 用 worldpress 搭建自己的博客 – 小白教程

    worldpress小工具自定义html,教程 | 用 worldpress 搭建自己的博客 – 小白教程原标题 教程 用 worldpress 搭建自己的博客 小白教程 回声 是我们新开设的来稿专栏等待你的来稿期待你的回声相信很多大一的同学都很想有一个自己的网站吧 反正我是一值想拥有一个网站玩玩 当然对于像我这样的大一小白来说建站看起来好高端哦 今天我就和大家分享自己是如何建立一个自己的博客的 注 这里的域名和云主机仅以腾讯云为例 大家可以自行购买域名和主机方法都是大同小异的 ps 小白

    2026年3月18日
    2
  • linux0.11_linux vim安装

    linux0.11_linux vim安装前言所有的UnixLike系统都会内建vi文书编辑器,其他的文书编辑器则不一定会存在。但是目前我们使用比较多的是vim编辑器。vim具有程序编辑的能力,可以主动的以字体颜色辨别语法的

    2022年7月29日
    8
  • OpenClaw从入门到精通:100天系统学习规划

    OpenClaw从入门到精通:100天系统学习规划

    2026年3月17日
    3
  • 有趣的python代码_python五角星代码

    有趣的python代码_python五角星代码原标题:使用Python代码的程序员也浪漫代码也浪漫:用Python放一场圣诞节烟花秀!天天敲代码的朋友,有没有想过代码也可以变得很酷炫又浪漫?今天就教大家用Python模拟出绽放的烟花庆祝昨晚法国队夺冠,工作之余也可以随时让程序为自己放一场烟花秀。这个有趣的小项目并不复杂,只需一点可视化技巧,100余行Python代码和程序库Tkinter,最后我们就能达到下面这个效果:学完本教程后,你也能做…

    2026年3月3日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号