实训日志 day2

这篇实训日志介绍了如何通过CSS的box-shadow属性创建立体感效果,详细探讨了全局样式与页面特定样式的应用。文章指出,page目录下的样式会覆盖全局样式,展示了样式优先级的概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

日期

2019年6月 18日

第 2 天  共 10天

实习地点

科技楼423

教学大纲中规定的实习教学内容

校内综合实训是系统讲授微信小程序开发技术,通过小程序开发项目实例来训练学生的实践能力,检验学生对微信小程序开发技术所学知识的综合运用能力的重要环节。每位学生需完成老师布置的实验内容,并完成综合性实训项目的开发。从而达到对所学知识的深刻理解,进而为今后更深入的学习和应用打下坚实的基础。

实习

目的及

要求

1、掌握微信小程序项目环境搭建;

2、掌握微信小程序项目界面设计编写;;

3、掌握微信小程序项目业务逻辑处理;

4、掌握MVVM设计模式框架开发;

5、通过本课程的学习,培养学生观察、分析、解决问题的能力;

6、培养学生严肃认真、实事求是的良好作风。

任务

完成

情况、

主要

收获

体会

       今天主要进行了基本的微信小程序环境的搭建。下载了微信开发者工具,进行了基本的小程序开发,实现了底部菜单的功能和顶部下拉的功能,还有了解了各种框架组件。

       自学flex布局(重点学习骰子布局),flex布局元素有以下属性:

  • flex-direction(决定主轴的方向(即项目的排列方向))
  • flex-wrap(如果一条轴线排不下,如何换行)
  • flex-flow(是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap
  • justify-content(定义了项目在主轴上的对齐方式)
  • align-items(定义项目在交叉轴上如何对齐)
  • align-content(定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用)

       在小程序上实现了1~9的骰子布局的结构

 

 

 

 

 

 

 

 

教师

指导

(辅导)

内容

注:若当日教师无指导,本栏请填“无”,打印前请将下方“指导教师签名”删掉。

辅导学生学习微信小程序项目环境搭建基础知识,指导学生自我进行微信小程序项目环境搭建

指导方式

面授

指导时长(分钟)

300

其它

需说

明的

情况

 

 

 

 

 

立体感:

   box-shadow: -5px -5px rgb(121, 18, 18);

ass下面的都是全局的

page目录下面的目录都是自己一个页面的,但这个页面会覆盖全局的页面

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值