xiangyuan-app/src/pages/home/village/introd/data/TestCard.json

{
  "name": "VILLAGE",
  "type": "page",
  "props": {},
  "style": {},
  "nodes": [
    {
      "name": "VILLAGE:CONTENT",
      "type": "flex",
      "props": {
        "direction": "column",
        "gap": "gap.lg"
      },
      "nodes": [
        {
          "type": "flex",
          "props": {
            "direction": "column",
            "padding": "padding.lg",
            "gap": "gap.lg"
          },
          "nodes": [
            {
              "type": "BackgroundBox",
              "props": {
                "color1": "#eecaa0",
                "color2": "white",
                "color2Position": "85%",
                "color3": "white",
                "radius": "radius.lg",
                "direction": "column",
                "padding": [35, 30],
                "gap": "gap.lg"
              },
              "nodes": [
                { "type": "Card:Basic" },
                { "type": "Card:Level" },
                { "type": "Card:Gallery" },
                
                {
                  "type": "Block:ContentTitle",
                  "props": {
                    "title": "[海天足迹·故事活地图]",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/speical/IconMap.png",
                    "showIcon": true,
                    "showMore": true,
                    "size": "medium",
                    "onMoreClicked": "globalContext.handleGoCollect(13, '海天足迹·故事活地图', 88, true)"
                  }
                },
                {
                  "type": "Block:ContentMap",
                  "props": {
                    "mapClickType": "global",
                    "footer": {
                      "title": "奋斗路线打卡",
                      "button": "进入"
                    },
                    "onGlobalClick": "globalContext.handleGoCollect(13, '海天足迹·故事活地图', 88, true)",
                    "onFooterClick": "globalContext.handleGoCollect(13, '海天足迹·故事活地图', 88, true)",
                    "categoryDefine": {
                      "content": {
                        "type": "VillageInfoList",
                        "params": {
                          "collectModuleId": 13,
                          "catalogId": 88
                        }
                      }
                    }
                  }
                },
                {
                  "type": "flex",
                  "props": {
                    "direction": "row",
                    "justify": "center",
                    "align": "center",
                    "gap": "gap.md"
                  },
                  "nodes": [
                    {
                      "type": "button",
                      "props": {
                        "size": "mini",
                        "icon": "picture",
                        "text": "村社相册"
                      },
                      "events": {
                        "click": "globalContext.handleGoGallery()"
                      }
                    },
                    {
                      "type": "button",
                      "props": {
                        "size": "mini",
                        "icon": "edit-filling",
                        "text": "编辑简介"
                      },
                      "events": {
                        "click": "globalContext.handleGoEdit()"
                      }
                    },
                    {
                      "type": "button",
                      "props": {
                        "size": "mini",
                        "icon": "fabulous",
                        "text": "主页换肤"
                      },
                      "events": {
                        "click": "globalContext.handleGoSkin()"
                      }
                    }
                  ]
                },
                { "type": "Card:Static" }
              ]
            },

            
            {
              "type": "flex",
              "props": {
                "direction": "column",
                "gap": "gap.md",
                "backgroundColor": "#fffdf5",
                "radius": "radius.lg",
                "border": "1px solid #f1debc",
                "padding": "padding.lg"
              },
              "nodes": [
                {
                  "type": "Block:ContentTitle",
                  "props": {
                    "title": "[海天特区记忆文化空间]",
                    "subTitle": "寻访特区来路，传承海天糟神",
                    "size": "medium",
                    "center": true,
                    "showMore": false,
                    "showIcon": false,
                    "showTopMargin": false
                  }
                },
                {
                  "type": "Block:ContentBlocks",
                  "props": {
                    "categoryDefine": [
                      {
                        "content": {
                          "type": "staticData",
                          "data": [
                            {
                              "id": 1,
                              "title": "口述纪实馆",
                              "image": "https://xy.wenlvti.net/app_static/images/village/speical/IconSpeackerStore.png",
                              "tags": [ "登录" ],
                              "props": {
                                "width": "170rpx",
                                "height": "220rpx",
                                "padding": "padding.md",
                                "backgroundColor": "#f5e8c8",
                                "innerStyle": {
                                }
                              }
                            },
                            {
                              "id": 2,
                              "props": {
                                "width": "170rpx",
                                "height": "220rpx",
                                "padding": "padding.md",
                                "innerStyle": {
                                  "backgroundPosition": "center",
                                  "backgroundSize": "cover",
                                  "backgroundImage": "url('https://xy.wenlvti.net/app_static/images/village/speical/IconWrite.png')"
                                }
                              }
                            },
                            {
                              "id": 3,
                              "title": "故事共创站",
                              "image": "https://xy.wenlvti.net/app_static/images/village/speical/IconStoryStation.png",
                              "tags": [ "进入" ],
                              "props": {
                                "width": "170rpx",
                                "height": "220rpx",
                                "padding": "padding.md",
                                "backgroundColor": "#f5e8c8",
                                "innerStyle": {
                                }
                              }
                            }
                          ]
                        },
                        "type": "box-grid",
                        "onItemDetailClicked": "if (params.dataItem.id === 1) { globalContext.handleGoCollect(17, '老建设者足迹', 85) } else if (params.dataItem.id === 2) { globalContext.handleGoCollect(17, '口述纪实馆', 86) } else if (params.dataItem.id === 3) { globalContext.handleGoCollect(17, '故事共创站', 87) }"
                      }
                    ]
                  }
                }
              ]
            },

            {
              "name": "VILLAGE:CONTENT:Rank",
              "type": "Block:Rank",
              "props": {
                "title": "排行榜"
              }
            },
            {
              "name": "VILLAGE:CONTENT:Collect",
              "type": "Block:GridButtonBlock",
              "props": {
                "title": "魅力乡源",
                "titleRightButtons": [
                  {
                    "text": "管理",
                    "size": "small",
                    "primary": true,
                    "handler": "globalContext.handleGoDigManage()"
                  },
                  {
                    "text": "共编村史",
                    "size": "small",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconHistory.png",
                    "handler": "globalContext.handleGoCollect()"
                  }
                ],
                "items": [
                  {
                    "title": "村社概况",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeIntrod.png",
                    "handler": "globalContext.handleGoCollect(11, '村社概况')"
                  },
                  {
                    "title": "自然风光",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeEnvirounment.png",
                    "handler": "globalContext.handleGoCollect(13, '自然风光')"
                  },
                  {
                    "title": "历史沿革",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeHistory.png",
                    "handler": "globalContext.handleGoCollect(2, '历史沿革')"
                  },
                  {
                    "title": "特色产业",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeIndustry.png",
                    "handler": "globalContext.handleGoCollect(9, '特色产业')"
                  },
                  {
                    "title": "文艺活动",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeActivity.png",
                    "handler": "globalContext.handleGoCollect(12, '文艺活动')"
                  },
                  {
                    "title": "非遗展示",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeShow.png",
                    "handler": "globalContext.handleGoCollect(10, '非遗展示')"
                  },
                  {
                    "title": "民俗风采",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeFolkloreVibe.png",
                    "handler": "globalContext.handleGoCollect(8, '民俗风采')"
                  },
                  {
                    "title": "历史人物",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconGoods.png",
                    "handler": "globalContext.handleGoCollect(7, '历史人物')"
                  }
                ]
              }
            },
            

            {
              "name": "VILLAGE:CONTENT:Games",
              "type": "Block:GridButtonBlock",
              "props": {
                "title": "活力乡源",
                "items": [
                  {
                    "title": "乡源荣光",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeHornor.png",
                    "handler": "globalContext.handleGoCollect(23, '乡源荣光')"
                  },
                  {
                    "title": "乡源好物",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeGoods.png",
                    "handler": "globalContext.navTo(\"/pages/home/village/goods/index\", { villageId: globalContext.getVillageId() })"
                  },
                  {
                    "title": "乡源树",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeTree.png",
                    "handler": "globalContext.emit(\"goTree\")"
                  },
                  {
                    "title": "互动游戏",
                    "icon": "https://xy.wenlvti.net/app_static/images/village/IconLargeGame.png",
                    "handler": "globalContext.navTo(\"/pages/home/village/games/index\")"
                  }
                ]
              }
            },

            {
              "type": "Block:ContentTitle",
              "props": {
                "title": "文脉乡源",
                "showMore": false,
                "showIcon": true,
                "showTopMargin": false
              }
            },
            {
              "type": "flex",
              "props": {
                "direction": "column",
                "gap": "gap.md",
                "backgroundColor": "#fffdf5",
                "radius": "radius.lg",
                "border": "1px solid #f1debc",
                "padding": "padding.lg"
              },
              "nodes": [
                {
                  "type": "Block:ContentTitle",
                  "props": {
                    "title": "[特区灯火·口述纪实馆]",
                    "size": "medium",
                    "showMore": true,
                    "showIcon": false,
                    "showTopMargin": false,
                    "onMoreClicked": "globalContext.handleGoCollect(17, '老建设者足迹', 85)"
                  }
                },
                {
                  "type": "Block:ContentBlocks",
                  "props": {
                    "categoryDefine": [
                      {
                        "content": {
                          "type": "staticData",
                          "data": [
                            {
                              "title": "老建设者足迹",
                              "desc": "收听建设者实录，三温奋斗岁月",
                              "image": "https://xy.wenlvti.net/app_static/images/village/speical/IconSpeacker.png",
                              "bottomTags": [ "收听口述" ],
                              "props": {
                                "radius": "radius.lg",
                                "padding": "padding.md",
                                "backgroundColor": "#f5e8c8"
                              }
                            }
                          ]
                        },
                        "type": "",
                        "onItemDetailClicked": "globalContext.handleGoCollect(17, '老建设者足迹', 85)"
                      }
                    ]
                  }
                }
              ]
            }

          ]
        },


        {
          "name": "VILLAGE:CONTENT:Official",
          "type": "Block:Official",
          "props": {
            "tags": "dynamic:globalContext.getDefaultTags()",
            "tagType": "line"
          }
        }
      ]
    }
  ]
}