小程序常用组件

轮播图区域绘制

样式文件

公司信息区域

用text组件

user-select:文本是否可选，用于长按选择文本

space：显示连续空格

商品导航区域

页面效果

组件-跳转到商品列表

用到navigation组件，常用的属性：

url:当前小程序内的跳转链接

open-type:跳转方式：

1. navigate
2. redirect
3. switch Tab
4. reLaunch
5. navigateBack

注意：路径后可以带参数，参数与路径之间用？分隔，参数键和参数值用=相连，不同参数用&分隔。open-type不支持传参。

返回上一页

最终的导航页面

改完后布局会改变，改成这样就行了

推荐商品区域 -滚动效果

用到scroll-view组件

水平滑动

垂直滑动

实现结构样式

页面

字体图标的使用

解决报错问题，勾选Base64

然后将新的代码复制到对应的scss代码即可

背景图的使用

小程序的background-image不支持本地路径！需要使用网络图片，或者base64，或者使用<image/>组件。