微信小程序样式Flex Box精通课程

0人 购买 好评度 - 收藏
  • 小程序flex
更多班级

小程序flex

支持随到随学,24年01月过期

¥55.00

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买

小程序设计基础课套餐 ( 共4门 )

套餐价 :¥112.00 原价 :¥187.00 立即购买 查看详情

课程概述

目录

评论

老师介绍

  • 黄菊华

    黄菊华

    2004年开始走上计算机行业,6年net和php开发,8年java开发,现主攻产品设计,前端全栈(CSS,H5,JS,Node.js,jQuery,Bootstrap,Vue),微信开发等
简  介 讲解微信小程序中flex box界面设计布局的使用,flex容器属性的使用,flex项目属性的使用。
【课程内容】
讲解微信小程序中flex box界面设计布局的使用,flex容器属性的使用,flex项目属性的使用。

【课程目标】
让微信小程序爱好者能上手开发微信小程序中的界面设计

【适合人员】
微信小程序开发爱好者,微信小程序前端设计人员,微信小程序前端开发人员

【课程目录】
a-如何使用已有的框架搭建新的微信小程序
b-如何学习微信小程序的界面设计
01课-简介和概述   
02课-flex容器属性-flex-direction项目排列方向  
03课-flex容器属性-flex-wrap项目换行 
04课-flex容器属性-flex-flow属性 
05课-flex容器属性-justify-content内容对齐(水平对齐) 
06课-flex容器属性-align-items(垂直对齐)  
07课-flex容器属性-align-content设置各个行的对齐 
08课-Flex项目的属性-order子元素的排序  
09课-Flex项目的属性-flex-grow项目的放大比例
10课-Flex项目的属性-flex-shrink项目的缩小比例  
11课-Flex项目的属性-flex-basis项目占据的主轴空间 
12课-Flex项目的属性-flex综合属性设置   
13课-Flex项目的属性-align-self垂直对齐 
14课-Flex项目的属性-margin(对齐和居中) 
【学习建议】
微信小程序wxss中的样式是基于传统的css来写的,所以建议大家学下css和重点的flex布局

【建议学习课程】 

微信小程序框架的制作(本节课程讲解所用框架)  https://ke.qq.com/course/367530?tuin=2b10d56 

CSS零基础入门到精通实战(必学基础)    https://ke.qq.com/course/340188?tuin=2b10d56 

Flex Box页面布局专题(开发必学)  https://ke.qq.com/course/344802?tuin=2b10d56 

微信小程序实战-企业站    https://ke.qq.com/course/339237?tuin=2b10d56 

微信小程序知识点实战    https://ke.qq.com/course/341752?tuin=2b10d56 

微信小程序商城-3天跟我学会界面设计(实战)    https://ke.qq.com/course/344760?tuin=2b10d56 

微信小程序-WeUI界面布局设计入门到精通(官方框架,选学)  https://ke.qq.com/course/348627?tuin=2b10d56 

微信小程序-获取远程数据和下拉刷新实战教程  https://ke.qq.com/course/347861?tuin=2b10d56 

微信小程序WxParse解析富文本html代码视频课程    https://ke.qq.com/course/357005?tuin=2b10d56 

微信小程序企业站数据交互实战讲解    https://ke.qq.com/course/357708?tuin=2b10d56 

CSS3基础知识实战讲解(选学)    https://ke.qq.com/course/352139?tuin=2b10d56 

JavaScript基础入门到精通    https://ke.qq.com/course/341764?tuin=2b10d56 

JSON基础入门实战讲解    https://ke.qq.com/course/351621?tuin=2b10d56 

ASP版微信小程序支付    https://ke.qq.com/course/354594?tuin=2b10d56 

CSS网页工程师就业实战集锦(高级知识点,选学)    https://ke.qq.com/course/343592?tuin=2b10d56 

【注意事项】 
下图所涉及的课程,同学们可以搜索课程名称,或者搜索 黄菊华 就能查到这些课程 




【注意事项】 
上图所涉及的课程,同学们可以搜索课程名称,或者搜索 黄菊华 就能查到这些课程 










 

* 课程提供者:黄菊华

老师还为你推荐了以下几门课程