小程序豆瓣接口案例 第1篇
/* 导入写好的评分的样式 */
@import “…/stars/”;
.movie-container {
display:flex ;
flex-direction: column;
padding: 0 22rpx;
.movie-img {
width: 200rpx;
height: 270rpx;
padding-bottom: 20rpx;
.movie-title{
margin-bottom: 16rpx;
font-size: 24rpx;
小程序豆瓣接口案例 第2篇
豆瓣电影：豆瓣电影
涉过愤怒的海：_ratio_poster/public/ 热搜：_ratio_poster/public/ 沉默笔录：_ratio_poster/public/ 拿破仑 Napoleon：_ratio_poster/public/ 我本是高山：_ratio_poster/public/ 长安诡事传：_ratio_poster/public/ 傍晚向日葵：_ratio_poster/public/ 刀尖：_ratio_poster/public/ 饥饿游戏：_ratio_poster/public/ 星愿 Wish：_ratio_poster/public/ 红猪 紅の豚：_ratio_poster/public/ 无价之宝：_ratio_poster/public/
小程序豆瓣接口案例 第3篇
@import “…/movie/”;
.movie-list-container{
background-color: #fff;
display: flex;
flex-direction: column;
.inner-container{
margin: 0 auto 20rpx;
.movie-head{
padding: 30rpx 20rpx 22rpx;
/* display: flex;
flex-direction: row;
justify-content: space-between; */
.slogan{
font-size: 24rpx;
.more{
float: right;
.more-text{
vertical-align: middle;
margin-right: 10rpx;
color: #1f4ba5;
.more-img{
width: 9rpx;
height: 16rpx;
vertical-align: middle;
.movies-container{
display: flex;
flex-direction: row;