目录中文件说明
1.app.js文件
pages:用来记录当前小程序所有页面的路径,其中第一个路径表示首页。
window:所有页面的背景色和文字颜色。
style:全局定义小程序组件样式版本,v2表示最新版样式
2.project.config.json文件
app.id:小程序的账号
projectname:项目名称
注意若不想在终端上显示警告信息:project.config.json->seeting->"checkSitMap":false
3.sitemap.json文件
用来配置小程序是否允许微信的索引
action:'allow / disallow'
4.页面中的.json文件
设置页面中的外观配置,若以app.json冲突,以页面的权重
5.如何创建小程序页面
在app.json中新加路径,会自动按照路径进行创建
二.微信中代码的格式与H5和CSS3中区别
1.wxml和HTML的区别
标签名称不同
html:div , span ,img,a
wxml:view ,text,image,navigator (上下一一对应)
属性节点不同
html:<a href="#"></a>
wxml:<navagator url="/ /"></navagator>
2.wxss和css的区别
新增了rpx单位
rpx把屏幕等分为750份
提供了全局样式和局部样式
app.wxss和 页面中.wxss
@import'相对路径';导入样式
3.常用的视图容器组件
view类似于div进行使用
<div></div>====<view></view>
swiper和swiper-item轮播图容器组件和轮播图item组件
<swiper>
<swiper-item>
<view>A</view>
</swiper-item>
<swiper-item>
<view>A</view>
</swiper-item>
<swiper-item>
<view>A</view>
</swiper-item>
<swiper>
swiper属性
4.常见的基础内容组件
text:类似于span,长按选中复制只能在text节点下
例如:
<text selectable>长按复制文本<text>
5.其他常见组件
button
按钮类型 type:default,primary(绿色),warn(红色)
按钮大小size:default,mini
镂空按钮 plain
images
默认宽高:300px 240px
属性