微信小程序-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'
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)