微信小程序视频点播在线视频学习系统 毕业设计 课程设计(1)首页_微信小程序视频功能设计流程图

复制代码
<text class='xinxi-text'>06-19 关于违规会员处理的通知</text>
<image class='xinxi-arrow' src='/img/right.png'></image>

视 频 分 类 最新更新课程 所有课程 HTML入门到精通 3651 人报名 免费 HTML入门到精通 3651 人报名 免费 HTML入门到精通 3651 人报名 免费 HTML入门到精通 3651 人报名 免费

复制代码
### wxss代码

/* 广告图片*/

.ad01{

width: 100%; /* 宽度100%*/

}

.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;}

.xinxi {

display: flex;

align-items: center;

padding: 5px;

border-bottom: 1px solid #f2f2f2;

font-size: 14px;

color: gray;

}

.xinxi-icon {

width: 19px;

height: 19px;

}

.xinxi-text {

flex-grow: 1;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

.xinxi-arrow {

width: 13px;

height: 13px;

}

.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;

}

相关推荐
WangHappy1 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端1 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker2 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker2 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者5 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
西岸行者6 天前
学习笔记:SKILLS 能帮助更好的vibe coding
笔记·学习
B站计算机毕业设计超人6 天前
计算机毕业设计Django+Vue.js高考推荐系统 高考可视化 大数据毕业设计(源码+LW文档+PPT+详细讲解)
大数据·vue.js·hadoop·django·毕业设计·课程设计·推荐算法
计算机程序猿学长6 天前
大数据毕业设计-基于django的音乐网站数据分析管理系统的设计与实现(源码+LW+部署文档+全bao+远程调试+代码讲解等)
大数据·django·课程设计
B站计算机毕业设计超人6 天前
计算机毕业设计Django+Vue.js音乐推荐系统 音乐可视化 大数据毕业设计 (源码+文档+PPT+讲解)
大数据·vue.js·hadoop·python·spark·django·课程设计
悠哉悠哉愿意6 天前
【单片机学习笔记】串口、超声波、NE555的同时使用
笔记·单片机·学习