spz-multi-stations 多站点

支持布局: container

何时使用

  • 当有多个站点的店铺且需要根据用户IP跳转到最近的店铺时。

代码演示

数据配置

子元素中通过带有script[role="multi-station-json"]配置一个json数据,默认第一个数据是当前站点,自动匹配后面的站点,当ip符合时弹窗提示切换站点。

基本用法

  <spz-multi-stations layout="logic">
    <script role="multi-station-json" type="application/json">
    {"station": [{"name": "USA", "url": "https://www.google.com"}, {"name": "UK", "url": "https://www.google.com"}, {"name": "CA", "url": "https://www.google.com"}]}
    </script>
  </spz-multi-stations>

属性

属性名说明类型默认值是否必需
skip当存在此属性时,点击change按钮会跳转到对应的站点--

事件

multiStationInit

当接口根据初始配置的站点数据匹配完成返回时自动触发,无参数。

noticeConfirmed

当点击弹窗内的切换站点按钮时自动触发,无参数。

AI 摘要(LLM Ready)

  • 组件标识spz-multi-stations
  • 用途一句话:用于提醒是否跳转到与当前访问IP最近的站点。
  • 可识别属性条目:1
  • 可识别方法小节:0
  • 可识别事件小节:2
  • 关键属性名(Top)skip
  • 关键方法名(Top):无(待补充)
  • 关键事件名(Top)multiStationInitnoticeConfirmed
  • 阅读顺序建议:先看「何时使用」与「代码演示」,再核对属性/方法/事件。
  • 关联文档/guide/actions-and-events//guide/layouts/