微信小程序-HTML标签和wxml比对

一、直接将HTML标签引入微信中

<rich-text nodes="<h3 style='color:green; text-align:center;'>
通过nodes将HTML标签放到微信中</h3>">
</rich-text>

 二、轮播图

<!-- indicator-dots 显示轮播图的小圆点 autoplay circular自动播放，无缝衔接 -->
<swiper class="container02" 
indicator-dots indicator-color="white" indicator-active-color="black" autoplay circular>

 <swiper-item></swiper-item>
 <swiper-item></swiper-item>
 <swiper-item></swiper-item>

</swiper>

三、image图片标签

<image style="height:100%;width:100%;" src="https://img.alicdn.com/imgextra/i4/6000000002026/O1CN01GqbkTZ1QpxE2zcr8d_!!6000000002026-2-octopus.png"></image>
<image style="height:100%;width:100%;" src="https://img.alicdn.com/imgextra/i2/6000000006621/O1CN01EC1djA1ymT9K0IWL0_!!6000000006621-2-octopus.png"></image>
<image style="height:100%;width:100%;" src="https://img.alicdn.com/simba/img/TB1lUZLJVXXXXXtXFXXSutbFXXX.jpg"></image>

四、获取微信用户名

 <open-data type="userNickName"></open-data>

五、定义全局变量

        在app.js文件中添加globalData函数与loadlunch平级

globalData: {
    urls:'69bnp3.natappfree.cc'
  },

        在使用时与Page平级引入

const app = getApp();
Page({

        在函数中使用

 url: app.globalData.urls+'/getPunna'