「テンプレート:検索結果カード」の版間の差分

← 古い編集

ビジュアルウィキテキスト

2026年1月22日 (木) 11:19時点における最新版

[[{{{_pageName}}}|{{{店名}}}]]

昼： - ～- 　夜： - ～-

@@ 1行目: / 1行目: @@
-<div class="result-card" style="border:1px solid #ccc; padding:10px; margin:8px; border-radius:8px; display:flex; gap:10px;">
+<div class="search-card">
-  <div style="width:100px; flex-shrink:0;">
+  <div class="card-layout">
-    [[File:{{{画像|NoImage.jpg}}}|100px]]
+    <div class="card-image-area">
-  </div>
+      <div class="img-crop">
-  <div>
+        <div class="image-scroll-container">
-     <strong>{{{店名}}}</strong><br>
+          <!-- ストリートビュー -->
-    <span>{{{ジャンル}}}</span><br>
+          <div class="image-item">
-    <span>{{{住所}}}</span><br>
+            {{#if: {{{ストリートビューURL|}}}
-    <small>営業時間: {{{営業時間}}} / 定休日: {{{定休日}}}</small>
+            | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 200px; height: 200px;"></div>
+            | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 200px; height: 200px;"></div>
+            }}
+          </div>
+          <!-- 画像1 -->
+          <div class="image-item">
+            {{#if: {{{画像|}}}
+            | [[File:{{{画像}}}|middle|class=crop-img]]
+            }}
+          </div>
+        </div>
+      </div>
+     </div>
+    <div class="card-content">
+      <div class="card-header">
+        <h3 class="card-title">[[{{{_pageName}}}|{{{店名}}}]]</h3>
+        <p class="card-genre">{{{最寄り|}}} {{{ジャンル|}}}</p>
+      </div>
+      <div class="card-info">
+        <p class="card-cost">
+          昼：
+          {{#if: {{{予算昼下限|}}} | ￥{{{予算昼下限}}} | - }}
+          ～{{#if: {{{予算昼上限|}}} | ￥{{{予算昼上限}}} | - }}
+          　夜：
+          {{#if: {{{予算夜下限|}}} | ￥{{{予算夜下限}}} | - }}
+          ～{{#if: {{{予算夜上限|}}} | ￥{{{予算夜上限}}} | - }}
+        </p>
+        {{#if: {{{住所|}}} | <p class="card-address">{{{住所}}}</p> }}
+      </div>
+    </div>
    </div>
 </div>