953 lines
51 KiB
HTML
953 lines
51 KiB
HTML
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="icon" href="/static/img/favicon.ico">
|
|
<title>Scrape | Movie</title>
|
|
|
|
|
|
<link href="/static/css/app.css" type="text/css" rel="stylesheet">
|
|
|
|
<link href="/static/css/index.css" type="text/css" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div data-v-74e8b908="" class="el-row" id="header">
|
|
<div data-v-74e8b908="" class="container el-col el-col-18 el-col-offset-3">
|
|
<div data-v-74e8b908="" class="el-row">
|
|
<div data-v-74e8b908="" class="logo el-col el-col-4">
|
|
<a data-v-74e8b908="" href="/" class="router-link-exact-active router-link-active">
|
|
<img data-v-74e8b908="" src="/static/img/logo.png" class="logo-image">
|
|
<span data-v-74e8b908="" class="logo-title">Scrape</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" id="index">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-18 el-col-offset-3">
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/1"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/ce4da3e03e655b5b88ed31b5cd7896cf62472.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/1" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">霸王别姬 - Farewell My Concubine</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">中国内地、中国香港</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">171 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1993-07-26 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/2"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p1.meituan.net/movie/6bea9af4524dfbd0b668eaa7e187c3df767253.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/2" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">这个杀手不太冷 - Léon</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>动作</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>犯罪</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">法国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">110 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1994-09-14 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/3"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/283292171619cdfd5b240c8fd093f1eb255670.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/3" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">肖申克的救赎 - The Shawshank Redemption</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>犯罪</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">142 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1994-09-10 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/4"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p1.meituan.net/movie/b607fba7513e7f15eab170aac1e1400d878112.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/4" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">泰坦尼克号 - Titanic</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>灾难</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">194 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1998-04-03 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/5"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/289f98ceaa8a0ae737d3dc01cd05ab052213631.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/5" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">罗马假日 - Roman Holiday</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>喜剧</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">118 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1953-08-20 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/6"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/da64660f82b98cdc1b8a3804e69609e041108.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/6" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">唐伯虎点秋香 - Flirting Scholar</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>喜剧</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>古装</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">中国香港</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">102 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1993-07-01 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/7"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/223c3e186db3ab4ea3bb14508c709400427933.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/7" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">乱世佳人 - Gone with the Wind</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>历史</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>战争</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">238 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1939-12-15 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/8"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/1f0d671f6a37f9d7b015e4682b8b113e174332.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/8" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">喜剧之王 - The King of Comedy</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>喜剧</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>爱情</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">中国香港</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">85 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1999-02-13 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.5</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 75.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/9"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/8959888ee0c399b0fe53a714bc8a5a17460048.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/9" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">楚门的世界 - The Truman Show</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>剧情</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>科幻</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">103 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.0</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 50.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-v-7f856186="" class="el-card item m-t is-hover-shadow">
|
|
<div class="el-card__body">
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-8 el-col-sm-6 el-col-md-4">
|
|
<a data-v-7f856186=""
|
|
href="/detail/10"
|
|
class="">
|
|
<img
|
|
data-v-7f856186=""
|
|
src="https://p0.meituan.net/movie/27b76fe6cf3903f3d74963f70786001e1438406.jpg@464w_644h_1e_1c"
|
|
class="cover">
|
|
</a>
|
|
</div>
|
|
<div data-v-7f856186="" class="p-h el-col el-col-24 el-col-xs-9 el-col-sm-13 el-col-md-16">
|
|
<a data-v-7f856186="" href="/detail/10" class="name">
|
|
<h2 data-v-7f856186="" class="m-b-sm">狮子王 - The Lion King</h2>
|
|
</a>
|
|
<div data-v-7f856186="" class="categories">
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>动画</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>歌舞</span>
|
|
</button>
|
|
|
|
<button data-v-7f856186="" type="button"
|
|
class="el-button category el-button--primary el-button--mini">
|
|
<span>冒险</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
<span data-v-7f856186="">美国</span>
|
|
<span data-v-7f856186=""> / </span>
|
|
<span data-v-7f856186="">89 分钟</span>
|
|
</div>
|
|
<div data-v-7f856186="" class="m-v-sm info">
|
|
|
|
<span data-v-7f856186="">1995-07-15 上映</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-col el-col-24 el-col-xs-5 el-col-sm-5 el-col-md-4">
|
|
<p data-v-7f856186=""
|
|
class="score m-t-md m-b-n-sm">
|
|
9.0</p>
|
|
<p data-v-7f856186="">
|
|
<div data-v-7f856186="" role="slider" aria-valuenow="4.75" aria-valuetext=""
|
|
aria-valuemin="0"
|
|
aria-valuemax="5" tabindex="0" class="el-rate">
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on" style="color: rgb(247, 186, 42);"></i>
|
|
</span>
|
|
|
|
<span
|
|
class="el-rate__item" style="cursor: auto;"><i
|
|
class="el-rate__icon el-icon-star-on"
|
|
style="color: rgb(239, 242, 247);"><i
|
|
class="el-rate__decimal el-icon-star-on"
|
|
style="color: rgb(247, 186, 42); width: 50.0%;"></i></i>
|
|
</span>
|
|
</div>
|
|
</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="el-loading-mask" style="display: none;">
|
|
<div class="el-loading-spinner">
|
|
<svg viewBox="25 25 50 50" class="circular">
|
|
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div data-v-7f856186="" class="el-row">
|
|
<div data-v-7f856186="" class="el-col el-col-10 el-col-offset-11">
|
|
<div data-v-7f856186="" class="pagination m-v-lg">
|
|
<div data-v-7f856186="" class="el-pagination is-background">
|
|
<span class="el-pagination__total">共 102 条</span>
|
|
|
|
<button type="button" disabled="disabled" class="btn-prev">
|
|
<i class="el-icon el-icon-arrow-left"></i>
|
|
</button>
|
|
|
|
<ul class="el-pager">
|
|
|
|
|
|
<li class="number active">
|
|
<a href="/page/1">1</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/2">2</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/3">3</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/4">4</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/5">5</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/6">6</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/7">7</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/8">8</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/9">9</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/10">10</a>
|
|
</li>
|
|
|
|
|
|
<li class="number">
|
|
<a href="/page/11">11</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
<a href="/page/2" class="next">
|
|
<button type="button" class="btn-next"><i class="el-icon el-icon-arrow-right"></i></button>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body> |