在微信小程序中:
// pages目录 用于存放所有的页面
// utils目录 用于存放工具类文件
// app.js 是入口文件,程序在运行时,首先要执行该文件
// app.json 是全局配置文件,用于配置小程序的信息(它里面配置的是全局信息)
// app.wxss 是全局样式文件
// project.config.json 是项目配置文件
// sitemap.json 是SEO配置文件
微信小程序每一个页面都由四个文件组成:
// xxx.wxml文件,就相当于一个html文件
// xxx.wxss文件,就相当于一个css文件
// xxx.js文件,是交互文件(核心文件)
// xxx.json文件,是页面的配置文件(它里面配置的是当前页面信息)
在wxss文件中,最好不要写标签选择器和id选择器,统一写类选择器
为了让小程序里面的内容在各种设备上能够自适应显示,微信推出了响应式单位:rpx,在iphone6中 2rpx=1px
calc()函数,是css3中的计算尺寸的函数
在wxml文件中,不能写传统的html标签,只能写微信提供的组件
view组件,就相当于div标签;text组件,就相当于span标签
例:
swiper是滑块视图容器,它里面只能放swiper-item组件(可以做轮播图)
swiper组件的常用属性:
circular是衔接滑动
autoplay是自动切换
interval自动切换时间间隔
indicator-dots是否显示面板指示点
indicator-color指示点颜色
indicator-active-color当前选中的指示点颜色
image是图片组件,注意:最好全部采用网络图片,因为小程序总提交不允许超过2MB
矢量图图库:https://www.iconfont.cn/