电影院订票选座小程序毕业设计课程设计（2）电影列表页面

wxml代码

<view class="chaxun"><input  class="chaxun_zuo" type="text" name="cx_neirong" value="{{cx_neirong}}" placeholder="请输入电影关键字"></input><button  class="chaxun_you" type="mini" form-type="submit" >查询</button>
</view><view class="zuixin"><view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/01.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">寻龙宝藏</view></view> <view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/02.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">狄仁杰之夺魂梦魇</view></view>    <view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/03.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">龙虎山张天师</view></view>  <view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/04.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">哪吒之魔童降世</view></view>    <view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/05.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">平行森林</view></view>  <view  class="zuixin_kecheng"><navigator class="zuixin_kecheng_fengmian" url="/pages/dianying/xiangqing"><image class="zuixin_kecheng_fengmian_img" mode="widthFix" src="/tupian/06.jpg"></image></navigator><view class="zuixin_kecheng_biaoti">帕克</view></view>
</view>

wxss代码

.qukuai{display: flex;align-items:center;background-color: #f2f2f2;}
.qukuai_zuo{margin: 5px 10px; width:5px; height:20px; background-color: rgb(13, 163, 233);border-radius: 10px;}
.qukuai_zhong{font-size: 16px; flex-grow: 1;}
.qukuai_you{font-size: 14px; color: gray;padding-right: 10px;}.chaxun{background-color:#f2f2f2;display: flex;margin: 10px;align-items: center;
}
.chaxun_zuo{padding-left: 15px;flex-grow: 1;
}
.chaxun_you{border-radius: 0px;background-color: orange;color: white;border-top-right-radius: 5px;border-bottom-right-radius: 5px;
}.fenlei{ background-color: orangered;text-align: center;padding: 7px; color: white; margin: 5px; border-radius: 5px;}.zuixin{ padding: 2px;display: flex; flex-wrap: wrap;}
.zuixin_kecheng{width: 48%;margin: 3px;padding: 3px;box-sizing: border-box;border:1px solid #f2f2f2;box-shadow: 1px 1px 2px gainsboro;color: gray;
}
.zuixin_kecheng_fengmian{width: 100%;
}
.zuixin_kecheng_fengmian_img{width: 100%;
}
.zuixin_kecheng_biaoti{font-size: 14px;
}
.zuixin_kecheng_xinxi{display: flex;align-items: center;
}
.zuixin_kecheng_xinxi_zuo{font-size: 12px;flex-grow: 1;
}
.zuixin_kecheng_xinxi_you{color: red;font-size: 14px;
}

电影院订票选座小程序毕业设计课程设计（2）电影列表页面相关推荐

电影院订票选座小程序毕业设计课程设计（3）电影详情页面
wxml代码 <view class="kecheng"><view class="kecheng_fengmian"><imag ...
电影院订票选座小程序毕业设计课程设计（4）选座页面
wxml代码 <checkbox-group bindchange="mycheck"> <view class="changci">& ...
基于微信小程序的电影院订票选座小程序系统的设计与实现开题报告和效果图
开题报告作品效果图
如何做一个基于微信电影院订票选座小程序系统毕业设计毕设作品
分析架构我们开发系统,常规有两个架构,一个BS架构(浏览器/服务器模式),一个CS(客户端/服务器端模式):我们微信小程序项目属于CS架构,C客户端是我们要开发的小程序,S端是我们要开发的后台管理系 ...
电影院订票选座网站系统毕业设计毕设源码毕业论文参考（1）功能概要
该系统主要分网站管理员.游客.注册用户这几个角色网站管理员系统设置网站设置:网站名称.关键字.描述.网站介绍关于我们设置:设置关于我们.联系我们.加入我们.法律声明广告和留言首页轮播图设置 ...
刚写完的基于PHP的电影院订票选座网站系统毕业设计毕设源码作品欣赏
下面是效果图
电影院订票选座网站系统毕业设计毕设源码毕业论文参考（2）前台功能
电影院订票选座网站系统毕业设计毕业论文参考（3）后台管理功能
基于微信小程序的电影院订票选座系统
随着数据库技术和无线互联网的发展,各行业的数据信息量快速增多.正是由于这种发展形势,数据量变得非常杂乱无序,必须通过信息系统来选择用户需要的信息.本文通过微信小程序平台上研发电影院订票选座系统,解决部 ...

电影院订票选座小程序毕业设计课程设计（2）电影列表页面

wxml代码

wxss代码

电影院订票选座小程序毕业设计课程设计（2）电影列表页面相关推荐

最新文章

热门文章

电影院订票选座小程序 毕业设计 课程设计（2）电影列表页面

wxml代码

wxss代码

电影院订票选座小程序 毕业设计 课程设计（2）电影列表页面相关推荐

最新文章

热门文章

电影院订票选座小程序毕业设计课程设计（2）电影列表页面

电影院订票选座小程序毕业设计课程设计（2）电影列表页面相关推荐