微信小程序初次学习

发布于:2024-05-20 ⋅ 阅读:(177) ⋅ 点赞:(0)

目录中文件说明


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

     属性


网站公告

今日签到

点亮在社区的每一天
去签到