这是第二遍儿听小程序课程…因为第一遍儿感觉听完了跟着老师会写,但是自己对这个wxss还有各种灵活组件的配置掌握还不是很好,这个课程是别的同学推荐的,据说讲的很实用,快速的过一遍儿吧,但是笔记不会记得那么详细,只记之前不熟悉的部分

一、说在前面的一些知识

1、大概框架
.js文件负责逻辑层
.json是配置文件 标题名/页面颜色等…
.wxss=.css样式文件
.wxml=.html
2、png大
【小程序学习】第二遍儿学习 | 新视觉培训
3、相对路径/决定路径
…/退出一层目录
./当前目录
/进入一层目录
/最前面✍上斜杠是跟目录的意思
4、报错问题
一般这里报错说明wxml出错了
【小程序学习】第二遍儿学习 | 新视觉培训
一般这里报错说明js出错了
【小程序学习】第二遍儿学习 | 新视觉培训

二、组件

视图容器

视图容器

view 块标签

就这四个属性
【小程序学习】第二遍儿学习 | 新视觉培训

1、写类名,在wxss中设置样式
【小程序学习】第二遍儿学习 | 新视觉培训
【小程序学习】第二遍儿学习 | 新视觉培训
【小程序学习】第二遍儿学习 | 新视觉培训
2、view:hover-stop-propagation
阻止父级的冒泡,只有子集发生影响
【小程序学习】第二遍儿学习 | 新视觉培训
【小程序学习】第二遍儿学习 | 新视觉培训
点击子集之前:
【小程序学习】第二遍儿学习 | 新视觉培训

点击子集之后:
【小程序学习】第二遍儿学习 | 新视觉培训
3、块标签显示文字
【小程序学习】第二遍儿学习 | 新视觉培训
【小程序学习】第二遍儿学习 | 新视觉培训
显示效果:
【小程序学习】第二遍儿学习 | 新视觉培训
没有inline就是自动换行:
【小程序学习】第二遍儿学习 | 新视觉培训
【小程序学习】第二遍儿学习 | 新视觉培训

基础内容

text 行标签

text
文字是否可选只有它可以操作
【小程序学习】第二遍儿学习 | 新视觉培训
1、decode 表示可以解析html里面的一些代码了
【小程序学习】第二遍儿学习 | 新视觉培训
这里表示空格还有换行
【小程序学习】第二遍儿学习 | 新视觉培训

媒体组件

image

image
具有自定义的宽高
【小程序学习】第二遍儿学习 | 新视觉培训

相关文章:

  • 2021-05-21
  • 2021-08-30
  • 2021-06-25
  • 2021-04-23
  • 2021-11-17
  • 2022-01-15
  • 2021-10-19
猜你喜欢
  • 2021-11-01
  • 2021-10-03
  • 2021-10-29
  • 2021-12-26
  • 2021-11-21
  • 2021-12-09
  • 2021-06-06
相关资源
相似解决方案