章节课时

2.1，摊位页面制作
我的摊位页面制作。
2.2，我的纸条页面制作
我抽取、放入的纸条页面制作。
2.3，JS效果制作，使用WeUi
放入、抽取纸条JS效果；加入WeUi样式库；
我的金币、放图纸条、抽取纸条、文章文档 弹窗。

主要内容

1，摊位页面制作；
2，我的纸条页面制作；
3，JS效果制作，使用WeUi；

课程资料

VSCode下载地址：https://code.visualstudio.com/
Sublime下载地址：https://www.sublimetext.com/
HBuilder下载地址：https://www.dcloud.io/

知识要点

meta viewport

简单介绍
1，如果页面本身是移动端的设计风格，设计师在设计页面时按移动端通用的375px或者428px来做设计，我们需要在head标签里加。如果原本就是针对PC浏览器设计的页面未适配过移动端，不推荐加此meta。
2， 这段代码的意思是让页面的布局视口(layout viewport)的宽度等于视觉视口(virsual viewport)的宽度，此时页面元素会以设备逻辑像素宽度做为文档宽度进行布局。
参数说明

  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />

width：设置layout viewport 的宽度，为一个正整数，或字符串”width-device”
initial-scale：设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale：允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale：允许用户的最大缩放值，为一个数字，可以带小数
height ：设置layout viewport 的高度，这个属性对我们并不重
user-scalable：是否允许用户进行缩放，值为 “no” 或 “yes”， no 代表不允许，yes代表允许

rem

相对于根元素的字体大小的单位。简单的说它就是一个相对单位。
示例：如果我们定义 html,body 的 font-size = 16px，那么 1rem = 16px，2rem = 32px。

swiper

https://www.swiper.com.cn
开源、免费、强大的触摸滑动插件

jQuery

https://www.runoob.com/jquery/jquery-tutorial.html
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。

// 获取一个ID节点

// js
var idNode = document.getElementById('id_ident');

// jQuery
var idNode = $('#ide_ident');

iconfont

https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code

Flex

Flex 是 Flexible Box 的缩写，意为 弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。
https://www.yuque.com/baozoudexigua/wm5gvp/bkuiwh

WeUi

https://weui.io
https://www.bookstack.cn/books/WeUIwiki
https://github.com/Tencent/weui