微信小程序开发一（常用的标签）

去微信公众平台注册账号确定怎么操作去网上找找

网址：微信公众平台 (qq.com)https://mp.weixin.qq.com/https://mp.weixin.qq.com/

微信开放文档中找到工具栏下载微信开发者工具

网址：微信开发者工具（稳定版 Stable Build）下载地址与更新日志 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

根据自己的电脑下载版本：

开发者工具上创建项目：

先在本地位置创建一个存放微信小程序开发的路径，不要有中文

例如：我存放的位置在 D:\wexinpro

在该目录下我在创建一个程序小程序的项目名称

微信公众平台登录之后如何查看AppId?

创建完成之后

项目结构：

这些目录和文件的的具体作用可以去微信开放平台上看看

如何创建目录：

       点击app.json文件

     

那个文件在最前面就执行那个目录文件

wxml这个文件就相当于前端的html文件，标签都放在这里

常用的标签：

view、text、buuton、image、swiper等常用标签，当然还有其它不常用的

view标签：块级标签类似前端的div

<view>view标签</view>

text标签：行内标签，文本标签，测试了一下内部无法存放view标签

<text>text标签</text>

 button 按钮标签：

       属性：

           type属性:修改按钮类型，primary、warn、default

           size属性：设置按钮的大小，有 mini

           plain 镂空效果，无背景色，有边框

<button type="primary">primary</button  >
<button type="warn">warn</button>
<button type="default">默认效果</button>
<button size="mini">mini</button>
<button plain="">plain</button>

image 图片标签：

      

mode属性：

         aspectFit保持纵横比

         aspectFill（填充，等比例放大）

         widthFix（宽不变，高度自适应）

         heightFix（高不变，宽度自适应）

<image mode="widthFix" src="../../images/10.png"></image>
<image mode="aspectFit" src="../../images/11.png"></image>

这个images目录如何创建？

无法使用粘贴复制：

如何处理：

     第一种：使用拖拉的方式将图片放入其中

     第二种：找到找到本地下这个文件夹，将图片粘贴复制

swiper 轮播效果标签搭配swiper-item标签使用：

      

swiper属性：

        indicator-dots：是否显示显示指示点，默认为false，显示为true

        indicator-color：指示点的颜色，只能设置成黑色和白色，默认为黑色black，白色white

        indicator-active-color：当前选中的指示点的颜色，任意设置颜色  

        autoplay:轮播是否自动切换，默认值为false不切换，true为切换

        circular：是否采取衔接滑动，默认为false不衔接滑动，true为衔接滑动

        interval：自动切换时间间隔，默认为5000毫秒

<swiper indicator-dots="true" indicator-color="white" autoplay="true"
   indicator-active-color="pink" circular="true" interval="1000"> 
    <swiper-item>
         <image src="../../images/11.png"></image>
    </swiper-item>
    <swiper-item>
         <image src="../../images/12.png"></image>
    </swiper-item>
    <swiper-item>
         <image src="../../images/10.png"></image>
    </swiper-item>
</swiper>