質問編集履歴

1

ソースコードすべてを付記しました。

2020/04/20 11:49

投稿

reveal-17
reveal-17

スコア4

test CHANGED
File without changes
test CHANGED
@@ -116,7 +116,157 @@
116
116
 
117
117
 
118
118
 
119
+ <html>
120
+
121
+ <!-- ヘッドタグ -->
122
+
123
+ <?php require('head_pc.php'); ?>
124
+
125
+
126
+
127
+ <body>
128
+
129
+ <div id="app">
130
+
131
+ <div class="songsSearch">
132
+
133
+ <!-- ヘッダー -->
134
+
135
+ <?php require('header_pc.php'); ?>
136
+
137
+
138
+
139
+ <!-- 検索ページ -->
140
+
141
+ <?php require('search_form_pc.php'); ?>
142
+
143
+
144
+
145
+ <?php if ($_POST['submit'] === NULL) : ?>
146
+
147
+
148
+
149
+ <!------------------------------------------------------------- 検索前のページ ------------------------------------------------------------->
150
+
151
+
152
+
153
+ <el-row class="songsSearch__usage">
154
+
155
+ <el-col :span="8" v-for="(o, index) in 3" :key="o" :offset="index > 0 ? 1 : 0">
156
+
157
+ <el-card :body-style="{ padding: '0px' }">
158
+
159
+
160
+
161
+ <div class="songsSearch__card" v-if="index === 0">
162
+
163
+ <img src="img/introduction1.jpg" class="songsSearch__cardImage">
164
+
165
+ <div style="padding: 14px;">
166
+
167
+ <span class="songsSearch__cardTitle">「好き」を増やそう</span>
168
+
169
+ <div class="songsSearch__cardBottom songsSearch__cardClearfix">
170
+
171
+ <time class="songsSearch__cardDescription">Songsを使えば、あなたの「好き」がもっと広がる。</time>
172
+
173
+ </div>
174
+
175
+ </div>
176
+
177
+ </div>
178
+
179
+
180
+
181
+ <div class="songsSearch__card" v-if="index === 1">
182
+
183
+ <img src="img/introduction2.jpg" class="songsSearch__cardImage">
184
+
185
+ <div style="padding: 14px;">
186
+
187
+ <span class="songsSearch__cardTitle">アーティスト名を入力するだけ。</span>
188
+
189
+ <div class="songsSearch__cardBottom songsSearch__cardClearfix">
190
+
191
+ <time class="songsSearch__cardDescription">関連するアーティストを自動で表示します。</time>
192
+
193
+ </div>
194
+
195
+ </div>
196
+
197
+ </div>
198
+
199
+
200
+
201
+ <div class="songsSearch__card" v-if="index === 2">
202
+
203
+ <img src="img/introduction3.jpg" class="songsSearch__cardImage">
204
+
205
+ <div style="padding: 14px;">
206
+
207
+ <span class="songsSearch__cardTitle">「好き」を見つけよう。</span>
208
+
209
+ <div class="songsSearch__cardBottom songsSearch__cardClearfix">
210
+
211
+ <time class="songsSearch__cardDescription">検索結果から、すぐにSpotifyの再生画面へ。</time>
212
+
213
+ </div>
214
+
215
+ </div>
216
+
217
+ </div>
218
+
219
+ </el-card>
220
+
221
+ </el-col>
222
+
223
+ </el-row>
224
+
225
+
226
+
227
+ <?php else : ?>
228
+
229
+ <!------------------------------------------------------------- 検索後のページ ------------------------------------------------------------->
230
+
231
+
232
+
233
+ <!-- 検索してもヒットしない&&検索ボタンを押している -->
234
+
235
+ <?php if ($artistData === NULL && $_POST['submit'] === ""): ?>
236
+
237
+ <el-alert
238
+
239
+ title="アーティストが見つかりませんでした。"
240
+
241
+ type="error"
242
+
119
- (前半省略)
243
+ center
244
+
245
+ description="別のアーティストを入力してみましょう。"
246
+
247
+ show-icon>
248
+
249
+ </el-alert>
250
+
251
+ <?php endif; ?>
252
+
253
+
254
+
255
+ <!-- 通常の状態 -->
256
+
257
+ <?php require('search_result_pc.php'); ?>
258
+
259
+ <?php endif; ?>
260
+
261
+
262
+
263
+ <!-- フッター -->
264
+
265
+ <?php require('footer_pc.php'); ?>
266
+
267
+ </div>
268
+
269
+ </div>
120
270
 
121
271
 
122
272
 
@@ -148,8 +298,6 @@
148
298
 
149
299
  textarea: '',
150
300
 
151
- info: null,
152
-
153
301
  },
154
302
 
155
303
  });